{extend name="Public/base" /}

{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/block}

{block name="main"}

<div class="if_wrap">
    <div class="cus-con">

        <div class="set_tit" style="float:left;margin-bottom:20px">
        	<span>公告管理 / 发布个人消息</span>
        </div>

        <form class="layui-form" action="{:url('msgToArr')}" style="width:600px">

            <div class="layui-form-item">
                <label class="layui-form-label">标题</label>
                <div class="layui-input-block">
                    <input class="layui-input" name="title" placeholder="请输入标题" >
                </div>
            </div>

			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">内容</label>
				<div class="layui-input-block">
					<textarea name="content" placeholder="请输入内容" class="layui-textarea"></textarea>
				</div>
			</div>

			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">接收人群</label>
				<div class="layui-input-block">
					<a class="layui-btn" id="start_choose">选择</a>
					<span id="already_str"></span>
				</div>
			</div>

            <div style="height:100px"></div>
           
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="button" id="submit" value=" 确定 " class="layui-btn">
                    <!-- <input type="submit"  value=" 确定 " class="layui-btn"> -->
                </div>
            </div>

        </form>


        <!-- <div class="remind-tit"><span style="color: #ff0000">*</span>温馨提示：</div>
        <div class="remind-tip">
            1.集团信息仅有一条 <br>
            2.后续修改提醒天数，请输入天数后点击开关，这时候天数已修改，需要重新开启开关
        </div> -->

    </div>
</div>

<script>
    layui.use(['jquery','form','layer'], function(){
        var $ = layui.jquery
        var form = layui.form;
        var layer = layui.layer;


		// 页面显示 已经选中的 字样
        function create_already_choose_str(arr){
            var str = '';
            for(var i in arr){
                str += arr[i].full_name +' , '
            }
            str = str.substr(0,(str.length-3));
            return str
        }

        // 选择人群按钮 点击事件
        $('#start_choose').click(function(){
            load_page('/oa/Dept/selector', '选择组织架构',
                function(){
                    get_select(function(res){
                    	dept_arr = res;
                        // console.log(res);
                        var str = create_already_choose_str(res);
                        // console.log(str)
                        $('#already_str').html(str)
                    });
                },
                ['确定','取消'], 900,600
            );
        });

        // 提交按钮点击事件
        $('#submit').click(function(){

        	// 组建要提交的数据
        		var post_data = {};
        		post_data.dept_arr = dept_arr;
        		post_data.title = $('input[name="title"]').val();
        		post_data.content = $('textarea[name="content"]').val();
            	// console.log('提交数据');
            	// console.log(post_data);return false;

            $.ajax({
                url:'{:url('msgToArr')}', 
                type:'post',
                data:post_data,
                dataType:'json',
                success:function(res){
                    console.log(res);
                    // return false;

                    if(res.code===200)
                    {
                        layer.alert('操作成功');
                        setTimeout(function(){
                            location.href='{:url('my_receive_list')}'
                        },1500);
                    }else if(res.code===201)
                    {
                        layer.alert(res.msg);
                    }
                }         
            })
        })

        // ----------
    	var dept_arr = [];

    });
</script>
{/block}