{extend name="common/common2" /}
{block name="main"}
<style>
.av{
background-color: #23c6c8 !important;
border-color: #23c6c8 !important;
}
}
</style>
<div class="ibox">
<div class="ibox-content">
<div class="row">
<div class="col-xs-2" style="margin-bottom: 15px;margin-right: 10px">
<a href="javascript:;" url="{:url('add')}" data-title="创建订单" onclick="layer_open(this,1)" class="btn btn-sm btn-primary">创建订单</a>
</div>
<div class="col-xs-14" style="text-align: left;">
<form class="form-inline" id="form-search" action="{:url('index')}">
<div class="input-group">
<input type="text" class="form-control" name="sn" placeholder="订单编号">
</div>
<!--<div class="input-group">-->
<!--<input type="text" class="form-control" name="title" placeholder="创建人">-->
<!--</div>-->
<!--<div class="input-group">-->
<!--<input type="text" class="form-control" name="title1" placeholder="护工名称">-->
<!--</div>-->
<div class="input-group">
<input type="text" id="date" readonly class="form-control" name="begin" placeholder="开始日期">
</div>
<div class="input-group">
<input type="text" id="date1" readonly class="form-control" name="end" placeholder="结束日期">
</div>
<div class="input-group">
<select name="cateId" class="form-control">
<option value="">选择陪护服务</option>
{volist name="cate" id="v"}
<option value="{$v.id}">{$v.title}</option>
{/volist}
</select>
</div>
<div class="input-group">
<select name="depId" class="form-control">
<option value="">选择科室/部门</option>
{volist name="dep" id="v"}
<option value="{$v.id}">{$v.title}</option>
{/volist}
</select>
</div>
<!--<div class="input-group">-->
<!--<select name="status" class="form-control">-->
<!--<option value="">订单状态</option>-->
<!--{volist name="status" id="v"}-->
<!--<option value="{$key}">{$v}</option>-->
<!--{/volist}-->
<!--</select>-->
<!--</div>-->
<div class="input-group">
<span class="input-group-btn">
<button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
</span>
<span class="input-group-btn">
<button class="btn-sm btn-primary " type="button" id="search-clear"><i class="fa fa-undo"></i></button>
</span>
<span class="input-group-btn">
<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>
</span>
</div> <div class="input-group">
<input type="hidden" name="status" id="status" value="">
</div>
</form>
</div>
</div>
</div>
<div class="ibox-content">
{volist name="status" id="v"}
<button class="btn-sm btn-primary ss" onclick="load_index(this,'{$key}')" type="button" ><i class="fa "></i>{$v}</button>
{/volist}
</div>
<div class="ibox-content">
<div class="jqGrid_wrapper">
<table id="table" style="border-collapse: collapse"></table>
<div id="pager"></div>
</div>
</div>
</div>
<script src="/static/layDate-v5.0.9/laydate.js"></script>
{/block}
{block name="script"}
<script>
//导出
function excel_download(_self){
var url = $(_self).attr('data-url');
var param = $('#form-search').serialize();
window.location.href = url+'?'+param;
}
function load_index(self,key){
$(self).addClass('av').siblings().removeClass('av')
$("#status").val(key);
$("#search-btn").click();
}
laydate.render({
elem: '#date',
//设置开始日期、日期日期的 input 选择器
//数组格式为 5.3.0 开始新增，之前版本直接配置 true 或任意分割字符即可
trigger: 'click' ,
theme: '#337ab7'
});
laydate.render({
elem: '#date1',
//设置开始日期、日期日期的 input 选择器
//数组格式为 5.3.0 开始新增，之前版本直接配置 true 或任意分割字符即可
trigger: 'click' ,
theme: '#337ab7'
});
$(function () {
$(window).bind("resize",function(){
var width=$(".jqGrid_wrapper").width();
$("#table").setGridWidth(width);
});
$.jgrid.defaults.styleUI="Bootstrap";
$("#table").jqGrid({
url:"{:url('index')}",
datatype: "json",
colModel:[
{label:'订单编号',name:'sn',index:'sn',width:50,editable: false,sortable: false},
// {label:'创建人',name:'userName',index:'userName',width:30,editable: false,sortable: false},
{label:'患者姓名',name:'name',index:'name',width:30,editable: false,sortable: false},
{label:'联系电话',name:'phone',index:'phone',width:40,editable: false,sortable: false},
{label:'科室/部门',name:'depName',index:'depName',width:40,editable: false,sortable: false},
{label:'预收金',name:'pre_money',index:'pre_money',width:40,editable: false,sortable: false},
{label:'陪护服务',name:'cateName',index:'cateName',width:40,editable: false,sortable: false},
{label:'开始日期',name:'start',index:'start',width:50,editable: false,sortable: false},
{label:'结束日期',name:'end',index:'end',width:50,editable: false,sortable: false},
{label:'订单金额',name:'amount',index:'amount',width:30,editable: false,sortable: false},
{label:'状态',name:'status_text',index:'status_text',width:30,editable: false,sortable: false},
{label:'下单日期',name:'create_time',index:'create_time',width:50,editable: false,sortable: false},
{label:'操作',width:50,sortable: false,formatter: function (a, b, c) {
var editurl = "{:url('detail',[],'')}/id/"+c.id;
var cancel_url = "{:url('cancel',[],'')}/id/"+c.id;
//var btn = '<a href="'+editurl+'"><span class="label label-info" title="详情">详情</span></a> ';
var btn = '<a href="'+editurl+'"<span class="label label-primary" title="详情">详情</span></a> ';
if(c.is_zf == 0){
if(c.status == 0||c.status == 1){
btn += '<a href="javascript:;" url="'+cancel_url+'" data-title="作废" onclick="layer_open(this,1)"><span class="label label-danger" title="作废">作废</span></a>';
}
}
return btn;
}},
],
rowNum:10,
rowList:[10,20,30,50,100],
pager: '#pager',
sortname: 'id',
viewrecords: true,
autowidth:true,
mtype: 'post',
height: 'auto',
emptyrecords: "暂无数据",
sortorder: "desc",
caption:"陪护订单列表",
loadComplete: function (xhr) {
if(xhr.code==0){
layer.msg(xhr.msg);
return false;
}
var totalMoney = xhr.totalMoney;
$('#pager_left').html('<span style="color:red;font-size: 10px;">订单总额：'+totalMoney+' 元');
},
});
});
</script>
{/block}