增加新增菜单

page/user/menuedit.html

@@ -257,7 +257,7 @@
                             <div class="layui-form-item">
                                 <label class="layui-form-label">菜单选择</label>
                                 <div class="layui-input-block">
-                                    <select name="role" lay-verify="required">
+                                    <select name="parentid" id="parentid">
                                         <option value="0">请选择菜单名称</option>
                                         <option value="1">超级管理员</option>
                                         <option value="2">管理员</option>
@@ -269,7 +269,7 @@
                             <div class="layui-form-item">
                                 <label class="layui-form-label">菜单名称</label>
                                 <div class="layui-input-block">
-                                    <input type="text" name="name" id="name" required lay-verify="required" placeholder="请输入菜单名称" autocomplete="off" class="layui-input">
+                                    <input type="text" name="menuname" id="menuname" required lay-verify="required" placeholder="请输入菜单名称" maxlength="6" autocomplete="off" class="layui-input">
                                 </div>
                             </div>
                             <div class="layui-form-item">
@@ -288,31 +288,75 @@
     <script src="../../js/jquery.js"></script>
     <script src="../../js/common.js"></script>
     <script>
-        layui.use(['element'], function () {
-            var element = layui.element;
-        });
-        if(getUrlParam('id')) {
-            layui.use(['form'], function () {
-                var form = layui.form;
-                // getInit()
-                function getInit() {
-                    $.ajax({
-                        url:'http://192.168.2.161/AdminUsers/GetFormJson',
-                        type:'get',
-                        dataType: "json",
-                        data : "id="+getUrlParam('id'),    
-                        success:function(res) {
-                            if(res.code == 0) {
-                                form.val('formData', res.data)
-                                $("#img-pre").attr('src',res.data.logo)
-                            }else{
-                                layer.msg("网路错误，请稍后再试", {icon: 5});
-                            }
+        // 初始化菜单数据
+        getParentid()
+        function getParentid() {
+            $.ajax({
+                url:'', //请求菜单的ID的接口
+                type:'get',   
+                success:function(res) {
+                    if(res.code == 0) {
+                        res.data = [ //数据结构
+                            {
+                                value:1,
+                                title:'一级菜单',
+                            },
+                            {
+                                value:2,
+                                title:'2级菜单',
+                            },
+                            {
+                                value:3,
+                                title:'3级菜单',
+                            },
+                            {
+                                value:4,
+                                title:'4级菜单',
+                            },
+                            {
+                                value:5,
+                                title:'5级菜单',
+                            },
+                        ]
+                        var str = "<option value='0'>请选择菜单名称</option>"
+                        for(var i=0;i<res.data.length;i++) {
+                            str += "<option value="+res.data[i].value+">"+res.data[i]['title']+"</option>"
                         }
-                    })
+                        $("#parentid").html(str)
+                    }else{
+                        layer.msg("网路错误，请稍后再试", {icon: 5});
+                    }
                 }
             })
         }
+        //修改或者新增
+        layui.use(['element','form'], function () {
+            var element = layui.element;
+            var form = layui.form;
+            form.on('submit(formDemo)', function (data) {
+                if(data.field.menuname.length < 2 || data.field.menuname.length > 6) {
+                    layer.tips('菜单名称2-6个字',$("#menuname"),{
+                        tips: [3, '#0FA6D8']
+                    });
+                    $("#menuname").focus();
+                    return false;
+                }
+                $.ajax({
+                    type:'post',
+                    url:'', //新增菜单的接口  parentid传0  就是父级菜单  否则子菜单
+                    dataType:'json',
+                    data:data.field,
+                    success:function(res) {
+                        if(res.code == 0) {
+                            layer.msg('新增菜单成功',{icon: 6});
+                        }else{
+                            layer.msg("网络错误，请稍后再试", {icon: 5});
+                        }
+                    }
+                })
+                return false;
+            });
+        });
     </script>
 </body>