onepage_mrhi/tm/template_dir/admin/focus/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>
				</tr>
			</thead>
			<tbody>
				<{if !$focusData}>
				<tr><td colspan="5" align="center">暂无信息</td></tr>
				<{/if}>
				<{foreach from=$focusData item=item}>
				<tr>
					<td><{$item.index}></td>
					<td><{$platformList[$item.platform_id].name}></td>
					<td><{$item.name}></td>
					<td><img src="<{$item.pic}>" width="100" /><br /><{$item.link}></td>
					<td><a href="<{$web_cfg.domain}>/?c=Admin_Focus_index&a=PageShow&id=<{$item.id}>">编辑</a> <a href="javascript:;" class="deleteItem" data-id="<{$item.id}>">删除</a></td>
				</tr>
				<{/foreach}>
			</tbody>
		</table>
		<div class="page"><{$page_html}></div>
	</div>
</div>

<form id="add_focus_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>
		<select name="platform_id" id="platform_id">
			<{foreach from=$platformList item=item}>
				<option value="<{$item.id}>"><{$item.name}></option>
				</tr>
			<{/foreach}>
		</select>
	</div>

	<div class="form-group">
		<label class="control-label rowlabel">推荐名称</label>
		<input name="name" type="text" class="form-control" >
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">推荐排序-数字越大越靠前</label>
		<input name="index" type="text" class="form-control" value="1">
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">推荐地址</label>
		<input name="link" type="text" class="form-control" >
	</div>
	<div class="form-group">
		<label class="control-label rowlabel">推荐图片</label>
		<div>
			<img id="icon_image_tag" src="http://placehold.it/36&text=36x36" style="width:30px;" class="img-thumbnail">
			<input id="icon_image_input" name='pic' type="hidden" value="">
			<input id="icon_image_upload" type="button" value="默认图片" >
			<span class="note">图片大小：高度为128px</span>
		</div>
	</div>
	<div>
		<a id="add_focus_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;

	$(".deleteItem").on('click', function () {
		var id = $(this).attr('data-id');
		if (!id) {
			alert('无效id');
			return false;
		}
		
		if (!confirm('确定要删除这项数据？')) {
			return false;
		}
		
		new IO({
			type: "post"
			, url: VG.conf.root_domain + '/?c=Admin_Focus_index&a=Delete'
			, data: {'id':id}
			, success: function (data) {
				if (data.ok) { //ok
					alert('操作成功');
					location.reload();
				} else {
					alert('操作失败，原因：'+data.msg);
				}
				return false;
			}
			, error: function (NULL, textStatus) {
				alert("请求服务器失败，原因:"+textStatus);
			}
			, dataType: "json"
		});
	});
	
	$("#add_focus_btn").on('click', function () {
		var name = $("input[name=name]").val();
		if (!name) {
			alert('请填写名称');
			return false;
		}

		var index = $("input[name=index]").val();
		if (!index) {
			alert('请填写排序');
			return false;
		}

		var platform_id = $("select[name=platform_id]").val();
		if (!platform_id) {
			alert('请选择平台');
			return false;
		}

		var link = $("input[name=link]").val();
		if (!link) {
			alert('请填写链接');
			return false;
		}
		
		var pic = $("input[name=pic]").val();
		if (!pic) {
			alert('请选择推荐图片');
			return false;
		}
		var data = IO.serialize("#add_focus_form");
		
		new IO({
			type: "post"
			, url: VG.conf.root_domain + '/?c=Admin_Focus_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"
		});
	});
});

//icon image
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#icon_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('#icon_image_input').val(data.url);
				K('#icon_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"}>