{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="{$info.name}">
                        </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="{$info.contacts}">
                        </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="{$info.post}">
                        </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="{$info.phone}">
                        </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">
								{if condition="isset($info['headimg'])"}
								<div class="upload-image-box transition image_img0" style="height: 80px;background-repeat:no-repeat;background-size:contain;background-image:url({$info['headimg']})">
								    <input value="" type="hidden" name="local_url">
								</div>
								{else/}
                               <div class="upload-image-box transition image_img2" 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>
                               {/if}
                                <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="{$info.headimg}"/>
                            <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 $info['type']"}
                                <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 $info['uid']"}
                               <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%;">{$info.introduce}</textarea>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-9">
                            <button type="button"style="margin-left: 50%"  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.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.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}