@extends('admin/layout')
@section('content')
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-content">
<form class="form-inline" id="searchForm" onsubmit="units.search();return false;">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input type="text" class="form-control lay-datetime" id="start_at" name="start_at">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input type="text" class="form-control lay-datetime" id="end_at" name="end_at">
</div>
<div class="form-group" style="margin-top: 5px;">
<div class="input-group">
<input type="text" placeholder="请输入用户名" class="input-md form-control" name="keyword"
id="keyword">
<span class="input-group-btn">
<button type="button" class="btn btn-md btn-primary"
onclick="units.search()"> 搜索</button>
<button type="reset" class="btn btn-md btn-primary" style="margin-left: 10px"
name="resetBtn"> 重置</button>
</span>
</div>
</div>
<div class="form-group pull-right" style="padding-left: 20px">
<label class="form-control">结算总金额</label>
<label class="form-control" id="totalAmount"></label>
</div>
<div class="form-group pull-right">
<label class="form-control">结算总外链</label>
<label class="form-control" id="totalLinkNum"></label>
</div>
</form>
<hr>
<div class="table-responsive">
<table id="table" class="table table-condensed" data-mobile-responsive="true"></table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
@endsection
@section('footer')
<script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
<script>
var units = {
search: function () {
tips.selectPage();
}
};
var config = {};
config.url = '/admin/link/calc-history';
config.columns = [ //字段
{
title: '序号', align: 'center', formatter: function (value, item, index) {
return index + 1;
}
},
{title: '兼职人员', field: 'username', align: 'center'},
{title: '外链', field: 'title', align: 'center'},
{title: '结算金额', field: 'amount', align: 'center'},
{title: '结算外链数', field: 'url_num', align: 'center'},
{title: '结算时间', field: 'settle_at', align: 'center'}
];
config.onLoadSuccess = function (data) {
$("#totalLinkNum").text(data.totalLinkNum);
$("#totalAmount").text(data.totalAmount);
};
tips.bootstrapTable(config);
laydate.render({
elem: '#start_at', //指定元素
type: 'datetime'
});
laydate.render({
elem: '#end_at', //指定元素
type: 'datetime'
});
</script>
@endsection