<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('新增设备库')" />
|
<th:block th:include="include :: datetimepicker-css" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-device-add">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">设备编号：</label>
|
<div class="col-sm-8">
|
<input name="code" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">名字：</label>
|
<div class="col-sm-8">
|
<input name="name" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">型号：</label>
|
<div class="col-sm-8">
|
<input name="type" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">生产商：</label>
|
<div class="col-sm-8">
|
<input name="manufacturer" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">购买日期：</label>
|
<div class="col-sm-8">
|
<div class="input-group date">
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
<input name="buyDate" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">价格：</label>
|
<div class="col-sm-8">
|
<input name="price" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">设备状态：</label>
|
<div class="col-sm-8">
|
<select name="status" class="form-control m-b" th:with="type=${@dict.getType('device_status')}">
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">存放位置：</label>
|
<div class="col-sm-8">
|
<input name="storageAddress" class="form-control" type="text">
|
</div>
|
</div>
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: datetimepicker-js" />
|
<script th:inline="javascript">
|
var prefix = ctx + "geo/device"
|
$("#form-device-add").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/add", $('#form-device-add').serialize());
|
}
|
}
|
|
$("input[name='buyDate']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
</script>
|
</body>
|
</html>
|
