add.html
9.48 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head>
<th:block th:include="include :: header" />
<th:block th:include="include :: select2-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-receiptDetail-add">
<div class="form-group">
<label class="col-sm-3 control-label">入库单id：</label>
<div class="col-sm-8">
<input id="receiptId" name="receiptId" class="form-control" type="text" th:value="${receiptId}" readonly="readonly" >
<input id="companyCode" name="companyCode" type="hidden" th:value="${companyCode}" >
<input id="supplierCode" name="supplierCode" type="hidden" th:value="${supplierCode}" >
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">入库类型：</label>
<div class="col-sm-8">
<input id="receiptType" name="receiptType" class="form-control" type="text" th:value="${receiptType}" readonly="readonly">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">入库单号：</label>
<div class="col-sm-8">
<input id="receiptCode" name="receiptCode" class="form-control" type="text" th:value="${receiptCode}" readonly="readonly">
</div>
</div>
<!-- <div class="form-group">-->
<!-- <label class="col-sm-3 control-label">物料编码：</label>-->
<!-- <div class="col-sm-8">-->
<!-- <select id="materialCode" name="materialCode" class="form-control"></select>-->
<!-- </div>-->
<!-- </div>-->
<div class="form-group">
<label class="col-sm-3 control-label">物料编码：</label>
<div class="col-sm-6">
<input id="materialCode" name="materialCode" class="form-control" type="text" readonly="readonly">
</div>
<a class="btn btn-primary btn-rounded " onclick="selectMaterial()">
选择物料
</a>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">物料名称：</label>
<div class="col-sm-8">
<input id="materialName" name="materialName" class="form-control" type="text" readonly="readonly">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">物料规格：</label>
<div class="col-sm-8">
<input id="materialSpec" name="materialSpec" class="form-control" type="text" readonly="readonly">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">物料单位：</label>
<div class="col-sm-8">
<input id="materialUnit" name="materialUnit" class="form-control" type="text" readonly="readonly">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">数量：</label>
<div class="col-sm-8">
<input id="totalQty" name="totalQty" class="form-control" value="1" type="text" >
</div>
</div>
<div class="form-group">
<div class="form-control-static col-sm-offset-9">
<button type="submit" class="btn btn-primary" >提交</button>
<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
</div>
</div>
</form>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: select2-js" />
<!--<!–引入bootstrap 和bootstrap-datetimepicker样式表–>-->
<!--<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>-->
<!--<!–<link rel="stylesheet" href="css/bootstrap.min.css">–>-->
<!--<!–<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" />–>-->
<!--<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" rel="external nofollow" />-->
<script type="text/javascript">
var prefix = ctx + "receipt/receiptDetail";
var prefix_material = ctx + "config/material"
$("#form-receiptDetail-add").validate({
rules:{
receiptId:{
required:true
},
receiptCode:{
required:true
},
receiptType:{
required:true
},
materialCode:{
required:true
},
totalQty:{
// required:true,
number: true
}
},
submitHandler: function(form) {
$.ajax({
cache : true,
type : "POST",
url : prefix + "/add",
data : $("#form-receiptDetail-add").serializeArray(),
async : false,
error : function(request) {
$.modal.alertError("请求失败！");
},
success : function(data) {
// $.operate.saveSuccess(data);
ajaxSuccess(data);
}
});
}
});
function ajaxSuccess(result) {
if (result.code == web_status.SUCCESS) {
$.modal.msgSuccess(result.msg);
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
window.parent.loadDetail();
} else {
$.modal.alertError(result.msg);
}
$.modal.closeLoading();
}
$(function () {
// var type = $("#receiptType").attr("value");
// if (type!='DCBRK') {
// $("#electricQuantity").attr("readonly", true);
// $("#batteryPackageWeight").attr("readonly", true);
// }
layui.use('laydate', function() {
var laydate = layui.laydate;
laydate.render({ elem: '#manufactureDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss' });
laydate.render({ elem: '#expirationDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss' });
laydate.render({ elem: '#recoveryDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss' });
laydate.render({ elem: '#receiptDate', theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss' });
});
// $('#materialCode').select2({
// ajax: {
// url: ctx+'config/material/getData',
// dataType: 'json',
// type: 'post',
// data: function (params) {
// let query = {
// materialName: params.term,
// }
// return query;
// }
// }
// });
$('#materialCode').select2({
ajax: {
url: ctx+'config/material/getMaterial',
dataType: 'json',
type: 'post',
data: function (params) {
let query = {
materialName: params.term,
}
return query;
}
}
});
});
$("#dateTime").datetimepicker({
language: 'zh-CN',//语言
format: 'yyyy-mm-dd hh:ii:ss', //String 默认值: 'mm/dd/yyyy'日期转换格式
autoclose: true, //Boolean 默认值:false 选择完日期自动关闭
//startView: 2,//Number, String. 默认值：2, 'month' 日期时间选择器打开之后首先显示的视图。
//minView: 0,//Number, String. 默认值：0, 'hour' 日期时间选择器所能够提供的最精确的时间选择视图
weekStart: 1,//默认值:0. 0(星期日)到6(星期六)
startDate: new Date("1997/1/1"),//Date类型,默认值：开始时间.不能小于开始时间
//endDate: //Date类型,默认值：结束时间.不能大于开始时间
//daysOfWeekDisabled: [0,1,2,3,4,5,6] //String,Array类型.默认值:"",[]. 不能被选择的week
todayBtn: "linked",//Boolean, "linked". 默认值: false 如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
todayHighlight: true,//Boolean. 默认值: false 如果为true, 高亮当前日期。
keyboardNavigation: true,//Boolean. 默认值: true 是否允许通过方向键改变日期。
forceParse: true,//Boolean. 默认值: true 当选择器关闭的时候，是否强制解析输入框中的值。也就是说，当用户在输入框中输入了不正确的日期，选择器将会尽量解析输入的值，并将解析后的正确值按照给定的格式format设置到输入框中。
minuteStep: 10,//Number. 默认值: 5
//pickerPosition: //String. 默认值: 'bottom-right' (还支持 : 'bottom-left') 此选项当前只在组件实现中提供支持。通过设置选项可以讲选择器放倒输入框下方
//viewSelect: 2,//不知道
initialDate: "2015/5/5",//Date or String. 默认值: new Date() 初始化日期
showMeridian: true//Boolean. 默认值: false 以12小时制显示
})
/* 选择物料 */
function selectMaterial() {
var url = prefix_material + '/materialSelect';
$.modal.open("选择物料", url);
}
</script>
</body>
</html>