<!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/template_install.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/template_install.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><a href="template_manage">网站模板管理</a></li>
				<li class="am-active">安装新模板</li>
			</ol>
			<div class="tpl-portlet-components">
				<div class="tpl-block ngre-Hdadd-paddidngT ngre-HNo-paddidngB">
						<div class="am-tabs" data-am-tabs="">
							<div class="portlet-title ngco-No-marginB title-style">
								<div class="caption font-green bold">
									<span class="am-icon-code"></span>&nbsp;安装新模板
								</div>
								<div class="tpl-portlet-input">
									<div class="am-form-group am-no-marginbtm am-select-hover  am-no-outline">
										<select onchange="window.open(this.options[this.selectedIndex].value,'_self')" data-am-selected="{btnSize: 'sm'}">
											<option {%if filter==0%}selected="selected" {%endif%}value="template_install?filter=0">全部类型</option>
											<option {%if filter==1%}selected="selected" {%endif%}value="template_install?filter=1">自适应模板</option>
											<option {%if filter==2%}selected="selected" {%endif%}value="template_install?filter=2">PC模板</option>
											<option {%if filter==3%}selected="selected" {%endif%}value="template_install?filter=3">手机模板</option>
											<option {%if filter==4%}selected="selected" {%endif%}value="template_install?filter=4">微信模板</option>
										</select>
									</div>
								</div>
							</div>
							<!-- /.portlet-title -->
							<!-- 主体部分 -->
							<div class="am-tabs-bd ngco-E20-paddingR ngco-S20-paddingL ngco-M2-radius">
								<!-- pc模板 -->
								<div class="am-active" id="tab1">
									<form class="am-form">
										<table class="am-table am-table-striped am-table-hover table-main ngco-Osh-pddBbdrB">
											<thead>
												<tr>
													<th class="table-title">模板缩略图</th>
													<th class="table-title">模板信息</th>
													<th class="table-set">操作</th>
												</tr>
											</thead>
											<tbody>
												{% for row in list %}
												<tr>
													<td align="center" class="underline">
														<img src="{{row['image']}}" width="120" height="160" border="0" style="padding:2px; margin:10px 0; border:1px #CCC solid;" />
													</td>
													<td class="info underline ">
														<b>模板名称：</b>{{row['name']}}{% if row['state'] %}<font color="#F37B1D"> 已经安装</font>{% endif %}<br />
														<b>适用版本：</b>{{row['version']}}<br />
														<b>模板作者：</b><a target="_blank" href="{{row['website']}}">{{row['production']}}</a><br />
														<b>发布日期：</b>{{row['date']}}<br />
														<b>适用类型：</b>{{row['types']}}<br />
														<b>模板价格：</b>{{row['price']}}<br />
														<b>模板简介：</b>{{row['introduction']}}
													</td>
													
													
													<td class="underline" align="center">
														<table cellpadding="0" cellspacing="0" border="0">
															<tr>
																<td>
																	<a href="../api/admin_process?action=install_template&code={{row['code']}}" class="right_a am-btn am-btn-default am-btn-xs am-audit-bright"><span class="am-icon-cloud-download"></span>&nbsp;在线安装</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a target="_blank" href="{{row['download']}}" class="right_a am-btn am-btn-default am-btn-xs am-recom-bright"><span class="am-icon-download "></span>&nbsp;下载安装</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a target="_blank" href="{{row['demo']}}" class="right_a am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-search"></span>&nbsp;查看演示</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a target="_blank" href="http://www.kyger.com.cn/article.php?pid=41" class="right_a am-btn am-btn-default am-btn-xs ngco-text-red"><span class="am-icon-pencil-square-o"></span>&nbsp;详细介绍</a>
																</td>
															</tr>
														</table>
													</td>
													
												</tr>
												{% endfor %}
											</tbody>
										</table>
										{% if not list %}
										<div class="no-data">
											<ul>没有相关数据</ul>
										</div>
										{% endif %}
									</form>
								</div>
								<!-- 自适应end -->
							</div>
						</div>
						
					<div class="am-cf ">
						<div class="am-fr ngco-H100-width">
							{% if page_data['total_page'] > 1 %}
							{{ page_html }}
							{% endif %}
						</div>
					</div>
					<div class="am-alert am-alert-warning">
						<h4><i class="am-icon-warning"></i>&nbsp;模版安装操作说明：</h4>
						<ul>
							<li>1、模板安装前请确认您要安装的模板是否支持您当前的程序版本，强行安装会导致程序出错。</li>
							<li>2、免费模板可以直接在线安装，重复安装将会直接覆盖你现有的模板。商业模板价格以官方网站为准。VIP和商业模板暂不支持远程安装，请登录官方网下载后手动安装。</li>
						</ul>
					</div><!-- /.am-alert -->
				</div>
			</div>
			{% include 'component_footer.tpl' %}
		</div>
	</div><!-- /.scrollbar-wrap -->
	</div>
	
</body>
</html>