模板新增 页面

This commit is contained in:
donqi 2023-02-25 17:10:23 +08:00
parent 2f0ce606be
commit 7bc78923aa
1 changed files with 81 additions and 5 deletions

View File

@ -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>