Ver código fonte

修改验证 样式 添加校验

lchao 5 meses atrás
pai
commit
b613e65ef2

+ 105 - 101
qmjszx-admin/src/main/resources/templates/system/mall/add.html

@@ -5,134 +5,138 @@
     <th:block th:include="include :: bootstrap-fileinput-css"/>
 </head>
 <body class="white-bg">
-    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
-        <form class="form-horizontal m" id="form-mall-add">
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label is-required" >商品名称:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsName" class="form-control" type="text" required>
-                    </div>
+<div class="wrapper wrapper-content animated fadeInRight ibox-content">
+    <form class="form-horizontal m" id="form-mall-add">
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label is-required">商品名称:</label>
+                <div class="col-sm-8">
+                    <input name="goodsName" class="form-control" type="text" required>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品条码:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsCode" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品条码:</label>
+                <div class="col-sm-8">
+                    <input name="goodsCode" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品种类:</label>
-                    <div class="col-sm-8">
-                        <select name="goodsType" class="form-control" th:with="type=${@dict.getType('goods_type')}">
-                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
-                        </select>
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品种类:</label>
+                <div class="col-sm-8">
+                    <select name="goodsType" class="form-control" th:with="type=${@dict.getType('goods_type')}">
+                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
+                    </select>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">计量单位:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsUnit" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">计量单位:</label>
+                <div class="col-sm-8">
+                    <input name="goodsUnit" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">时价商品:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsCurrentPrice" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">时价商品:</label>
+                <div class="col-sm-8">
+                    <select name="goodsCurrentPrice" class="form-control" th:with="type=${@dict.getType('sys_yes_no')}">
+                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
+                    </select>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">销售单价:</label>
-                    <div class="col-sm-8">
-                        <input name="salePrice" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">销售单价:</label>
+                <div class="col-sm-8">
+                    <input name="salePrice" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">建议售价:</label>
-                    <div class="col-sm-8">
-                        <input name="suggestionPrice" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">建议售价:</label>
+                <div class="col-sm-8">
+                    <input name="suggestionPrice" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品库存:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsInventory" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品库存:</label>
+                <div class="col-sm-8">
+                    <input name="goodsInventory" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">库存成本:</label>
-                    <div class="col-sm-8">
-                        <input name="inventoryCost" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">库存成本:</label>
+                <div class="col-sm-8">
+                    <input name="inventoryCost" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品状态(正常/禁用):</label>
-                    <div class="col-sm-8">
-                        <input name="goodsState" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品状态(正常/禁用):</label>
+                <div class="col-sm-8">
+                    <select name="goodsState" class="form-control" th:with="type=${@dict.getType('sys_normal_disable')}">
+                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
+                    </select>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品图片:</label>
-                    <div class="col-sm-8">
-                        <input type="hidden" name="goodsImg">
-                        <div class="file-loading">
-                            <input class="form-control file-upload" id="goodsImg" name="file" type="file">
-                        </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品图片:</label>
+                <div class="col-sm-8">
+                    <input type="hidden" name="goodsImg">
+                    <div class="file-loading">
+                        <input class="form-control file-upload" id="goodsImg" name="file" type="file">
                     </div>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品说明:</label>
-                    <div class="col-sm-8">
-                        <textarea name="goodsDescribe" class="form-control" required></textarea>
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品说明:</label>
+                <div class="col-sm-8">
+                    <textarea name="goodsDescribe" class="form-control" type="text"></textarea>
                 </div>
             </div>
-        </form>
-    </div>
-    <th:block th:include="include :: footer" />
-    <th:block th:include="include :: bootstrap-fileinput-js"/>
-    <script th:inline="javascript">
-        var prefix = ctx + "system/mall"
-        $("#form-mall-add").validate({
-            focusCleanup: true
-        });
+        </div>
+    </form>
+</div>
+<th:block th:include="include :: footer" />
+<th:block th:include="include :: bootstrap-fileinput-js"/>
+<script th:inline="javascript">
+    var prefix = ctx + "system/mall"
+    $("#form-mall-add").validate({
+        focusCleanup: true
+    });
 
-        function submitHandler() {
-            if ($.validate.form()) {
-                $.operate.save(prefix + "/add", $('#form-mall-add').serialize());
-            }
+    function submitHandler() {
+        if ($.validate.form()) {
+            $.operate.save(prefix + "/add", $('#form-mall-add').serialize());
         }
+    }
 
-        $(".file-upload").fileinput({
-            uploadUrl: ctx + 'common/upload',
-            maxFileCount: 1,
-            autoReplace: true
-        }).on('fileuploaded', function (event, data, previewId, index) {
-            $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
-        }).on('fileremoved', function (event, id, index) {
-            $("input[name='" + event.currentTarget.id + "']").val('')
-        })
-    </script>
+    $(".file-upload").fileinput({
+        uploadUrl: ctx + 'common/upload',
+        maxFileCount: 1,
+        autoReplace: true
+    }).on('fileuploaded', function (event, data, previewId, index) {
+        $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
+    }).on('fileremoved', function (event, id, index) {
+        $("input[name='" + event.currentTarget.id + "']").val('')
+    })
+</script>
 </body>
 </html>

+ 112 - 108
qmjszx-admin/src/main/resources/templates/system/mall/edit.html

@@ -5,141 +5,145 @@
     <th:block th:include="include :: bootstrap-fileinput-css"/>
 </head>
 <body class="white-bg">
-    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
-        <form class="form-horizontal m" id="form-mall-edit" th:object="${qmjsShoppingMall}">
-            <input name="id" th:field="*{id}" type="hidden">
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label is-required">商品名称:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsName" th:field="*{goodsName}" class="form-control" type="text" required>
-                    </div>
+<div class="wrapper wrapper-content animated fadeInRight ibox-content">
+    <form class="form-horizontal m" id="form-mall-edit" th:object="${qmjsShoppingMall}">
+        <input name="id" th:field="*{id}" type="hidden">
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label is-required">商品名称:</label>
+                <div class="col-sm-8">
+                    <input name="goodsName" th:field="*{goodsName}" class="form-control" type="text" required>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品条码:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsCode" th:field="*{goodsCode}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品条码:</label>
+                <div class="col-sm-8">
+                    <input name="goodsCode" th:field="*{goodsCode}" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品种类:</label>
-                    <div class="col-sm-8">
-                        <select name="goodsType" class="form-control" th:with="type=${@dict.getType('goods_type')}">
-                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{goodsType}"></option>
-                        </select>
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品种类:</label>
+                <div class="col-sm-8">
+                    <select name="goodsType" class="form-control" th:with="type=${@dict.getType('goods_type')}">
+                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{goodsType}"></option>
+                    </select>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">计量单位:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsUnit" th:field="*{goodsUnit}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">计量单位:</label>
+                <div class="col-sm-8">
+                    <input name="goodsUnit" th:field="*{goodsUnit}" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">时价商品:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsCurrentPrice" th:field="*{goodsCurrentPrice}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">时价商品:</label>
+                <div class="col-sm-8">
+                    <select name="goodsCurrentPrice" class="form-control" th:with="type=${@dict.getType('sys_yes_no')}">
+                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{goodsCurrentPrice}"></option>
+                    </select>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">销售单价:</label>
-                    <div class="col-sm-8">
-                        <input name="salePrice" th:field="*{salePrice}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">销售单价:</label>
+                <div class="col-sm-8">
+                    <input name="salePrice" th:field="*{salePrice}" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">建议售价:</label>
-                    <div class="col-sm-8">
-                        <input name="suggestionPrice" th:field="*{suggestionPrice}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">建议售价:</label>
+                <div class="col-sm-8">
+                    <input name="suggestionPrice" th:field="*{suggestionPrice}" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品库存:</label>
-                    <div class="col-sm-8">
-                        <input name="goodsInventory" th:field="*{goodsInventory}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品库存:</label>
+                <div class="col-sm-8">
+                    <input name="goodsInventory" th:field="*{goodsInventory}" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">库存成本:</label>
-                    <div class="col-sm-8">
-                        <input name="inventoryCost" th:field="*{inventoryCost}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">库存成本:</label>
+                <div class="col-sm-8">
+                    <input name="inventoryCost" th:field="*{inventoryCost}" class="form-control" type="text">
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品状态(正常/禁用):</label>
-                    <div class="col-sm-8">
-                        <input name="goodsState" th:field="*{goodsState}" class="form-control" type="text">
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品状态(正常/禁用):</label>
+                <div class="col-sm-8">
+                    <select name="goodsState" class="form-control" th:with="type=${@dict.getType('sys_normal_disable')}">
+                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{goodsState}"></option>
+                    </select>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品图片:</label>
-                    <div class="col-sm-8">
-                        <input type="hidden" name="goodsImg" th:field="*{goodsImg}">
-                        <div class="file-loading">
-                            <input class="form-control file-upload" id="goodsImg" name="file" type="file">
-                        </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品图片:</label>
+                <div class="col-sm-8">
+                    <input type="hidden" name="goodsImg" th:field="*{goodsImg}">
+                    <div class="file-loading">
+                        <input class="form-control file-upload" id="goodsImg" name="file" type="file">
                     </div>
                 </div>
             </div>
-            <div class="col-xs-12">
-                <div class="form-group">
-                    <label class="col-sm-3 control-label">商品说明:</label>
-                    <div class="col-sm-8">
-                        <textarea name="goodsDescribe" class="form-control" type="text">[[*{goodsDescribe}]]</textarea>
-                    </div>
+        </div>
+        <div class="col-xs-12">
+            <div class="form-group">
+                <label class="col-sm-3 control-label">商品说明:</label>
+                <div class="col-sm-8">
+                    <textarea name="goodsDescribe"  class="form-control" type="text">[[*{goodsDescribe}]]</textarea>
                 </div>
             </div>
-        </form>
-    </div>
-    <th:block th:include="include :: footer" />
-    <th:block th:include="include :: bootstrap-fileinput-js"/>
-    <script th:inline="javascript">
-        var prefix = ctx + "system/mall";
-        $("#form-mall-edit").validate({
-            focusCleanup: true
-        });
+        </div>
+    </form>
+</div>
+<th:block th:include="include :: footer" />
+<th:block th:include="include :: bootstrap-fileinput-js"/>
+<script th:inline="javascript">
+    var prefix = ctx + "system/mall";
+    $("#form-mall-edit").validate({
+        focusCleanup: true
+    });
 
-        function submitHandler() {
-            if ($.validate.form()) {
-                $.operate.save(prefix + "/edit", $('#form-mall-edit').serialize());
-            }
+    function submitHandler() {
+        if ($.validate.form()) {
+            $.operate.save(prefix + "/edit", $('#form-mall-edit').serialize());
         }
+    }
 
-        $(".file-upload").each(function (i) {
-            var val = $("input[name='" + this.id + "']").val()
-            $(this).fileinput({
-                'uploadUrl': ctx + 'common/upload',
-                initialPreviewAsData: true,
-                initialPreview: [val],
-                maxFileCount: 1,
-                autoReplace: true
-            }).on('fileuploaded', function (event, data, previewId, index) {
-                $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
-            }).on('fileremoved', function (event, id, index) {
-                $("input[name='" + event.currentTarget.id + "']").val('')
-            })
-            $(this).fileinput('_initFileActions');
-        });
-    </script>
+    $(".file-upload").each(function (i) {
+        var val = $("input[name='" + this.id + "']").val()
+        $(this).fileinput({
+            'uploadUrl': ctx + 'common/upload',
+            initialPreviewAsData: true,
+            initialPreview: [val],
+            maxFileCount: 1,
+            autoReplace: true
+        }).on('fileuploaded', function (event, data, previewId, index) {
+            $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
+        }).on('fileremoved', function (event, id, index) {
+            $("input[name='" + event.currentTarget.id + "']").val('')
+        })
+        $(this).fileinput('_initFileActions');
+    });
+</script>
 </body>
 </html>

+ 4 - 4
qmjszx-admin/src/main/resources/templates/system/mall/mall.html

@@ -33,9 +33,9 @@
                 <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:mall:remove">
                     <i class="fa fa-remove"></i> 删除
                 </a>
-                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:mall:export">
-                    <i class="fa fa-download"></i> 导出
-                </a>
+<!--                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:mall:export">-->
+<!--                    <i class="fa fa-download"></i> 导出-->
+<!--                </a>-->
             </div>
             <div class="col-sm-12 select-table table-striped">
                 <table id="bootstrap-table"></table>
@@ -124,7 +124,7 @@
                 },
                 {
                     field: 'goodsState',
-                    title: '商品状态(正常/禁用)',
+                    title: '商品状态',
                     formatter: function(value, row, index) {
                        return $.table.selectDictLabel(goodsStateDatas, value);
                     }