@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-title"></div>
<div class="ibox-content">
<form class="row" id="searchForm">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-md btn-primary"
style="margin-left: 10px" onclick="units.edit(0)"> <span
class="glyphicon glyphicon-plus"></span> 添加</button>
<button type="button" class="btn btn-md btn-danger" onclick="units.delete()"
style="margin-left: 10px"><span
class="glyphicon glyphicon-remove"></span> 删除</button>
</span>
</div>
</div>
{{--<div class="col-md-6 pull-right">--}}
{{--<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>--}}
</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>
var units = {
search: function () {
tips.selectPage();
},
getIdsBySelections: function () {
var selections = $("#table").bootstrapTable('getSelections');
var ids = [];
$.each(selections, function (inx, val) {
ids.push(val.id);
});
return ids;
},
edit: function (id) {
var title = '添加';
if (id > 0) {
title = '编辑';
}
layer.open({
type: 2,
content: ['/admin/invoices/' + id],
area: ['100%', '100%'],
title: title
});
},
delete: function () {
var ids = units.getIdsBySelections();
if (ids.length === 0) {
layer.alert('请先选择您所要操作的对象', {icon: 0});
return;
}
layer.confirm('您确定要删除吗?', {icon: 3, title: '删除信息'}, function (index, layero) {
layer.close(index);
tips.ajax({
url: '/admin/invoices',
type: 'delete',
data: {ids: ids},
tableRefresh: '#table'
});
});
},
upload: function (id, photo) {
var str = '<div class="ibox-content" id="importLayer">' +
'<form class="form-horizontal">' +
'<div class="form-group">' +
'<label class="col-sm-3 control-label">请选择图片：</label>' +
'<div class="col-sm-6">' +
'<input type="file" id="excel_file" class="form-control">' +
'<input type="hidden" id="excel_path">' +
'</div>' +
'<div class="col-sm-2"><button class="btn btn-info" type="button" onclick="units.fileUpload()">上传</button></div>' +
'</div>' +
'<div class="form-group">' +
'<div class="col-sm-6 col-sm-offset-3">' +
'<img ';
if (photo.length > 10) {
str += 'src="' + photo + '"';
}
str += ' style="height:150px" id="img">' +
'</div>' +
'</div>' +
'</form>' +
'</div>';
layer.open({
type: 1,
content: str,
area: ['60%', '50%'],
btn: ['确定', '取消'],
title: '拍照上传',
yes: function (index, layero) {
var config = {
url: '/admin/invoices/' + id + '/photo',
type: 'put',
data: {photo: $("#img").attr('src')},
success:function (result) {
layer.msg(result.message, {icon: 6, time: 1500}, function () {
tips.tableRefresh('#table');
layer.close(index);
});
}
};
tips.ajax(config);
}
});
},
fileUpload: function () {
var config = {
url: '/admin/tool/upload'
};
config.success = function (result) {
$("#img").attr('src', result.data.file_url);
layer.msg(result.message, {icon: 6, time: 1500});
};
tips.fileUpload($("#excel_file")[0], config);
}
};
var config = {};
config.url = '/admin/invoices';
config.columns = [ //字段
{checkbox: true},
{
title: '序号', align: 'center', formatter: function (value, item, index) {
return index + 1;
}
},
{title: '金额', field: 'amount', align: 'center'},
{title: '抬头', field: 'title', align: 'center'},
{title: '税号', field: 'tax_no', align: 'center'},
{title: '创建时间', field: 'created_at', align: 'center'},
{
title: '操作', field: 'id', align: 'center',
formatter: function (value, row) {
return (
'<button onclick="units.edit(' + value + ')" class="btn btn-xs"><span class="glyphicon glyphicon-edit"></span>编辑</button> ' +
'<button onclick="units.upload(' + value + ',\'' + row.photo + '\')" class="btn btn-xs"><span class="glyphicon glyphicon-edit"></span>上传</button> '
);
}
}
];
tips.bootstrapTable(config);
</script>
@endsection