模板新增 页面
This commit is contained in:
parent
2f0ce606be
commit
7bc78923aa
|
|
@ -1,10 +1,86 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<th:block th:include="include :: header('模板新增')"/>
|
||||||
<title>Title</title>
|
|
||||||
</head>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue