| xqd
@@ -2,7 +2,44 @@
|
|
|
|
|
|
@section('header')
|
|
|
<style>
|
|
|
-
|
|
|
+ .sg-search-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .sg-import-box {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .sg-import-box.sg-show {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .sg-import-box .layui-col-sm8 {
|
|
|
+ float: none;
|
|
|
+ }
|
|
|
+ .layui-card .layui-form-item .layui-inline {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ .sg-export-list {
|
|
|
+ margin: 50px 0;
|
|
|
+ }
|
|
|
+ .sg-export-list .sg-item {
|
|
|
+ margin: 20px 0;
|
|
|
+ }
|
|
|
+ .sg-export-list .sg-item .sg-title {
|
|
|
+ margin: 20px 0;
|
|
|
+ }
|
|
|
+ .sg-export-list .sg-item .sg-desc,
|
|
|
+ .sg-export-list .sg-item ul {
|
|
|
+ color: rgb(140, 140, 140);
|
|
|
+ margin-left: 30px;
|
|
|
+ }
|
|
|
+ .sg-down-link {
|
|
|
+ color: blue;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .sg-down-link:hover {
|
|
|
+ color: blue;
|
|
|
+ }
|
|
|
</style>
|
|
|
@endsection
|
|
|
|
| xqd
@@ -11,6 +48,9 @@
|
|
|
<div class="layui-card-header sg-card-header">
|
|
|
{{ $model_name }}管理
|
|
|
<div class="sg-card-create">
|
|
|
+ <button id="sg-import-all" class="layui-btn layui-btn-sm layui-btn-normal">批量导入</button>
|
|
|
+ </div>
|
|
|
+ <div class="sg-card-create" style="margin-right: 10px">
|
|
|
<button id="sg-create-btn" class="layui-btn layui-btn-sm">创建</button>
|
|
|
</div>
|
|
|
</div>
|
| xqd
@@ -54,6 +94,27 @@
|
|
|
</script>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div id="sg-import-box" class="sg-import-box">
|
|
|
+ <div class="layui-row">
|
|
|
+ {{--<input type="file" id="sg-upload-file">--}}
|
|
|
+ <div class="layui-col-sm8 layui-col-sm-offset2">
|
|
|
+ <div class="sg-export-list">
|
|
|
+ <div class="sg-item">
|
|
|
+ <h3 class="sg-title">一、请按照数据模板的格式准备要导入的数据。<a href="{{ $pre_uri . 'exportTemplate?t=' . time() }}" class="sg-down-link">点击下载</a>《工点导入模板》</h3>
|
|
|
+ <ul>
|
|
|
+ <li>注意事项</li>
|
|
|
+ <li>1、模板中的表头名称不能更改,表头行不能删除</li>
|
|
|
+ <li>2、导入文件请勿超过 20 MB</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="sg-item">
|
|
|
+ <h3 class="sg-title">二、请选择需要导入的文件</h3>
|
|
|
+ <div class="sg-desc"><input type="file" id="sg-upload-file"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
@endsection
|
|
|
|
|
|
@section('footer')
|
| xqd
@@ -65,7 +126,65 @@
|
|
|
form = layui.form,
|
|
|
laydate = layui.laydate,
|
|
|
top_window = window;
|
|
|
-
|
|
|
+ $('#sg-import-all').click(function() {
|
|
|
+ layer.open({
|
|
|
+ title: '导入设备',
|
|
|
+ type: 1,
|
|
|
+ area: ['90%', '90%'],
|
|
|
+ content: $('#sg-import-box'),
|
|
|
+ btn: ['导入', '取消'],
|
|
|
+ yes: function () {
|
|
|
+ importFile();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // $('#sg-upload-file').click();
|
|
|
+ });
|
|
|
+ function importFile() {
|
|
|
+ var file = $('#sg-upload-file')[0].files[0];
|
|
|
+ if(file) {
|
|
|
+ var name = file['name'];
|
|
|
+ var ext = name.split('.').pop();
|
|
|
+ if(['xls', 'xlsx'].indexOf(ext) !== -1) {
|
|
|
+ var formData = new FormData();
|
|
|
+ formData.append('file', file);
|
|
|
+ $.ajax({
|
|
|
+ method: 'POST',
|
|
|
+ url: '{{ $pre_uri }}' + 'import',
|
|
|
+ headers: {
|
|
|
+ 'X-CSRF-TOKEN': '{{ csrf_token() }}'
|
|
|
+ },
|
|
|
+ data: formData,
|
|
|
+ contentType: false,
|
|
|
+ cache: false,
|
|
|
+ processData: false,
|
|
|
+ success: function (data) {
|
|
|
+ if(data.status === 'success') {
|
|
|
+ layer.msg('上传成功', {
|
|
|
+ icon: 1
|
|
|
+ });
|
|
|
+ setTimeout(function() {
|
|
|
+ top_window.location.reload();
|
|
|
+ }, 1000)
|
|
|
+ } else {
|
|
|
+ layer.alert(data.info, {
|
|
|
+ icon: 2
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+ layer.msg('导入失败', {
|
|
|
+ icon: 2
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ layer.msg('只支持xls,xlsx格式的文件', {
|
|
|
+ icon: 2
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.value = '';
|
|
|
+ }
|
|
|
table.render({
|
|
|
elem: '#sg-main-table',
|
|
|
url: '{{ $pre_uri }}' + 'get',
|