diff --git a/ghy-admin/src/main/resources/templates/goods/standard/addTemplate.html b/ghy-admin/src/main/resources/templates/goods/standard/addTemplate.html
index 566549bd..91f0cb5a 100644
--- a/ghy-admin/src/main/resources/templates/goods/standard/addTemplate.html
+++ b/ghy-admin/src/main/resources/templates/goods/standard/addTemplate.html
@@ -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>
\ No newline at end of file
+</html>
