index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. .av{
  5. background-color: #23c6c8 !important;
  6. border-color: #23c6c8 !important;
  7. }
  8. </style>
  9. <div class="ibox">
  10. <div class="ibox-content">
  11. <div class="row">
  12. <div class="col-xs-2" style="margin-bottom: 15px;margin-right: 10px">
  13. <a href="javascript:;" url="{:url('add')}" data-title="创建订单" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">创建订单</a>
  14. </div>
  15. <div class="col-xs-14" style="text-align: right;margin-right: 20px">
  16. <form class="form-inline" id="form-search" action="{:url('index')}">
  17. <div class="input-group">
  18. <input type="text" class="form-control" name="sn" placeholder="订单编号">
  19. </div>
  20. <div class="input-group">
  21. <input type="text" class="form-control" name="name" placeholder="患者姓名">
  22. </div>
  23. <div class="input-group">
  24. <input type="text" class="form-control" name="title" placeholder="护工姓名">
  25. </div>
  26. <div class="input-group">
  27. <input type="text" id="date" readonly class="form-control" name="begin" placeholder="开始日期" style="width: 160px !important;">
  28. </div>
  29. <div class="input-group">
  30. <input type="text" id="date1" readonly class="form-control" name="end" placeholder="结束日期" style="width: 160px !important;">
  31. </div>
  32. <div class="input-group">
  33. <select name="cateId" class="form-control">
  34. <option value="">选择陪护服务</option>
  35. {volist name="cate" id="v"}
  36. <option value="{$v.id}">{$v.title}</option>
  37. {/volist}
  38. </select>
  39. </div>
  40. <div class="input-group">
  41. <select name="depId" class="form-control">
  42. <option value="">选择科室/部门</option>
  43. {volist name="dep" id="v"}
  44. <option value="{$v.id}">{$v.title}</option>
  45. {/volist}
  46. </select>
  47. </div>
  48. <!--<div class="input-group">-->
  49. <!--<select name="status" class="form-control">-->
  50. <!--<option value="">订单状态</option>-->
  51. <!--{volist name="status" id="v"}-->
  52. <!--<option value="{$key}">{$v}</option>-->
  53. <!--{/volist}-->
  54. <!--</select>-->
  55. <!--</div>-->
  56. <div class="input-group">
  57. <span class="input-group-btn">
  58. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  59. </span>
  60. <span class="input-group-btn">
  61. <button class="btn-sm btn-primary " type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  62. </span>
  63. <span class="input-group-btn">
  64. <button data-url="{:url('export')}" title="导出" class="btn-sm btn-primary" onclick="excel_download(this)" type="button" ><i class="fa fa-cloud-download"></i></button>
  65. </span>
  66. </div> <div class="input-group">
  67. <input type="hidden" name="status" id="status" value="">
  68. </div>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="ibox-content">
  74. {volist name="status" id="v"}
  75. <button class="btn-sm btn-primary ss" onclick="load_index(this,'{$key}')" type="button" ><i class="fa "></i>{$v}</button>
  76. {/volist}
  77. </div>
  78. <div class="ibox-content">
  79. <div class="jqGrid_wrapper">
  80. <table id="table" style="border-collapse: collapse"></table>
  81. <div id="pager"></div>
  82. </div>
  83. </div>
  84. </div>
  85. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  86. {/block}
  87. {block name="script"}
  88. <script>
  89. //导出
  90. function excel_download(_self){
  91. var url = $(_self).attr('data-url');
  92. var param = $('#form-search').serialize();
  93. window.location.href = url+'?'+param;
  94. }
  95. function load_index(self,key){
  96. $(self).addClass('av').siblings().removeClass('av')
  97. $("#status").val(key);
  98. $("#search-btn").click();
  99. }
  100. laydate.render({
  101. elem: '#date',
  102. //设置开始日期、日期日期的 input 选择器
  103. //数组格式为 5.3.0 开始新增,之前版本直接配置 true 或任意分割字符即可
  104. trigger: 'click' ,
  105. theme: '#337ab7',
  106. type:'datetime'
  107. });
  108. laydate.render({
  109. elem: '#date1',
  110. //设置开始日期、日期日期的 input 选择器
  111. //数组格式为 5.3.0 开始新增,之前版本直接配置 true 或任意分割字符即可
  112. trigger: 'click' ,
  113. theme: '#337ab7',
  114. type:'datetime'
  115. });
  116. $(function () {
  117. $(window).bind("resize",function(){
  118. var width=$(".jqGrid_wrapper").width();
  119. $("#table").setGridWidth(width);
  120. });
  121. $.jgrid.defaults.styleUI="Bootstrap";
  122. $("#table").jqGrid({
  123. url:"{:url('index')}",
  124. datatype: "json",
  125. colModel:[
  126. {label:'订单编号',name:'sn',index:'sn',width:50,editable: false,sortable: false},
  127. // {label:'创建人',name:'userName',index:'userName',width:30,editable: false,sortable: false},
  128. {label:'患者姓名',name:'name',index:'name',width:30,editable: false,sortable: false},
  129. {label:'床号',name:'bed',index:'bed',width:30,editable: false,sortable: false},
  130. {label:'联系电话',name:'phone',index:'phone',width:40,editable: false,sortable: false},
  131. {label:'科室/部门',name:'depName',index:'depName',width:40,editable: false,sortable: false},
  132. {label:'预收金',name:'pre_money',index:'pre_money',width:40,editable: false,sortable: false},
  133. {label:'陪护服务',name:'cateName',index:'cateName',width:40,editable: false,sortable: false},
  134. {label:'开始日期',name:'start',index:'start',width:50,editable: false,sortable: false},
  135. {label:'结束日期',name:'end',index:'end',width:50,editable: false,sortable: false},
  136. {label:'服务天数',name:'days',index:'days',width:35,editable: false,sortable: false},
  137. {label:'订单金额',name:'amount',index:'amount',width:30,editable: false,sortable: false},
  138. {label:'服务费',name:'service_money',index:'service_money',width:30,editable: false,sortable: false},
  139. {label:'护工',name:'workerName',index:'workerName',width:30,editable: false,sortable: false},
  140. {label:'状态',name:'status_text',index:'status_text',width:30,editable: false,sortable: false},
  141. {label:'下单日期',name:'create_time',index:'create_time',width:50,editable: false,sortable: false},
  142. {label:'操作',width:50,sortable: false,formatter: function (a, b, c) {
  143. var editurl = "{:url('detail',[],'')}/id/"+c.id;
  144. var cancel_url = "{:url('cancel',[],'')}/id/"+c.id;
  145. //var btn = '<a href="'+editurl+'"><span class="label label-info" title="详情">详情</span></a>&nbsp;';
  146. var btn = '<a href="'+editurl+'"<span class="label label-primary" title="详情">详情</span></a>&nbsp;';
  147. if(c.is_zf == 0){
  148. if(c.status == 0||c.status == 1){
  149. btn += '<a href="javascript:;" url="'+cancel_url+'" data-title="作废" onclick="layer_open(this,1)"><span class="label label-danger" title="作废">作废</span></a>';
  150. }
  151. }
  152. return btn;
  153. }},
  154. ],
  155. rowNum:10,
  156. rowList:[10,20,30,50,100],
  157. pager: '#pager',
  158. sortname: 'id',
  159. viewrecords: true,
  160. autowidth:true,
  161. mtype: 'post',
  162. height: 'auto',
  163. emptyrecords: "暂无数据",
  164. sortorder: "desc",
  165. caption:"陪护订单列表",
  166. loadComplete: function (xhr) {
  167. if(xhr.code==0){
  168. layer.msg(xhr.msg);
  169. return false;
  170. }
  171. var totalMoney = xhr.totalMoney;
  172. $('#pager_left').html('<span style="color:red;font-size: 10px;">订单总额:'+totalMoney+' 元');
  173. },
  174. });
  175. });
  176. </script>
  177. {/block}