onepage/tm/template_dir/admin/platform/list.html

<{include file="./admin/header.html"}>
<{include file="./admin/left.html"}>
<{include file="./admin/nav.html"}>
<{include file="get_kindeditor.html"}>

<script type="text/javascript" src="<{$web_cfg.cdn}>/public/static/js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" href="<{$web_cfg.cdn}>/public/static/js/jquery.minicolors.css" />
<script type="text/javascript" src="<{$web_cfg.cdn}>/public/static/js/jquery.minicolors.js"></script>

<style>
.set-nav {
	margin: 0 auto;
}
.set-nav-hr {
	background-color: #ddd;
    height: 1px;
    position: relative;
}
.form-group label {
	font-weight: 600;
}
.checkbox-inline, .radio-inline {
	font-weight: 400!important;
}
.rowlabel {
	font-weight: 300!important;
}
.music_play_hide {
	display:none;
}
</style>

<div class="panel panel-default col-md-7">
	<div class="panel-body">
		<table class="table">
			<thead>
				<tr>
					<th>序号</th>
					<th>描述</th>
					<th>名称</th>
					<th>色值</th>
					<th>地址</th>
					<th>编辑</th>
				</tr>
			</thead>
			<tbody>
				<{if !$platformData}>
				<tr><td colspan="5" align="center">暂无平台信息</td></tr>
				<{/if}>
				<{foreach from=$platformData item=item}>
				<tr>
					<td><{$item.id}></td>
					<td><{$item.desc}></td>
					<td><{$item.name}></td>
					<td><div style="background-color: <{$item.color}>; display: inline-block; padding: 8px;"></div></td>
					<td><{$web_cfg.domain}>/list/<{$item.url}></td>
					<td><a href="<{$web_cfg.domain}>/?c=Admin_Platform_index&a=PageShow&id=<{$item.id}>">编辑</a></td>
				</tr>
				<{/foreach}>
			</tbody>
		</table>
		<div class="page"><{$page_html}></div>
	</div>
</div>

<form id="add_platform_form">
<div class="col-md-5" style="padding-left: 30px;">
	<div class="form-group">
		<label class="control-label">添加新列表</label>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">描述</label>
		<input name="desc" type="text" class="form-control" >
		<span class="note">平台的描述信息</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">名称</label>
		<input name="name" type="text" class="form-control" >
		<span class="note">页面标题使用</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">URL短地址</label>
		<input name="url" type="text" class="form-control" >
		<span class="note">URL短地址使用</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">色值</label>
		<input name="color" type="text" class="form-control" >
		<span class="note">页面统一颜色</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">关注地址</label>
		<input name="follow_url" type="text" class="form-control" value="">
		<span class="note">导航栏“关注”链接地址</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">“活动”按钮图片</label>
		<div>
			<img id="home_image_tag" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="home_image_input" name='home_img_url' type="hidden" value="">
			<input id="home_image_upload" type="button" value="默认图片" >
		</div>
		<div>
			<img id="home_image_tag_hover" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="home_image_input_hover" name='home_img_url_hover' type="hidden" value="">
			<input id="home_image_upload_hover" type="button" value="选中图片" >
		</div>
		<label class="control-label rowlabel">按钮文字</label><input type="text" class="form-control" name='home_img_text' value="活动">
		<span class="note">导航活动按钮图片。36*36 PNG 图片</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">“关注”按钮图片</label>
		<div>
			<img id="follow_image_tag" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="follow_image_input" name='follow_img_url' type="hidden" value="">
			<input id="follow_image_upload" type="button" value="默认图片" >
		</div>
		<div>
			<img id="follow_image_tag_hover" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="follow_image_input_hover" name='follow_img_url_hover' type="hidden" value="">
			<input id="follow_image_upload_hover" type="button" value="选中图片" >
		</div>
		<label class="control-label rowlabel">按钮文字</label><input type="text" class="form-control" name='follow_img_text' value="关注">
		<span class="note">导航关注按钮图片。36*36 PNG 图片</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">“奖品”按钮图片</label>
		<div>
			<img id="gift_image_tag" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="gift_image_input" name='gift_img_url' type="hidden" value="">
			<input id="gift_image_upload" type="button" value="默认图片" >
		</div>
		<div>
			<img id="gift_image_tag_hover" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="gift_image_input_hover" name='gift_img_url_hover' type="hidden" value="">
			<input id="gift_image_upload_hover" type="button" value="选中图片" >
		</div>
		<label class="control-label rowlabel">按钮文字</label><input type="text" class="form-control" name='gift_img_text' value="奖品">
		<span class="note">导航奖品按钮图片。36*36 PNG 图片</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">“分享”按钮图片</label>
		<div>
			<img id="share_image_tag" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="share_image_input" name='share_img_url' type="hidden" value="">
			<input id="share_image_upload" type="button" value="默认图片" >
		</div>
		<div>
			<img id="share_image_tag_hover" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="share_image_input_hover" name='share_img_url_hover' type="hidden" value="">
			<input id="share_image_upload_hover" type="button" value="选中图片" >
		</div>
		<label class="control-label rowlabel">按钮文字</label><input type="text" class="form-control" name='share_img_text' value="分享">
		<span class="note">导航分享按钮图片。36*36 PNG 图片</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">微信分享图：</label>
		<div>
			<img id="weixinShare_image_tag" src="http://placehold.it/200&text=200x200" style="width:150px;" class="img-thumbnail">
			<input id="weixinShare_image_input" name='weixinShare_img_url' type="hidden" value="">
			<input id="weixinShare_image_upload" type="button" value="选择图片" >
		</div>
		<span class="note">默认微信分享的图片 JPG、PNG，200*200，小于20k</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">微信分享标题：</label>
		<input name="weixinShare_title" type="text" class="form-control" value="">
		<span class="note">少于24个字</span>
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">微信分享内容：</label>
		<input name="weixinShare_content" type="text" class="form-control" value="">
		<span class="note">少于36个字</span>
	</div>
	<div>
		<a id="add_platform_btn" href="javascript:;" class="button button-primary button-small">添加新列表</a>
	</div>
</div>
</form>
<script>
KISSY.use('node, io', function (S, Node, IO) {
	var $ = S.all;
	
	$("#add_platform_btn").on('click', function () {
		var desc = $("input[name=desc]").val();
		if (!desc) {
			alert('请填写描述信息');
			return false;
		}
		
		var name = $("input[name=name]").val();
		if (!name) {
			alert('请填写名称');
			return false;
		}
		
		var url = $("input[name=url]").val();
		if (!url) {
			alert('请填短地址');
			return false;
		}
		
		var color = $("input[name=color]").val();
		if (!color) {
			alert('请填写颜色');
			return false;
		}
		
		var home_img_url = $("input[name=home_img_url]").val();
		if (!home_img_url) {
			alert('请选择“活动”按钮图片');
			return false;
		}
		var gift_img_url = $("input[name=gift_img_url]").val();
		if (!gift_img_url) {
			alert('请选择“奖品”按钮图片');
			return false;
		}
		
		var data = IO.serialize("#add_platform_form");
		
		new IO({
			type: "post"
			, url: VG.conf.root_domain + '/?c=Admin_Platform_index&a=PageList&a=ReqCreate'
			, data: data
			, success: function (data) {
				if (data.ok) { //ok
					var url = data.msg;
					location.href = VG.conf.url;
				} else {
					alert('操作失败，原因：'+data.msg);
				}
				return false;
			}
			, error: function (NULL, textStatus) {
				alert("请求服务器失败，原因:"+textStatus);
			}
			, dataType: "json"
		});
	});
});

//取色器
$(document).ready( function() {
	$("input[name=color]").minicolors({
		defaultValue: '#FFFFFF'
	});
});

//home image
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#home_image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#home_image_input').val(data.url);
				K('#home_image_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#home_image_upload_hover')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#home_image_input_hover').val(data.url);
				K('#home_image_tag_hover').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});

//follow image
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#follow_image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#follow_image_input').val(data.url);
				K('#follow_image_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#follow_image_upload_hover')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#follow_image_input_hover').val(data.url);
				K('#follow_image_tag_hover').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});

//share image
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#share_image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#share_image_input').val(data.url);
				K('#share_image_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#share_image_upload_hover')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#share_image_input_hover').val(data.url);
				K('#share_image_tag_hover').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});

//gift image
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#gift_image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#gift_image_input').val(data.url);
				K('#gift_image_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#gift_image_upload_hover')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#gift_image_input_hover').val(data.url);
				K('#gift_image_tag_hover').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});
//weixin share
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#weixinShare_image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#weixinShare_image_input').val(data.url);
				K('#weixinShare_image_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});
</script>

<{include file="./admin/bottom.html"}>