{extend name="public/container"}
{block name="head_top"}
<link href="{__ADMIN_PATH}plug/ueditor/themes/default/css/ueditor.css" type="text/css" rel="stylesheet">
<link href="{__ADMIN_PATH}module/wechat/news/css/style.css" type="text/css" rel="stylesheet">
<link href="{__FRAME_PATH}css/plugins/chosen/chosen.css" rel="stylesheet">
<script type="text/javascript" src="{__ADMIN_PATH}plug/ueditor/third-party/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{__ADMIN_PATH}plug/ueditor/third-party/xss.min.js"></script>
<script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/ueditor/ueditor.all.js"></script>
<script src="{__ADMIN_PATH}frame/js/ajaxfileupload.js"></script>
<script src="{__ADMIN_PATH}plug/validate/jquery.validate.js"></script>
<script src="{__FRAME_PATH}js/plugins/chosen/chosen.jquery.js"></script>
<style>
    .wrapper-content {
        padding: 0 !important;
    }
</style>
{/block}
{block name="content"}
<div class="row">
    <div class="col-sm-12 panel panel-default">
        <div class="panel-body" style="padding: 30px">
            <form class="form-horizontal" id="signupForm">
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">企业名:</span>
                            <input maxlength="64" placeholder="请在这里企业名" name="name" class="layui-input" id="name"
                                   value="">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">联系人:</span>
                            <input maxlength="8" placeholder="请输入联系人" name="contacts" class="layui-input" id="contacts"
                                   value="">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">职位:</span>
                            <!--                            <input maxlength="8" placeholder="请输入职位" name="post" class="layui-input" id="post" value="">-->
                            <select name="post" id="post" aria-controls="editable" class="form-control input-sm">
                                {volist name="jobList" id="vo" key="k"}
                                <option value="{$vo.id},{$vo.job_name}">{$vo.job_name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">联系电话:</span>
                            <input maxlength="11" placeholder="请输入联系电话" name="phone" class="layui-input" id="phone"
                                   value="">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">初始密码:</span>
                            <input maxlength="12" placeholder="请输入初始密码" name="password" class="layui-input"
                                   id="password" value="">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="form-control" style="height:auto">
                            <label style="color:#ccc">企业头像设置</label>
                            <div class="row nowrap">
                                <div class="col-xs-3" style="width:160px">
                                    <div class="upload-image-box transition image_img0"
                                         style="height: 80px;background-repeat:no-repeat;background-size:contain;background-image:url('/system/module/wechat/news/images/image.png')">
                                        <input value="" type="hidden" name="local_url">
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <input type="file" class="upload" name="image" style="display: none;" id="image"/>
                                    <br>
                                    <a class="btn btn-sm add_image upload_span">上传头像</a>
                                    <br>
                                    <br>
                                </div>
                            </div>
                            <input type="hidden" name="image" id="headimg" value=""/>
                            <p class="help-block" style="margin-top:10px;color:#ccc">图片建议尺寸200像素 * 200像素</p>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">分类:</span>
                            <?php if (empty($all)){ ?>
                            <select data-placeholder="请先添加分类" class="chosen-select" style="width:100%;" tabindex="4"
                                    name="type_id" id="type_id">
                                <?php } else { ?>
                                    <select data-placeholder="选择分类" class="chosen-select" style="width:100%;"
                                            tabindex="4" name="type_id" id="type_id" {eq name="$select" value="1"
                                            }disabled="disabled" {/eq}>
                                <?php } ?>
                                {volist name="all" id="vo" key="k"}
                                {if condition="$key eq $cid"}
                                <option value="{$key}" selected hassubinfo="true">{$vo}</option>
                                {else/}
                                <option value="{$key}" hassubinfo="true">{$vo}</option>
                                {/if}
                                {/volist}
                            </select></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">关联用户:</span>
                            <select data-placeholder="请先添加分类" class="chosen-select" style="width:100%;" tabindex="4"
                                    name="type_id" id="uid">
                                {volist name="uid" id="vo" key="k"}
                                {if condition="$key eq $cid"}
                                <option value="{$key}" selected hassubinfo="true">{$vo}</option>
                                {else/}
                                <option value="{$key}" hassubinfo="true">{$vo}</option>
                                {/if}
                                {/volist}
                            </select></div>

                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <label style="color:#aaa">企业介绍:</label>
                        <textarea type="text/plain" id="myEditor" style="width:100%;"></textarea>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-9">
                            <button type="button" style="margin-left: 44%" class="btn btn-w-m btn-info add_mer">提交审核
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
{/block}
{block name="script"}
<script>
    var editor = document.getElementById('myEditor');
    editor.style.height = '300px';
    window.UEDITOR_CONFIG.toolbars = [[
        'fullscreen', 'source', '|', 'undo', 'redo', '|',
        'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
        'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
        'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
        'directionalityltr', 'directionalityrtl', 'indent', '|',
        'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
        'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
        'map', 'insertframe', 'insertcode', 'pagebreak', '|',
        'horizontal', 'date', 'time', 'spechars', '|',
        'print', 'preview', 'searchreplace', 'drafts', '|', 'selectimgs', 'insertvideo'
    ]];
    UE.registerUI('selectimgs', function (editor, uiName) {
        var btn = new UE.ui.Button({
            cssRules: 'background-position: -380px 0px;',
            onclick: function () {
                createFrame('选择图片', "{:Url('widget.images/index')}?fodder=editor"
            );
            },
            title: '选择图片',
            name: uiName
        });
        editor.addListener('selectionchange', function () {
            var status = editor.queryCommandState(uiName);
            if (status == -1) {
                btn.setDisabled(true);
                btn.setChecked(false);
            } else {
                btn.setDisabled(false);
                btn.setChecked(status);
            }
        })
        return btn;
    });
    //实例化编辑器
    var um = UE.getEditor('myEditor');

    /**
     * 获取编辑器内的内容
     * */
    function getContent() {
        return (UE.getEditor('myEditor').getContent());
    }

    function hasContent() {
        return (UE.getEditor('myEditor').hasContents());
    }

    function createFrame(title, src, opt) {
        opt === undefined && (opt = {});
        return layer.open({
            type: 2,
            title: title,
            area: [(opt.w || 800) + 'px', (opt.h || 550) + 'px'],
            fixed: false, //不固定
            maxmin: true,
            moveOut: false,//true  可以拖出窗外  false 只能在窗内拖
            anim: 5,//出场动画 isOutAnim bool 关闭动画
            offset: 'auto',//['100px','100px'],//'auto',//初始位置  ['100px','100px'] t[ 上 左]
            shade: 0,//遮罩
            resize: true,//是否允许拉伸
            content: src,//内容
            move: '.layui-layer-title'
        });
    }

    //选择图片
    function changeIMG(index, pics) {
        $(".image_img0").css('background-image', "url(" + pics[0] + ")");
        $(".active0").css('background-image', "url(" + pics[0] + ")");
        $('#headimg').val(pics[0]);
    }

    //选择图片插入到编辑器中
    function insertEditor(list) {
        console.log(list);
        um.execCommand('insertimage', list);
    }

    /**
     * 上传图片
     * */
    $('.upload_span').on('click', function (e) {
        createFrame('选择图片', "{:Url('widget.images/index')}?fodder=imagesForArticle");
    });

    /**
     * 编辑器上传图片
     * */
    $('.edui-icon-image').on('click', function (e) {
        createFrame('选择图片', "{:Url('widget.images/index')}?fodder=image");
    })

    /**
     * 提交图文
     * */
    $('.add_mer').on('click', function () {
        var list = {};
        list.name = $('#name').val();/* 企业名 */
        list.contacts = $('#contacts').val();/* 联系人 */
        list.post = $('#post').val();/* 职位 */
        list.headimg = $('#headimg').val();/*头像 */
        list.uid = $('#uid').val();/* 用户 */
        if ($('#image_input1').val()) list.headimg.push($('#image_input1').val());/*头像*/
        list.introduce = getContent();/* 内容 */
        list.password = $('#password').val();
        list.phone = $('#phone').val();/* 电话 */
        list.type = $('#type_id').val();
        var Expression = /^1[364578][0-9]{9}$/;
        var objExp = new RegExp(Expression);
        if (list.name == '') {
            $eb.message('error', '请输入企业名');
            return false;
        }
        if (list.headimg == '') {
            $eb.message('error', '请添加头像');
            return false;
        }
        if (list.post == '') {
            $eb.message('error', '请添加职位');
            return false;
        }
        if (list.content == '') {
            $eb.message('error', '请输入内容');
            return false;
        }
        if (list.synopsis == '') {
            $eb.message('error', '请输入简介');
            return false;
        }
        if (list.phone != '') {
            if (objExp.test(list.phone) != true) {
                $eb.message('error', '电话格式不正确！请重新输入');
                return false;
            }
        }
        var data = {};
        var index = layList.layer.load(1, {
            shade: [0.5, '#fff'] //0.1透明度的白色背景
        });
        ;
        $.ajax({
            url: "{:Url('add_mer')}",
            data: list,
            type: 'post',
            dataType: 'json',
            success: function (re) {
                layer.close(index);
                if (re.code == 200) {
                    data[re.data] = list;
                    $('.type-all>.active>.new-id').val(re.data);
                    $eb.message('success', re.msg);
                    location.reload();
                    setTimeout(function (e) {
                        parent.$(".J_iframe:visible")[0].contentWindow.location.reload();
                    }, 600)
                } else {
                    $eb.message('error', re.msg);
                }
            },
            error: function () {
                layer.close(index);
            }
        })
    });
    $(document).ready(function () {
        var config = {
            ".chosen-select": {},
            ".chosen-select-deselect": {allow_single_deselect: true},
            ".chosen-select-no-single": {disable_search_threshold: 10},
            ".chosen-select-no-results": {no_results_text: "沒有找到你要搜索的分类"},
            ".chosen-select-width": {width: "95%"}
        };
        for (var selector in config) {
            $(selector).chosen(config[selector])
        }
    })
</script>
{/block}