aqm-web/application/admin/view/leader_team/form.html

d{extend name="layout:home" /}

{block name="container"}
<form class="layui-form" method="post" enctype="multipart/form-data" >
    <div class="layui-tab layui-tab-card">
        {include file="layout/admin_items" /}
        <div class="layui-tab-content page-tab-content">
            <div class="layui-tab-item layui-show ">

                <div class="layui-collapse">
                    <div class="layui-colla-item">
                        <h2 class="layui-colla-title">基本设置</h2>
                        <div class="layui-colla-content layui-show">
                            <div class="layui-form-item">
                                <label class="layui-form-label">中文名称</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="name_ch" id="name_ch" value="{$leaderteam.name_ch|default=''}" lay-verify="name_ch" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}中文名称" required />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">英文名称</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="name_en" id="name_en" value="{$leaderteam.name_en|default=''}" lay-verify="name_en" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}英文名称" required />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">性别</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="gender" id="gender" value="{$leaderteam.gender|default=''}" lay-verify="gender" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}性别" required />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">年龄</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="age" id="age" value="{$leaderteam.age|default=''}" lay-verify="age" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}年龄" required />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">图片</label>
                                <div class="layui-input-inline">
                                    <input type="file" name="image" />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">职位</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="position" id="position" value="{$leaderteam.position|default=''}" lay-verify="position" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}职位" required />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">部门</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="department" id="department" value="{$leaderteam.department|default=''}" lay-verify="department" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}部门" required />
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">简介</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input field-name" name="info" id="info" value="{$leaderteam.info|default=''}" lay-verify="info" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}简介" required />
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="layui-form-item mt20">
                    <div class="layui-input-inline">
                        <input type="submit" class="layui-btn layui-btn-normal" lay-submit value="{:lang('ds_submit')}" />
                        <a class="layui-btn layui-btn-sm lay-btn-diy" href="javascript:history.go(-1)" style="background-color:#1E9FFF;height: 38px;line-height: 38px;padding: 0 18px;">返回</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
<script>
    layui.use('form', function () {
        var form = layui.form;
    });
    layui.use('element', function () {
        var element = layui.element;
    });
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#product_addtime'
        });
    });

    function add_uploadedfile(file_data)
    {
        var newImg = '<li id="' + file_data.file_id + '"><img src="' + file_data.file_url + '"/><i class="delect layui-icon" title="插入编辑器" onclick="insert_editor(\''+file_data.file_url+'\')">&#xe654;</i><i class="insert layui-icon" title="删除图片" onclick="del_productpic(' + file_data.file_id + ')">&#xe640;</i></li>'
        $('.selected_pic ul').prepend(newImg);
    }


    /**
     * 插入编辑器
     */
    function insert_editor(file_path){
        ue.execCommand('insertimage', {src:file_path});
    }

    function del_productpic(file_id)
    {
        layer.open({
            content: '{$Think.lang.ds_confirm_cancel}',
            yes: function(index, layero){
                $.getJSON("{:url('pic/del')}",{file_id: + file_id,pic_type:'product'}, function(result){
                    if(result){
                        $('#' + file_id).remove();
                        layer.msg('{$Think.lang.del_succ}');
                        layer.close(index);
                        return;
                    }else{
                        layer.msg('{$Think.lang.del_fail}');
                        layer.close(index);
                        return;
                    }
                });
            }
        });
    }
</script>
<script type="text/javascript">
    $("input#image").change(function () {
        //console.log($(this).val());
        if($(this).val() !=''){
            $("form#upForm").ajaxSubmit({
                url:"imgUp.php",
                type:"post",
                dataType:"json",
                data:$(this).serialize(),
                success:function (backData) {
                    var $path=backData.uploaded_path;
                    //console.log(backData);
                    $("div.imgUp").css("backgroundImage","url("+$path+")");

                },
                error:function (e) {
                    console.log(e);
                }
            })
        }
    })
</script>
{/block}