模板新增 页面
This commit is contained in:
parent
2f0ce606be
commit
7bc78923aa
|
|
@ -1,10 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
<th:block th:include="include :: header('模板新增')"/>
|
||||
</head>
|
||||
<body>
|
||||
<body class="gray-bg">
|
||||
<div class="wrapper wrapper-content animated fadeIn">
|
||||
<div class="ibox float-e-margins">
|
||||
<div class="ibox-title">
|
||||
商品信息
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<div class="template-grid">
|
||||
<div class="template-div">
|
||||
<p>MR1234</p>
|
||||
<p>快速发布</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form id="addTemplateForm" class="form-horizontal m">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label is-required">服务类目:</label>
|
||||
<div id="categoryCxSelect" class="col-sm-6 row">
|
||||
<div class="col-sm-3">
|
||||
<select class="category1 form-control m-b" name="category1" required></select>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<select class="category2 form-control m-b" name="category2" required></select>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<select class="category3 form-control m-b" name="category3" required></select>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<select class="category4 form-control m-b" name="category4" required></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">×</div>
|
||||
<div class="col-sm-1">
|
||||
<input type="number" name="goodsNum" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-sm-8 col-sm-offset-3">
|
||||
<button class="btn btn-primary" type="submit">提交</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<th:block th:include="include :: footer"/>
|
||||
<th:block th:include="include :: jquery-cxselect-js" />
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
var icon = "<i class='fa fa-times-circle'></i> ";
|
||||
$("#addTemplateForm").validate({
|
||||
rules: {
|
||||
goodsNum: "required"
|
||||
},
|
||||
messages: {
|
||||
goodsNum: icon + "请输入规格数量",
|
||||
}
|
||||
});
|
||||
|
||||
// 级联下拉
|
||||
$.ajax()
|
||||
$('#categoryCxSelect').cxSelect({
|
||||
selects: ['category1', 'category2', 'category3', 'category4'],
|
||||
jsonValue: 'v',
|
||||
data: [
|
||||
{'v': '1', 'n': '类目1', s:
|
||||
[{'v': '2', 'n': '类目2', s:
|
||||
[{'v': '3', 'n': '类目3', s:
|
||||
[{'v': '4', 'n': '类目4'}]
|
||||
}]
|
||||
}]
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue