{include file="common/top"/}
{include file="common/ueditor"/}

<div class="body_top">
	<ul class="title">
    	<li class="active"><a>添加{$model_name}</a></li>
    	<li class="seo_show"><a>SEO设置</a></li>
    </ul>
</div>

<div class="common_content scroll" style="overflow-y:scroll">
<form action="{:url('create')}" class="layui-form" name="TQform" id="TQform" method="post" onsubmit="return TQsubmit();">
<input name="table" type="hidden" value="{$model_table}" />
<div class="common_content_left">
<table width="100%" border="1" class="common_table left_table">
  <tr>
    <td class="name">栏目</td>
    <td class="td_input"><input name="pid" type="hidden" value="{$info['id']}" /><strong>{$info.catename}</strong></td>
  </tr>
  
  <tbody class="seo_box">
  <tr>
    <td class="name">SEO标　题</td>
    <td class="td_input"><input type="text" name="seo_title" value="" placeholder="" autocomplete="off" class="layui-input"></td>
  </tr>
  <tr>
    <td class="name">SEO关键字</td>
    <td class="td_input"><input type="text" name="seo_keywords" value="" placeholder="" autocomplete="off" class="layui-input"></td>
  </tr>
  <tr>
    <td class="name">SEO描　述</td>
    <td class="td_textarea"><textarea name="seo_description" cols="" rows="" class="layui-textarea"></textarea></td>
  </tr>
  </tbody>

  <tr>
    <td class="name">标题</td>
    <td>
    	<table width="100%" border="0">
          <tr>
            <td class="td_input" style="padding:0 !important; width:420px"><input type="text" name="title" value="" lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input layui-form-danger"></td>
            <td style="padding:0 !important; width:36px">来源</td>
            <td class="td_input" style="padding:0 !important; width:200px"><input type="text" name="admin" value="" autocomplete="off" class="layui-input input180"></td>
            <td style="padding:0 !important; width:36px">排序</td>
            <td class="td_input" style="padding:0 !important; width:100px"><input type="text" name="sort" value="{$info['new_sort']}" autocomplete="off" class="layui-input input80"></td>
            <td style="padding:0 !important; width:63px">点击次数</td>
            <td class="td_input" style="padding:0 !important"><input type="text" name="number" value="" autocomplete="off" class="layui-input input80"></td>
            <td></td>
          </tr>
        </table>
    </td>
  </tr>

    {php}
    $F=F($info['id']);
    {/php}
    <style>
    .tr_pic1 { display:none}
    </style>
    
    {if $info['id']==24 or $info['id']==22}
    <style>
    .tr_pic1 { display:table-row}
    </style>
    {/if}

	{include file="common/field"/}
  
</table>

</div>
<div class="common_content_right">

<table width="100%" border="1" class="right_table">
  <tr>
    <td>缩略图</td>
  </tr>
  <tr>
    <td class="td_img pic_a">
		<input type="{if TQ('IS_SYSTEM','true')==true}text{else/}hidden{/if}" name="pic" id="upimg_pic" class="layui-input" value="" /> 
		<input type="file" id="for_pic" name="" onchange="upload_pic(this)" style="display:none">
		<label for="for_pic"><img src="/static/tqcms/img/upload-pic.png" id="img_pic_show" /></label>
		<a data-file="" class="tq_img_look layui-btn layui-btn-normal layui-btn-sm yulan_pic">预览</a>
		<a class="layui-btn layui-btn-danger layui-btn-sm tq_img_delete">删除</a>
    </td>
  </tr>
  <tr>
    <td>文章日期</td>
  </tr>
  <tr>
    <td class="r_td_input"><input type="text" name="article_time" value="<?php echo date('Y-m-d'); ?>" id="date" lay-verify="date" autocomplete="off" class="layui-input"></td>
  </tr>
  <tr>
    <td>发布日期</td>
  </tr>
  <tr>
    <td class="r_td_input"><input type="text" name="create_time" value="<?php echo date('Y-m-d H:i:s'); ?>" id="date1" lay-verify="date" autocomplete="off" class="layui-input"></td>
  </tr>
  <tr>
    <td>显示截止时间</td>
  </tr>
  <tr>
    <td class="r_td_input"><input type="text" name="end_time" value="" id="date2" lay-verify="date" placeholder="永久" autocomplete="off" class="layui-input"></td>
  </tr>
  <tr>
    <td>自定义属性</td>
  </tr>
  <tr>
    <td class="r_td_checkbox">
	
	<!--
	用于特定模型不需要看到特定自定义属性
	{if $info['model_id']!=3 and $key=='a'}<input type="checkbox" name="att[]" {if inarray($key,$att)==1}checked{/if} value="{$key}" lay-skin="primary" title="{$v}">{/if}
	{if $info['model_id']==3}<input type="checkbox" name="att[]" {if inarray($key,$att)==1}checked{/if} value="{$key}" lay-skin="primary" title="{$v}">{/if}
	-->
	
    {volist name="ARTICLE_ATT" id="v"}
    <input type="checkbox" name="att[]" value="{$key}" lay-skin="primary" title="{$v}">
    {/volist}
    </td>
  </tr>
  <tr>
    <td>外链</td>
  </tr>
  <tr>
    <td class="r_td_input"><input type="text" name="link" value="" placeholder="http://" autocomplete="off" class="layui-input"></td>
  </tr>

</table>

</div>




</form>

</div>

<div class="common_foot">
<input name="" type="submit" onclick="TQsubmit();" class="layui-btn TQmovesubmit" />　　
<input name="" type="button" onclick="article_close();" value="关闭" class="layui-btn layui-btn-danger" />
</div>

{include file="common/bottom"/}
<script>
iname=self.frameElement.name;
function TQsubmit(){
	//TQform.submit();
	$('.TQmovesubmit').attr('onclick','');
	$.post('create',$("#TQform").serialize(),function(data){
		if(data.type==2){
			window.top.article_submit('添加',iname);
		}else{
			layer.msg(data['msg'], {icon:2,time:1000});
			$('.TQmovesubmit').attr('onclick','TQsubmit();');
		}
		
    });
	return false;
}

layui.use(['form', 'laydate'], function(){
	var form = layui.form
	,laydate = layui.laydate;

	//日期
	laydate.render({
		elem: '#date', //需要渲染的input id
		type: 'date',
		position: 'fixed',
		ready: function(date){
			date_top('150px');
		}
	});

	laydate.render({
		elem: '#date1', //需要渲染的input id
		type: 'datetime',
		position: 'fixed',
		ready: function(date){
			date_top('232px');
		}
	});

	laydate.render({
		elem: '#date2', //需要渲染的input id
		type: 'datetime',
		position: 'fixed',
		ready: function(date){
			date_top('309px');
		}
	});

  
});


$("body").on('click','.pic_click',function(){
   	var t=$(this);
	t.siblings('.upload_pic').show();
});

//关闭当前iframe
function article_close(){
	window.top.article_close(iname);
}

function date_top(px){
	var common_content_height=$('.common_content').height();
	var common_content_right_height=$('.common_content_right').height();
	var tp=((common_content_height-324)/2)+60;
	if(common_content_height<=common_content_right_height){
		$('.layui-laydate').hide();
		setTimeout(function(){
			$(".layui-laydate").css('top',tp);
			$('.layui-laydate').show();
		},100);
	}else{
		$(".layui-laydate").css('top',px);
	}
}


$(document).ready(function(){
	$('.seo_show').click(function(){
		$('.seo_box').fadeToggle();
	});
});

window.onresize = function(){
	var common_content_height=$('.common_content').height();
	var common_content_right_height=$('.common_content_right').height();
	if(common_content_height<=common_content_right_height){
		$('.common_content_right').addClass('right_op');
	}else{
		$('.common_content_right').removeClass('right_op');
	}
};
window.onload = function(){
	var common_content_height=$('.common_content').height();
	var common_content_right_height=$('.common_content_right').height();
	if(common_content_height<=common_content_right_height){
		$('.common_content_right').addClass('right_op');
	}else{
		$('.common_content_right').removeClass('right_op');
	}
};

function upload_pic(obj){
	if(obj.value==""){return;}
	var formdata = new FormData();
	formdata.append("file" , $(obj)[0].files[0]);
	$.ajax({
		type :"post",
		url : "{:url('index/Upload/upload')}",
		data : formdata,
		cache : true,
		processData : false,
		contentType : false,
		success : function(date){
			if(date.type==1){
				layer.msg(date.info, {icon:1,time:1500});
				$("#upimg_pic").val(date.file);
				$("#img_pic_show").attr("src",date.file);
				$(".yulan_pic").attr("data-file",date.file);
			}else{
				layer.msg(date.info, {icon:2,time:1500});
			}
		},
		error : function(){ }
	});
}			
</script>