{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('update')}" class="layui-form" name="TQform" id="TQform" method="post" onsubmit="return TQsubmit();">
<input name="id" type="hidden" value="{$info.id}" />
<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_select">
    	
        <span class="layui-cate-pid" lay-filter="layui-cate-pid">
        <select name="pid" lay-filter="pid" disabled lay-search>
            {volist name="cate_list" id="v"}
            <option value="{$v.id}"  {if $info['pid']==$v['id']}selected{/if} {if $model_id!=$v['model_id']}disabled{/if}>{$v.catename}</option>
            {/volist}
        </select>
        </span>
    </td>
  </tr>
  
  <tbody class="seo_box">
  <tr>
    <td class="name">SEO标　题</td>
    <td class="td_input"><input type="text" name="seo_title" value="{$info.seo_title}" 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="{$info.seo_keywords}" 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">{$info.seo_description}</textarea></td>
  </tr>
  </tbody>

  <tr>
    <td class="name">标题</td>
    <td class="td_input">
    	<table width="100%" border="0">
          <tr>
            <td class="td_input" style="padding:0 !important; width:420px"><input type="text" name="title" value="{$info.title}" 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="{$info.admin}" 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.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="{$info.number}" autocomplete="off" class="layui-input input80"></td>
            <td></td>
          </tr>
        </table>
    </td>
  </tr>
  
    {php}
    $F=F($info['pid']);
    {/php}
    <style>
    .tr_pic1 { display:none}
    </style>
    
    {if $info['pid']==24 or $info['pid']==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" value="{$info.pic}" class="layui-input" /> 
		<input type="file" id="for_pic" name="" onchange="upload_pic(this)" style="display:none">
		<label for="for_pic"><img src="{if $info['pic']==''}/static/tqcms/img/upload-pic.png{else/}{$info.pic}{/if}" id="img_pic_show" /></label>
		<a data-file="{if $info['pic']!=''}{$info.pic}{/if}" 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="{$info.article_time}" 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="{$info.create_time}" 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="{if $info['end_time']!=0}{$info.end_time|date="Y-m-d H:i:s"}{/if}" id="date2" lay-verify="date" placeholder="永久" autocomplete="off" class="layui-input"></td>
  </tr>
  <tr>
    <td>自定义属性</td>
  </tr>
  <tr>
    <td class="r_td_checkbox">
	
	<!--
	用于特定模型不需要看到特定自定义属性
	{if $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 $model_id==3}<input type="checkbox" name="att[]" {if inarray($key,$att)==1}checked{/if} value="{$key}" lay-skin="primary" title="{$v}">{/if}
	-->
	
    {php}
    $att=json_decode($info['att'],true);
    {/php}
    {volist name="ARTICLE_ATT" id="v"}
    <input type="checkbox" name="att[]" {if inarray($key,$att)==1}checked{/if} 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="{$info.link}" 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"/}
<iframe src="" id="zh_iframe_box" name="article_field_iframe" style="width:100%; height:100%; position:fixed; background:#fff; z-index:999; display:none" frameborder="0"></iframe>
<script>
iname=self.frameElement.name;
function TQsubmit(){
	//TQform.submit();
	$('.TQmovesubmit').attr('onclick','');
	$.post('update',$("#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');
		}
	});

	form.on('select(pid)', function(data){
		var id=$(data.elem).parent().attr('lay-filter');
		var text=$.trim($(data.elem).find("option:selected").text());
		$('.'+id+' .layui-input').val(text);
		$(data.elem).find("option:selected").text(text);
	});

  
});


$("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(){ }
	});
}			


//以下是组合字段需求
function cate_frame(url){
	$('#zh_iframe_box').show().attr('src',url);
}
function cate_frame_close(){
	$('#zh_iframe_box').hide();
}

//传入三级field各页刷新页面 目标页面cate.html 来自:url.js 继续或关闭,
function article_field_reload(iname,url){
	if(url==''){
		window.frames['article_field_iframe'].location.reload();
	}else{
		$('#zh_iframe_box').attr('src',url);
	}
}

//field页面单个删除 来自url.js
function delete_id_field(iname,info){
	window.frames['article_field_iframe'].delete_id(info);
}
//field页面批量删除 来自url.js
function delete_ids_field(iname,info){
	window.frames['article_field_iframe'].delete_ids(info);
}
</script>