edit.html
4.83 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
<!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"/>
<script src="/wms/js/jquery.min.js"></script>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-zone-edit" th:object="${zone}">
<input id="id" name="id" th:field="*{id}" type="hidden">
<div class="form-group">
<label class="col-sm-3 control-label">编码：</label>
<div class="col-sm-8">
<input id="code" name="code" th:field="*{code}" class="form-control" readonly="readonly" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">名称：</label>
<div class="col-sm-8">
<input class="form-control" id="name" name="name" placeholder="请输入库区名称" th:field="*{name}" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">区域：</label>
<div class="col-sm-8">
<input class="form-control" id="area" name="area" placeholder="请输入区域" readonly="readonly" th:field="*{area}" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">库位类型：</label>
<div class="col-sm-8">
<select class="form-control" id="locationType" multiple="multiple" name="locationType"></select>
</div>
</div>
<span id="locationType2" name="locationType2" th:field="*{locationType}"></span>
<div class="form-group">
<label class="col-sm-3 control-label">最大克存放药量(克)：</label>
<div class="col-sm-8">
<input class="form-control" id="maxWeight" name="maxWeight" placeholder="请输入最大克存放药量(克)" th:field="*{maxWeight}"
type="number">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">是否有效：</label>
<div class="col-sm-8">
<div class="onoffswitch">
<input type="checkbox" th:checked="${zone.enable}" class="onoffswitch-checkbox" id="enable" name="enable">
<label class="onoffswitch-label" for="enable">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</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"/>
<script th:inline="javascript">
let prefix = ctx + "config/zone"
$("#form-zone-edit").validate({
rules: {
code: {
required: true,
},
name: {
required: true,
},
maxWeight: {
required: true,
},
},
submitHandler: function (form) {
let tableValue = $.common.getTableValue("#form-zone-edit");
let locationType = $("#locationType option:selected").val();
if (locationType === null || locationType === undefined) {
locationType = ""
}
tableValue = formValueReplace(tableValue, "locationType", locationType);
$.operate.save(prefix + "/edit", tableValue);
}
});
$(function () {
$.ajax({
url: ctx + 'config/locationType/getLocationType',
dataType: 'json',
type: 'post',
async: false,
success: function (data) {
for (let locationType of data.results) {
let _html = '<option value=' + locationType.id + '>' + locationType.text + '</option>';
$('#locationType').append(_html).trigger('change.select2');
}
}
})
})
function load() {
let $locationType = $('#locationType');
let locationTypeArray = $("#locationType2").attr("field").split(",");
$locationType.select2({
closeOnSelect: false,
allowClear: true,
placeholder: "请选择绑定的库位类型"
});
$locationType.val(locationTypeArray).trigger("change"); // 多个赋值
}
window.onload = load;
</script>
</body>
</html>