<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>KGCMS企业应用管理平台 - Powered by KGCMS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<!-- <meta http-equiv="cache-control" content="no-siteapp" /> -->
<link rel="stylesheet" href="{{ kg['tpl_url'] }}style/fans_group.css">
<script src="{{ kg['tpl_url'] }}script/jquery.min.js"></script>
<script src="{{ kg['server']['HTTP_HOST'] }}/tools/amazeui/js/amazeui.min.js"></script>
<script src="{{kg['tpl_url']}}script/common.js"></script>
<script src="{{ kg['tpl_url'] }}script/fans_group.js"></script>
</head>
<body data-type="generalComponents">
	{% include 'component_header.tpl' %}
	<div class="tpl-page-container tpl-page-header-fixed">
		<div class="scrollbar-wrap">
		{% include 'component_left.tpl' %}
		<div class="tpl-content-wrapper">
			<div class="tpl-content-page-title">
				微信用户（粉丝）管理
			</div>
			<ol class="am-breadcrumb">
				<li><a href="#" class="am-icon-home">首页</a></li>
				<li class="am-active">微信用户（粉丝）管理</li>
			</ol>
			<div class="tpl-portlet-components">
				<div class="portlet-title">
					<div class="caption font-green bold">
						<span class="am-icon-code"></span>&nbsp;微信用户（粉丝）分组管理
					</div>
					<div class="tpl-portlet-input tpl-fz-ml am-no-margintop">
						<div class="portlet-input input-small input-inline">
							<div class="input-icon right am-fr">
								<div class="am-btn-group am-btn-group-xs">
									<a class="am-btn am-btn-default am-btn-success am-edit am-btn-xs am-btn-add" href="#"><span class="am-icon-plus"></span>&nbsp;添加分组</a>
								</div>
							</div>
							<div class="am-cf"></div>
						</div>
					</div>
				</div>
				<div class="am-g">
					<div class="am-u-sm-12">
						<form class="am-form">
							<table class="am-table am-table-striped am-table-hover table-main">
								<thead>
									<tr>
										<th class="table-title">ID</th>
										<th class="table-type">分组名称</th>
										<th class="table-author am-hide-sm-only">组内人数</th>
										<th class="table-set">操作</th>
									</tr>
								</thead>
								<tbody>
									{% for row in data %}
									<tr>
										<td class="group-id">{{row['id']}}</td>
										<td><a href="fans_list?group={{row['id']}}" class="group-name">{{row['name']}}</a></td>
										<td>{{row['count']}}</td>
										<td>
											{% if not row['id'] < 3 %}
											<div class="am-btn-toolbar">
												<div class="am-btn-group am-btn-group-xs">
													<a class="am-edit am-btn am-btn-default am-btn-xs am-text-secondary am-btn-edit title2div" title="修改导航">
														<span class="am-icon-pencil-square-o"></span>&nbsp;修改
													</a>
												</div>
											</div>
											{% endif %}
										</td>
									</tr>
									{% endfor %}
								</tbody>
							</table>
							{% if not data %}<div class="no-data"><ul>没有相关数据</ul></div>{% endif %}
							<hr>
						</form>
					</div>
				</div>
				<div class="am-alert am-alert-success success-info ngco-No-marginT">
					<ul class="margin-bottom-none padding-left-lg">
						<li class="am-verify">
							由于接口限制，暂不支持第三方平台删除用户分组，你可以登录<a href="https://mp.weixin.qq.com" target="_blank" style="color: #003399">腾讯公众管理平台</a>删除分组。
						</li>
					</ul>
				</div>
			</div>
			<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
				<div class="am-modal-dialog">
					<div class="am-modal-hd" id="modal-title"></div>
					<div class="am-modal-bd">
						<div class="modal-box">
							<form action="" id="editTwo" method="post">
								<label for="title-input">分组名称:&nbsp;&nbsp;</label>
								<input type="text" class="am-modal-prompt-input" id="title-input" placeholder="请输入名称" name="title"><br>
								<input type="hidden" name="action" value="" id="action">
								<input type="hidden" name="group_id" value="" id="group_id">
							</form>
						</div>
					</div>
					<div class="am-modal-footer">
						<span class="am-modal-btn" data-am-modal-cancel>取消</span>
						<span class="am-modal-btn" data-am-modal-confirm>提交</span>
					</div>
				</div>
			</div>
			{% include 'component_footer.tpl' %}
		</div>
		</div><!-- /.scrollbar-wrap -->
	</div>
</body>
</html>