materialSelect.html
5.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
<form id="material-form">
<div class="select-list">
<ul>
<li>
物料编码：<input type="text" name="code"/>
</li>
<li>
名称：<input type="text" name="name"/>
</li>
<li>
规格：<input type="text" name="spec"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
class="fa fa-search"></i> 搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('material-form')"><i
class="fa fa-refresh"></i> 重置</a>
<!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="config:material:export"><i class="fa fa-download"></i> 导出</a>-->
</li>
</ul>
</div>
</form>
</div>
<div class="col-sm-12 select-info">
<table id="bootstrap-table" data-mobile-responsive="true"
class="table table-bordered table-hover text-nowrap"></table>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('config:material:edit')}]];
var removeFlag = [[${@permission.hasPermi('config:material:remove')}]];
var prefix = ctx + "config/material";
var datas = [[${@dict.getType('sys_normal_disable')}]];
var mType = [[${@materialType.queryType()}]];
var materialArea = [[${@materialArea.queryCode()}]];
$(function () {
var options = {
url: prefix + "/listSelfCreated",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
printUrl: prefix + "/print",
importTemplateUrl: prefix + "/importTemplate",
importUrl: prefix + "/importData",
modalName: "物料",
search: false,
sortName: "id",
sortOrder: "desc",
selfCreated: true,
columns: [{
checkbox: true
},
{
title: '操作',
align: 'center',
formatter: function (value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs" href="#" onclick="getMaterial(\'' + row.code + '\',\'' + row.name + '\',\'' + row.spec + '\',\'' + row.unit + '\')"><i class="fa fa-edit"></i>选取</a> ');
return actions.join('');
}
},
{
field: 'id',
title: 'id',
visible: false
},
{
field: 'code',
title: '物料编码'
},
{
field: 'name',
title: '名称'
},
{
field: 'spec',
title: '规格'
},
{
field: 'unit',
title: '单位',
visible: true
},
]
};
$.table.init(options);
});
function report() {
var rows = $("#bootstrap-table").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = "";
for (var i = 0; i < rows.length; i++) {
ids = ids + rows[i].id + "," // 物料编码id
}
let url = prefix + '/print/' + ids;
// 打印参数表示打印的加载窗口该窗口显示spring返回的页面
$.modal.open("打印", url); // 该页面打开print.html之后在进行调用改方法
}
function batEdit() {
let rows = $.table.selectColumns("id");
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
} else {
$.modal.open("修改物料", prefix + "/editBatch/" + rows.join(","));
}
}
function getMaterial(code, name, spec, unit) {
parent.$('#materialCode').val(code);
parent.$('#materialName').val(name);
parent.$('#materialSpec').val(spec);
parent.$('#materialUnit').val(unit);
$.modal.close();
}
</script>
<!-- 导入区域 -->
<script id="importTpl" type="text/template">
<form enctype="multipart/form-data" class="mt20 mb10">
<div class="col-xs-offset-1">
<input type="file" id="file" name="file"/>
<div class="mt10 pt5">
<a onclick="$.table.importTemplate()" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i>
下载模板</a>
</div>
<font color="red" class="pull-left mt10">
提示：仅允许导入“xls”或“xlsx”格式文件！
</font>
</div>
</form>
</script>
</body>
</html>