@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