xinyi_admin/application/admin/view/Admin/saveAdminInfo.html

{include file='common/head'}
<div style="overflow-x: hidden;width: 96%;margin: auto;padding-top: 1rem;">

    <blockquote class="layui-elem-quote layui-text">
        温馨提醒：右上角可放大全屏编辑；
    </blockquote>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>{$info['table_title']|default='数据列表信息'}</legend>
    </fieldset>
    <div class="layui-form layui-form-pane">
        <input type="hidden" name="admin_id" value="{$info.admin_id|default=''}">
        <div class="layui-form-item">
            <label class="layui-form-label">选择角色</label>
            <div class="layui-input-inline">
                <select name="role_id" lay-verify="required" lay-search>
                    {foreach $roleList as $roleInfo}
                    <option value="{$roleInfo.id}" {if isset($info)}{if $info.role_id==$roleInfo.id}selected{/if}{/if}>{$roleInfo.name}</option>
                    {/foreach}
                </select>
            </div>
            <label class="layui-form-label">管理员名称</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <input type="text" value="{$info['admin_name']|default=''}" name="admin_name" lay-verify="required"  class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">管理员工号</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <input type="number"  value="{$info['admin_number']|default=''}" name="admin_number" lay-verify="required" class="layui-input">
                </div>
            </div>
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <input type="number" placeholder="请输入联系电话" value="{$info['mobile']|default=''}" name="mobile" lay-verify="required" autocomplete="No" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">登录账号</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <input type="text"  value="{$info['login_number']|default=''}" name="login_number" lay-verify="required" class="layui-input" autocomplete="off">
                </div>
            </div>
            <label class="layui-form-label">登录密码</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <input type="password" placeholder="请输入联" value="{$info['password']|default=''}" name="password" lay-verify="required" autocomplete="No" class="layui-input" autocomplete="off">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">备注信息</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <input type="text" value="{$info['note']|default=''}" name="note" lay-verify="required" class="layui-input">
                </div>
            </div>
            <label class="layui-form-label">管理员状态</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline">
                    <select name="status" lay-verify="required">
                        <option value="1" {if isset($info)}{if $info.status==1}selected{/if}{/if}>正常</option>
                        <option value="2" {if isset($info)}{if $info.status==2}selected{/if}{/if}>下架</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">管理类型</label>
            <div class="layui-input-block">
                <input type="radio" name="manage_type" value="1" title="后台管理" checked="">
                <input type="radio" name="manage_type" value="2" title="前台收银">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">管理员头像</label>
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="image">上传图片</button>
                <div class="layui-upload-list" style="margin-left: 7rem">
                    <img class="layui-upload-img" src="{$info['hread_img']|default=''}" style="height: 100px;" id="show_image">
                    <input type="hidden" class="value_image" name="hread_img">
                    <p id="demoText"></p>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="demo1">立即提交</button>
                <button type="button" class="layui-btn layui-btn-primary close">关闭</button>
            </div>
        </div>
    </div>
</div>
{include file='common/footer'}

<!-- 配置文件 -->
<script type="text/javascript" src="/static/admin/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/static/admin/ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script>
    var ue = UE.getEditor('container');
</script>

<script>
    layui.use(['form', 'layedit', 'laydate'], function(){

        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date'
        });
        layedit.set({
            uploadImage: {
                url: '{:url("Upload/file_content")}' //接口url
                ,type: 'post' //默认post
            }
        });
        //创建一个编辑器
        var editIndex = layedit.build('contentDome');

        //自定义验证规则
        form.verify({
            title: function(value){
                if(value.length < 5){
                    return '标题至少得5个字符啊';
                }
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,content: function(value){
                layedit.sync(editIndex);
            }
        });

        //监听指定开关
        form.on('switch(is_mailSwitch)', function(data){
            this.checked ? $('.mail_number').show() :$('.mail_number').hide()
//            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });
        //监听指定开关
        form.on('switch(is_hotSwitch)', function(data){
//            layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
//                offset: '6px'
//            });
//            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        //监听提交
        form.on('submit(demo1)', function(data){
//            layer.msg(JSON.stringify(data.field), {
//                title: '最终的提交信息'
//            });
//            return false;
            $.ajax({
                url: '{:url("Admin/ApiSaveAdminInfo")}',
                type: 'get',
                dataType: 'json',
                data: data.field,
                beforeSend :function(xmlHttp){
                    xmlHttp.setRequestHeader("If-Modified-Since","0");
                    xmlHttp.setRequestHeader("Cache-Control","no-cache");
                },
                success: function (obj) {
                    if(obj.code==200){
                        parent.layer.msg(obj.msg, {icon: 6,time: 1000});
                        //当你在iframe页面关闭自身时
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index,data.field); //再执行关闭
                    }
                    if(obj.code==400){
                        parent.layer.msg(obj.msg, {icon: 5,time: 1000});
                    }
                },
                error:function(data){
                    console.log(data);
                }
            });
        });

        $('.close').on('click',function () {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
        })

    });


</script>

</body>
</html>