scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
							{extend name="public/layout" /} {block name="title"}消息管理-添加消息{/block} {block name="body"}
<style type="text/css">
    html {
        background: #fff;
    }
    .layui-btn-primary,.layui-btn-primary:hover {
        background-color: #fff;
        color: #249EFB;
        border: 1px solid #249EFB;
    }
</style>

<body>
<div class="layui-fluid">
    <form class="layui-form"  enctype="multipart/form-data" lay-filter="evidence-form">
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: red;">*</span>消息内容：</label>
            <div class="layui-input-inline" style="width: 80%;">
                <textarea id="evidence_content" name="msg" lay-verify="required" placeholder="请输入消息内容" autocomplete="off" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item" id="range">
            <label class="layui-form-label"><span style="color: red;">*</span>接收人员：</label>
            <div class="layui-input-block">
                <div id="range_person"></div>
            </div>
        </div>
        <div class="layui-form-item">
            <input style="margin:30px 0 0 110px;" class="layui-btn layui-btn-primary" type="button" lay-submit lay-filter="layuiadmin-designer-submit" id="layuiadmin-designer-submit" value="确认提交">
        </div>
    </form>
</div>

</body>
{/block}
{block name="js"}
<script src="__STATIC__/layui/layui/lay/modules/xm-select.js" type="text/javascript" charset="utf-8"></script>
<script>
  layui.config({
    base: '__LAYUI__/' //静态资源所在路径
    ,
    urlbase: '/sys'
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table', 'layedit', 'element', 'upload'], function() {
	var form = layui.form,
		admin = layui.admin,
		$ = layui.jquery,
        loadingIndex = null;
		//发送对象
        var approve_ids = xmSelect.render({
            el: "#range_person",
            autoRow: true,
            filterable: true,
            tips: '接受人员',
            layVerify:'required',
            toolbar: {
            	//工具条,全选,清空,反选,自定义
                show: true,
                list: [ 
                    'ALL', 
                    'CLEAR', 
                    'REVERSE'
                ]
            },
            tree: {
				show: true,
				showFolderIcon: true,
				showLine: true,
				indent: 20,
				expandedKeys: [ -3 ],
            },
            height: "200px",
            data: [], 
            //文本显示模式
            //处理方式
        });
        function selectperson(ids){
	        setTimeout(function(){
	            //data是ajax异步获取的
	            $.ajax({
	            	type:"get",
	            	url:"{:url('msg/get_person')}",
	            	data:{type:1,id:ids},
	            	dataType: 'json',
	            	success:function(data) {
	            		// var data = JSON.parse(data);
	            		// var res = JSON.parse(data);
	            		//通过ajax 获取json数据,异步更新多选下拉框的值
	            		approve_ids.update({data:data})
	            	}
	            });
	        },100);
		    }
        $(function(){
        	selectperson('');
        });

    // form.render();
    /* 监听提交 */
    form.on('submit(layuiadmin-designer-submit)', function(obj) {
		var formData = new FormData(obj.form);
        loadingIndex = layer.load('Loading...', {
            shade: [0.6,'#000'] //0.1透明度的白色背景
        });
		$.ajax({
			url: '{:url("msg/add")}',
			type: 'post',
			data: formData,
			dataType: 'json',
			processData: false,
			contentType: false,
			success: function(res) {
				if (res.code == 0) {
                    layer.close(loadingIndex);
					layer.msg('添加成功', {
						offset: '15px',
						icon: 1,
						time: 2000
					}, function() {
						var index = parent.layer.getFrameIndex(window.name);
						parent.layer.close(index);
						parent.layui.table.reload('operater');
					});
				} else {
                    layer.close(loadingIndex);
					layer.msg(res.msg, {
						icon: 5,
						anim: 6,
						time: 2000
					});
					
				}
			}
		});
    });

  });
</script>
{/block}