garden_server/application/user/view/mail/edit.html

{js href="__ROOT__/__JS__/ueditor/ueditor.config.js" /}
{js href="__ROOT__/__JS__/ueditor/ueditor.all.min.js" /}
{js href="__ROOT__/__JS__/ueditor/lang/zh-cn/zh-cn.js" /}
{js href="__ROOT__/__JS__/layer.js" /}
{js href="__ROOT__/__JS__/layui.js" /}
{js href="__ROOT__/__JS__/bootstrap.min.js" /}
{js href="__ROOT__/__JS__/bootstrap-tagsinput.min.js"}
{css href="__ROOT__/__CSS__/layer.css" /}
{css href="__ROOT__/__CSS__/bootstrap.min.css" /}
{css href="__ROOT__/__CSS__/bootstrap-tagsinput.css" /}

	<div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">邮件资料</strong> / <small>Mail information</small></div>
    </div>

    <hr/>

    <div class="am-g">

      <div class="am-u-sm-12 am-u-md-10">
        <form class="am-form am-form-horizontal" method="post" action="save">
        <input type="hidden" value="{$info.id}" name="id" />
          <div class="am-form-group">
            <label for="title" class="am-u-sm-3 am-form-label">标题 / Title</label>
            <div class="am-u-sm-9">
              <input type="text" id="title" name="title" value="{$info.title}" placeholder="标题 / Title">
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="users" class="am-u-sm-3 am-form-label">选择 / Users</label>
            <div class="am-u-sm-9">
            	<div class="am-u-sm-10">
             		<input type="text" id="users" name="users" placeholder="如果为空则为全部用户"/>
            	</div>
              <input type="button" id="btn" class="am-u-sm-2 am-btn am-btn-success" value="选择用户" />
            </div>
          </div>
          
          <div class="am-form-group">
            <label for="content" class="am-u-sm-3 am-form-label">内容 / Content</label>
            <div class="am-u-sm-9">
            	<textarea id="content" name="content" rows="5" placeholder="内容 / Content">{$info.content}</textarea>
            </div>
          </div>
          
          <div class="am-form-group">
            <div class="am-u-sm-9 am-u-sm-push-3">
              <button type="submit" class="am-btn am-btn-primary">保存修改</button>
             	<button type="button" class="am-btn am-btn-default" onclick="location.href='index'">返回</button>
            </div>
          </div>
        </form>
      </div>
    </div>
      
<script type="text/javascript">

	function in_array(search,array){
	    for(var i in array){
	        if(array[i] == search){
	            return true;
	        }
	    }
	    return false;
	}
    
    $(function(){
    	var users = $('#users').val();

		$('#users').tagsinput({
			tagClass: function(item){
				return 'label label-primary';
			},
    		itemValue: 'id',
    		itemText: 'nickname'
   		});
		
		$.get('{$rootpath}/user/mail/users?id={$info.id}',function(data) {
			fillData(data);
		});
		
		function fillData(data){
			var tag = $("#users").tagsinput('items');
  			
  			for (let i = 0; i < data.length; i++) {
  				let obj = data[i];
  				if (!in_array(obj.id, tag)) {
  					$('#users').tagsinput('add', {id:obj.id, nickname:obj.nickname});
  				}
  			}
		}
    	
		$("#btn").click(function(){
		    layui.use(['layer', 'table'], function(){
		    	var layer = layui.layer;
		    	var table = layui.table;
		    	
			    layer.open({
					type: 2,
					title: '选择用户',
					closeBtn: 1,
	  				shadeClose: true,
	  				area: ['900px', '500px'],
	  				content: '{$rootpath}/user/mail/select',
	  				btn: ['OK', 'Cancel'],
			  		yes: function(index, layero){
			  			var body = layer.getChildFrame('body', index);
			  			var iframeWin = window[layero.find('iframe')[0]['name']];
			  			
			  			var data = iframeWin.getCheckData();
			  			fillData(data);
			  			
		  				layer.close(index);
			  		},
			  		cancel: function(index, layero){
		  				layer.close(index);
	  				}
			    });
		    });
		});  	
    });
    
</script>