{extend name="adminblue/base" /}
{block name="resources"/}
<script src="ADMIN_JS/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="ADMIN_JS/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ADMIN_JS/ueditor/ueditor.all.common.js"></script>
 {/block}
{block name="main"}
<div class="space-10"></div>
<div class="set-style">
<h4>专题活动信息</h4>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;专题名称：</dt>
		<dd><input type="text" id="topic_name" value="{$info['topic_name']}" class="input-common long" ><p class="error">请输入专题名称</p></dd>
		
	</dl>
	<dl>
		<dt>关键字：</dt>
		<dd>
			<input type="text" id="keyword" maxlength="500" class="input-common" value="{$info['keyword']}"/>
			<p class="error">请输入关键字</p>
		</dd>
	</dl>
	<dl>
		<dt>描述：</dt>
		<dd>
			<!-- <input type="text" id="desc" maxlength="500" class="input-common" value=""/> -->
			<textarea  name="store_zy" rows="2" id="desc" class="textarea-common">{$info['desc']}</textarea>
			<p class="error">请输入专题描述</p>
		</dd>
	</dl>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;图像：</dt>
		<dd>
				<div class="upload-btn-common">
					<div>
						<input class="input-file" name="file_upload" id="uploadpicture" type="file" onchange="imgUpload(this);" title="上传">
						<input type="hidden" id="picture_img" value="{$info['picture_img']}">
					</div>
					
					<input type="text" id="text_picture_img" class="input-common" readonly="readonly" value="{$info['picture_img']}">
					<em>上传</em>								
					<img id="preview_picture_img" src="__STATIC__/blue/img/upload-common-select.png" data-src="{:__IMG($info['picture_img'])}" data-html="true" data-container="body" data-placement="top" data-trigger="manual" data-original-title="" title="">
				</div>
				<p class="error">请上传图像图片</p>
				<p class="hint">专题活动列表中单独专题背景,<i class="important-note">建议使用宽580像素-高300像素</i></p>

		</dd>
	</dl>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;条幅：</dt>
		<dd>
				<div class="upload-btn-common">
					<div>
						<input class="input-file" name="file_upload" id="uploadscroll" type="file" onchange="imgUpload(this);" title="上传">
						<input type="hidden" id="scroll_img" value="{$info['scroll_img']}">
					</div>
					
					<input type="text" id="text_scroll_img" class="input-common" readonly="readonly" value="{$info['scroll_img']}">
					<em>上传</em>								
					<img id="preview_scroll_img" src="__STATIC__/blue/img/upload-common-select.png" data-src="{:__IMG($info['scroll_img'])}" data-html="true" data-container="body" data-placement="top" data-trigger="manual" data-original-title="" title="">
				</div>
				<p class="error">请上传条幅图片</p>
				<p class="hint"><i class="important-note">专题商品列表中的头部展示</i></p>

		</dd>
	</dl>
	<dl>
		<dt>背景图：</dt>
		<dd>
				<div class="upload-btn-common">
					<div>
						<input class="input-file" name="file_upload" id="uploadbackground" type="file" onchange="imgUpload(this);" title="上传">
						<input type="hidden" id="background_img" value="{$info['background_img']}">
					</div>
					
					<input type="text" id="text_background_img" class="input-common" readonly="readonly" value="{$info['background_img']}">
					<em>上传</em>								
					<img id="preview_background_img" src="__STATIC__/blue/img/upload-common-select.png" data-src="{:__IMG($info['background_img'])}" data-html="true" data-container="body" data-placement="top" data-trigger="manual" data-original-title="" title="">
				</div>
				<p class="error">请上传图片</p>
				<p class="hint"><i class="important-note">专题商品列表中背景图</i></p>
		</dd>
	</dl>
	<dl>
		<dt>背景色：</dt>
		<dd>
			<input type="color" id="background_color" maxlength="10" class="input-common-color" value="{$info['background_color']}" />
			<p class="error">请输入专题名称</p>
		</dd>
	</dl>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;有效时间：</dt>
		<dd>
			<input class="input-medium input-common harf" type="text" id="start_time"  value="{$info['start_time'] | getTimeStampTurnTime}" style="width:250px;"onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
			<span class="mlr5">至</span>
			<input class="input-medium input-common harf" size="15" type="text" id="end_time" value="{$info['end_time'] | getTimeStampTurnTime}" style="width:250px;"onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:mm:ss'})">
			<p class="error">请输入活动有效期</p>
		</dd>
	</dl>
	
	
	<h4>高级设置</h4>
	<dl>
		<dt>专题介绍：</dt>
		<dd>
			<script id="editor" type="text/plain" style="width: 100%;height:300px;">{$info['introduce']}</script>
		</dd>
	</dl>
	<dl>
		<dt>是否显示头部：</dt>
		<dd><input id="is_head" type="checkbox" class="checkbox" {if condition="$info['is_head'] == 1"}checked="checked"{/if} /></dd>
	</dl>
	<dl>
	<dt>是否显示底部：</dt>
		<dd><input id="is_foot" type="checkbox" class="checkbox" {if condition="$info['is_foot'] == 1"}checked="checked"{/if} /></dd>
	</dl>
	<h4>选择活动商品：</h4>
	
	<!-- 所有决定商品弹框内容的条件和存放商品id的隐藏域 -->
	<span id="goods-condition">
		<input type="hidden" name="type" value="2"/>
		<input type="hidden" name="stock" value="1"/>
		<input type="hidden" name="goods_type" value="1,2"/>
		<input type="hidden" name="is_have_sku" value="1"/>
		<input type="hidden" name="state" value="1"/>
		<input type="hidden" id="goods_id_array" value="{$info['goods_id_array']}">
		<input type="hidden" id="range_type" value="0">
		<input type="hidden" id="is_show_select" value="0">
	</span>
	{include file="adminblue/Promotion/goodsSelectDialog" /}
	<h4>模板设置</h4>	
	<dl>
			<dt>电脑端：</dt>
			<dd>
				{$template_url['pc_template_url']}&nbsp;<input type="text" class="input-common harf" name="" id="pc_topic_template" value="{$info['pc_topic_template']}" style="width: 80px;" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">&nbsp;.html
				<p class="hint">用户自定义模板必须存放在{$template_url['pc_template_url']}下，模板名只能由英文组成</p>
			</dd>
		</dl>
		<dl>
			<dt>手机端：</dt>
			<dd>
				{$template_url['wap_template_url']}&nbsp;<input type="text" class="input-common harf" name="" id="wap_topic_template" value="{$info['wap_topic_template']}" style="width: 80px;" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">&nbsp;.html
				<p class="hint">用户自定义模板必须存放在{$template_url['wap_template_url']}下，模板名只能由英文组成</p>
			</dd>
		</dl>
	<dl>
		<dt></dt>
		<dd>
			<button class="btn-common btn-big" onclick="updateDiscount();">保存</button>
			<button class="btn-common-cancle btn-big" onclick="window.location.href = window.history.go(-1);">返回</button>
		</dd>
	</dl>
</div>
<input type="hidden" id="topic_id" value="{$info['topic_id']}">
<script src="__STATIC__/js/ajax_file_upload.js" type="text/javascript"></script>
<script src="__STATIC__/js/file_upload.js" type="text/javascript"></script>
<script>
function imgUpload(event) {
	var fileid = $(event).attr("id");
	var data = new Object();
	var id = $(event).next().attr("id");
	var only_type = $(event).attr('only-type');
	if(!only_type){
		data.file_path = UPLOADCOMMON;
	}else{
		data.file_path = UPLOADFILE;
	}
	uploadFile(fileid,data,function(res){
		
		if(res.code){
			$("#" + id).val(res.data);
			$("#text_" + id).val(res.data);
			$("#preview_"+ id).attr("data-src",__IMG(res.data));
			showTip(res.message,"success");
		}else{
			showTip(res.message,"error");
		}
	});
}
var ue = UE.getEditor('editor',{
	toolbars : [
		[ 'source', // 源代码
		'bold', // 加粗
		'italic', // 斜体
		'underline', // 下划线
		'strikethrough', // 删除线
		'forecolor', // 字体颜色
		'backcolor', // 背景色
		'fontfamily', // 字体
		'fontsize', // 字号
		'paragraph', // 段落格式
		'justifyleft', // 居左对齐
		'justifycenter', // 居中对齐
		'justifyright', // 居右对齐
		'superscript', // 上标
		'blockquote', // 引用
		'selectall', // 全选
		'preview', // 预览
		'removeformat', // 清除格式
		'inserttable', // 插入表格
		'unlink', // 取消链接
		'insertrow', // 前插入行
		'insertcol', // 前插入列
		'mergeright', // 右合并单元格
		'mergedown', // 下合并单元格
		'deleterow', // 删除行
		'deletecol', // 删除列
		'splittorows', // 拆分成行
		'splittocols', // 拆分成列
		'splittocells', // 完全拆分单元格
		'deletecaption', // 删除表格标题
		'inserttitle', // 插入标题
		'mergecells', // 合并多个单元格
		'deletetable', // 删除表格
		'cleardoc', // 清空文档
		 'simpleupload', // 单图上传
		'insertimage', // 多图上传
		'link', // 超链接
		'emotion', // 表情
		'insertorderedlist', // 有序列表
		'insertunorderedlist', // 无序列表
		'fullscreen', // 全屏
		'directionalityltr', // 从左向右输入
		'directionalityrtl', // 从右向左输入
		'imagenone', // 默认
		'imageleft', // 左浮动
		'imageright', // 右浮动
		// 'attachment', // 附件
		'imagecenter', // 居中
		'lineheight', // 行间距
		'customstyle', // 自定义标题
		]]
});
$(function(){
	UE.getEditor('editor').addListener( 'ready', function() {
		if($("#content").val()){
			UE.getEditor('editor').setContent($("#content").val());
		}
	} );
})

//保存
var flag = false;//防止重复提交
function updateDiscount(){
	var topic_id = $("#topic_id").val();
	var topic_name = $("#topic_name").val();
	var keyword = $("#keyword").val();
	var desc = $("#desc").val();
	var picture_img = $("#picture_img").val();
	var scroll_img = $("#scroll_img").val();
	var background_img = $("#background_img").val();
	var background_color = $("#background_color").val();
	var start_time = $("#start_time").val();
	var end_time = $("#end_time").val();
	var template_file = $("#template_file").val();
	var content = UE.getEditor('editor').getContent();
	var pc_topic_template = $("#pc_topic_template").val();
	var wap_topic_template = $("#wap_topic_template").val();
	var range_type = 0;
	var goods_id_array = '';
	if(content.length>30000){
		showTip("文章内容太长","warning");
		return;
	}
	var is_head = $("#is_head:checked").val() ? 1 : 0;
	var is_foot = $("#is_foot:checked").val() ? 1 : 0;
	if(!verify(topic_name, picture_img, scroll_img, start_time, end_time, template_file, wap_topic_template)){
		return false;
	}
	
	var goods_id_array = $("#goods_id_array").val();
	if(range_type == 0 && BatchSend.length == 0){
		$(".js-select-goods").find(".error").html('请选择参加活动的商品').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(flag){
		return;
	}

	flag = true;
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/promotion/updateTopic')}",
		data : {
			"topic_id" : topic_id,
			"topic_name" : topic_name,
			"keyword" :  keyword,
			"desc" : desc,
			"picture_img" : picture_img,
			"scroll_img" : scroll_img,
			"background_img" :  background_img,
			"background_color" : background_color,
			"start_time" : start_time,
			"end_time" : end_time,
			"template_file" : template_file,
			"content" : content,
			"range_type" : range_type,
			"goods_id_array" : goods_id_array,
			"is_head" : is_head,
			'is_foot' : is_foot,
			'pc_topic_template' : pc_topic_template,
			'wap_topic_template' : wap_topic_template,
		},
		success : function(data) {
			if (data["code"] > 0) {
				showMessage('success', data["message"],"{:__URL('ADMIN_MAIN/promotion/TopicList')}");
			}else{
				showMessage('error', data["message"]);
				flag = false;
			}
		}
	});
}


function verify(topic_name, picture_img, scroll_img, start_time, end_time){
	if(topic_name == ''){
		$("#topic_name").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(picture_img == ''){
		$("#picture_img").parent().parent().parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(scroll_img == ''){
		$("#scroll_img").parent().parent().parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(start_time == '' || end_time == ''){
		$("#start_time").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(start_time == '' || end_time == ''){
		$("#start_time").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(pc_topic_template == ''){
		$("#pc_topic_template").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(wap_topic_template == ''){
		$("#wap_topic_template").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	return true;
}
</script>
{/block}