<!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/wx_cs_group_manage.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/wx_cs_group_manage.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-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['group_name']}}</a></td>
										<th class="table-type">
												<li style="float: left; position: relative">
													<img src="{% if row['icon'] %}{{row['icon']}}{% else %}{{kg['tpl_url']}}images/admin_default_image.png{% endif %}" height="35px" alt="" data-am-pureviewed="1">
												</li>
											</ul>
										</th>
										<td>{{row['cs_count']}}</td>
										<td>
											<div class="am-btn-toolbar">
												<div class="am-btn-group am-btn-group-xs">
													<a href="javascript:void(0)" title="" class="am-btn am-btn-default am-btn-xs am-text-secondary title2div am-btn-edit"><span class="am-icon-pencil-square-o"></span>&nbsp;编辑</a>
													<a href="wx_cs_group_manage?action=del&id={{row['id']}}" title="" class="am-btn am-btn-default am-btn-xs am-text-danger ngro-Jclick-shanchubi title2div" style="cursor: pointer;">
														<span class="am-icon-trash-o"></span>&nbsp;删除
													</a>
												</div>
											</div>
										</td>
									</tr>
									{% endfor %}
								</tbody>
							</table>
							<hr>
						</form>
					</div>
				</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>
								<label class="img-label">图标:&nbsp;&nbsp;</label>
								<img src="{{kg['tpl_url']}}images/admin_default_image.png" alt="" id="modal-pic" width='80' height="80" class="default-img" />
								<div class="ewm-upload" id="qrcodeUpload">
									<input type="file" class="input-file" id="qrcodeInput">
									<input type="hidden" id="ewmGather" value="" name="img">
									<div class="shuline"></div>
									<div class="hengline"></div>
									<input type="hidden" name="group_id" value="" class="modal-input" id="modal-input">
									<input type="hidden" name="action" value="submit" class="modal-input" id="modal-input2">
								</div>
							</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>