ximushanyuan/framework/builtin/store/template/goodsbuyer.html

{template 'header'}
{if $operate == 'display'}
	{if $_GPC['type'] != STORE_TYPE_PACKAGE}
	<div class="store module">
		<div class="modules clearfix">
		{loop $store_goods $goods}
			<div class="item active">
			<a href="{php echo $this->createWebUrl('goodsbuyer', array('operate' => 'goods_info', 'direct' => 1, 'goods' => $goods['id']))}">
				{if $goods['type'] == STORE_TYPE_API}
				<div class="icon icon-api"><span class="wi wi-api"></span></div>
				{elseif in_array($goods['type'], array(STORE_TYPE_PACKAGE, STORE_TYPE_ACCOUNT, STORE_TYPE_WXAPP, STORE_TYPE_ACCOUNT_RENEW, STORE_TYPE_WXAPP_RENEW))}
				<div class="icon icon-wi"><span class="wi wi-appjurisdiction"></span></div>
				{else}
				<img src="{$goods['module']['logo']}" alt="icon" class="icon" onerror="this.src='./resource/images/nopic-107.png'"/>
				{/if}
				<div class="name text-over">{php echo $goods['title']}</div>
				<div class="price">￥{$goods['price']}元 /
					{if $goods['unit'] == 'month'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}月
					{elseif $goods['unit'] == 'ten_thousand'} {$goods['api_num']}万次
					{elseif $goods['unit'] == 'day'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}天
					{elseif $goods['unit'] == 'year'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}年
					{/if}
				</div>
				<div class="text-right view">
					查看详情>
				</div>
			</a>
			</div>
		{/loop}
		</div>
	</div>
	{/if}
	{if $_GPC['type'] == STORE_TYPE_PACKAGE}
	<div><span class="wi wi-appjurisdiction">权限组</span></div>
	<div class="store">
		<div class="jurisdiction-list">
			{loop $store_goods $goods}
			<a href="{php echo $this->createWebUrl('goodsbuyer', array('operate' => 'goods_info', 'direct' => 1, 'goods' => $goods['id']))}">
				<div class="item">
					<div class="info">
						<div class="icon icon-wi"><span class="wi wi-appjurisdiction"></span></div>
						<div class="name">{$module_groups[$goods['module_group']]['name']}</div>
						<div class="price">￥{$goods['price']}元</span>{if $goods['type'] != STORE_TYPE_API}/{if $goods['unit'] == 'month'}月{elseif $goods['unit'] == 'day'}日{elseif $goods['unit'] == 'year'}年{/if}{/if}</div>
					</div>
					<div class="datas">
						<div>
							<div>公众号应用</div>
							<div class="data">{php echo count($module_groups[$goods['module_group']]['modules'])}</div>
						</div>
						<div>
							<div>小程序应用</div>
							<div class="data">{php echo count($module_groups[$goods['module_group']]['wxapp'])}</div>
						</div>
						<div>
							<div>模板</div>
							<div class="data">{php echo count($module_groups[$goods['module_group']]['templates'])}</div>
						</div>
					</div>
				</div>
			</a>
			{/loop}
		</div>
	</div>
	{/if}
	<div class="text-right">
		{$pager}
	</div>
{elseif $operate == 'goods_info'}
<div class="panel-body js-goods-buyer" ng-controller="goodsBuyerCtrl">
	<ol class="breadcrumb we7-breadcrumb">
		<a href="{php echo $this->createWebUrl('goodsbuyer', array('operate' => 'display', 'direct' => 1))}"><i class="wi wi-back-circle"></i> </a>
		<li>
			商城列表
		</li>
		<li>
			{$goods['title']}
		</li>
	</ol>
	<div class="store {if $goods['type'] == STORE_TYPE_PACKAGE}jurisdiction-detail{else}module-detail{/if}">
		<div class="top">
			{if $goods['type'] == STORE_TYPE_API}
			<div class="icon"><span class="icon-box"><i class="wi wi-api"></i></span></div>
			{elseif in_array($goods['type'], array(STORE_TYPE_PACKAGE, STORE_TYPE_ACCOUNT, STORE_TYPE_WXAPP, STORE_TYPE_ACCOUNT_RENEW, STORE_TYPE_WXAPP_RENEW))}
			<div class="icon"><span class="icon-box"><i class="wi wi-appjurisdiction"></i></span></div>
			{else}
			<div class="icon"><img src="{$goods['module']['logo']}" alt="icon" class="icon" onerror="this.src='./resource/images/nopic-107.png'"/></div>
			{/if}

			<div class="introduce">
				<div class="name">
					{if in_array($goods['type'], array(STORE_TYPE_MODULE, STORE_TYPE_WXAPP_MODULE, STORE_TYPE_API, STORE_TYPE_ACCOUNT_RENEW, STORE_TYPE_WXAPP_RENEW))}
					{$goods['title']}
					{elseif in_array($goods['type'], array(STORE_TYPE_ACCOUNT, STORE_TYPE_WXAPP))}
					创建{$goods['num']}个{$goods['title']}
					{else}
					{$module_groups[$goods['module_group']]['name']}套餐
					{/if}
				</div>
				<div class="help-block">
					{if in_array($goods['type'], array(STORE_TYPE_MODULE, STORE_TYPE_WXAPP_MODULE))}
					{$goods['synopsis']}
					{elseif in_array($goods['type'], array(STORE_TYPE_ACCOUNT, STORE_TYPE_WXAPP))}
					增加创建{$goods['title']}数量
					{elseif $goods['type'] == STORE_TYPE_API}
					总计<span class="color-red">{$goods['api_num']}{if $goods['unit'] == 'ten_thousand'}万次</span>{/if}浏览次数，不限时间
					{elseif $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}
					延长公众号到期时间
					{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}
					延长小程序到期时间
					{else}
					增加公众号应用，小程序，模板数量
					{/if}
				</div>
			</div>
			<div class="buy pull-right">
				<div class="price">单价￥<span class="fee">
					{$goods['price']}</span>
					{if $goods['type'] != STORE_TYPE_API}/{if $goods['unit'] == 'month'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}月
					{elseif $goods['unit'] == 'day'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}日
					{elseif $goods['unit'] == 'year'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}年
					{/if}
					{/if}
				</div>
				<div class="buy-btn">
					{if in_array($goods['type'], array(STORE_TYPE_MODULE, STORE_TYPE_WXAPP_MODULE, STORE_TYPE_PACKAGE, STORE_TYPE_ACCOUNT_RENEW, STORE_TYPE_WXAPP_RENEW))}
					<button class="btn btn-danger btn-lg" data-toggle="modal" data-target="#myModalBuy">立即购买</button>
					{elseif $goods['type'] == STORE_TYPE_API}
					<button class="btn btn-danger btn-lg" data-toggle="modal" data-target="#BuyApi">立即购买</button>
					{else}
					<button class="btn btn-danger btn-lg" data-toggle="modal" data-target="#Buyaccount">立即购买</button>
					{/if}
				</div>
			</div>
		</div>
		<div class="modal fade" id="myModalBuy">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">
							{if $goods['type'] == STORE_TYPE_PACKAGE}
							购买应用套餐
							{elseif $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}
							续费公众号
							{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}
							续费小程序
							{else}
							购买<span>{$goods['module']['title']}</span>应用
							{/if}
						</h4>
					</div>
					<div class="modal-body">
						<form action="" method="get" class="we7-form">
							<div class="form-group">
								<label class="control-label col-sm-2">应用单价</label>
								<div class="col-sm-8 form-control-static">￥{$goods['price']}{if $goods['type'] != STORE_TYPE_API}/
									{if $goods['unit'] == 'month'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}月
									{elseif $goods['unit'] == 'day'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}日
									{elseif $goods['unit'] == 'year'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}{$goods['wxapp_num']}{/if}年
									{/if}
									{/if}</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">购买时长</label>
								<div class="col-sm-8">
									<div class="clearfix we7-margin-bottom-sm" style="line-height: 34px;">
										<input type="number" class="form-control pull-left" style="width: 80px;" value="1" ng-model="duration"/>&nbsp;
										{if $goods['type'] != STORE_TYPE_API}
										{if $goods['unit'] == 'month'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}*{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}*{$goods['wxapp_num']}{/if}月
										{elseif $goods['unit'] == 'day'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}*{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}*{$goods['wxapp_num']}{/if}日
										{elseif $goods['unit'] == 'year'}{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}*{$goods['account_num']}{elseif $goods['type'] == STORE_TYPE_WXAPP_RENEW}*{$goods['wxapp_num']}{/if}年
										{/if}
										{/if}
										{if $goods['type'] == STORE_TYPE_MODULE || $goods['type'] == STORE_TYPE_WXAPP_MODULE}
										,有效期至{{ expiretime }}
										{/if}
									</div>
									<div class="select-btn">
										<button type="button" class="btn" ng-class="duration == 1? 'btn-primary' : 'btn-default'" ng-click="changeDuration(1)">1</button>
										<button type="button" class="btn" ng-class="duration == 3? 'btn-primary' : 'btn-default'" ng-click="changeDuration(3)">3</button>
										<button type="button" class="btn" ng-class="duration == 6? 'btn-primary' : 'btn-default'" ng-click="changeDuration(6)">6</button>
										<button type="button" class="btn" ng-class="duration == 12? 'btn-primary' : 'btn-default'" ng-click="changeDuration(12)">12</button>
									</div>
								</div>
							</div>
							{if in_array($goods['type'], array(STORE_TYPE_MODULE, STORE_TYPE_WXAPP_MODULE, STORE_TYPE_WXAPP_RENEW, STORE_TYPE_ACCOUNT_RENEW)) || $goods['type'] == STORE_TYPE_PACKAGE && !empty($user_account)}
							<div class="form-group">
								<label class="control-label col-sm-2">{if $goods['type'] == STORE_TYPE_WXAPP_MODULE}小程序{else}公众号{/if}</label>
								<div class="col-sm-10">
									<div class="clearfix" style="line-height: 34px;">
										<select class="we7-select" style="width:150px;" ng-model="uniacid">
											<option value="{{ uniacid }}" ng-repeat="(uniacid, account) in account_list track by uniacid">{{ account.name }}</option>
										</select>
										<span class="text-error">注意!</span>请确认服务所需绑定的公众号,购买后不可更换.
									</div>
								</div>
							</div>
							{/if}
							{if $goods['type'] == STORE_TYPE_PACKAGE && !empty($wxapp_account_list)}
							<div class="form-group">
								<label class="control-label col-sm-2">小程序</label>
								<div class="col-sm-10">
									<div class="clearfix" style="line-height: 34px;">
										<select class="we7-select" style="width:150px;" ng-model="wxapp">
											<option value="{{ account.uniacid }}" ng-repeat="account in wxapp_account_list">{{ account.name }}</option>
										</select>
										<span class="text-error">注意!</span>请确认服务所需绑定的小程序,购买后不可更换.
									</div>
								</div>
							</div>
							{/if}
							<div class="form-group">
								<label class="control-label col-sm-2">费用明细</label>
								<div class="col-sm-8 form-control-static">实付总计<span class="we7-margin-left">￥{{ price }}</span></div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">支付方式</label>
								<div class="select-btn">
									<button type="button" ng-repeat="(way, pay_way_info) in pay_way_list track by way" ng-class="pay_way == way? 'btn btn-primary' : 'btn btn-default'" ng-click="changePayWay(way)">{{ pay_way_info.title }}</button>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" ng-click="submit_order('order')">提交订单</button>
						<button type="button" class="btn btn-primary" ng-click="submit_order('pay')">立即支付</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="Buyaccount">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">购买<span>{$goods['title']}</span></h4>
					</div>
					<div class="modal-body">
						<form action="" method="get" class="we7-form">
							<div class="form-group">
								<label class="control-label col-sm-2">应用单价</label>
								<div class="col-sm-8 form-control-static">￥{$goods['price']}{if $goods['type'] != STORE_TYPE_API}/{if $goods['unit'] == 'month'}月{elseif $goods['unit'] == 'day'}日{elseif $goods['unit'] == 'year'}年{/if}{/if}</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">费用明细</label>
								<div class="col-sm-8 form-control-static">实付总计<span class="we7-margin-left">￥{{ price }}</span></div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">支付方式</label>
								<div class="select-btn">
									<button type="button" ng-repeat="(way, pay_way_info) in pay_way_list track by way" ng-class="pay_way == way? 'btn btn-primary' : 'btn btn-default'" ng-click="changePayWay(way)">{{ pay_way_info.title }}</button>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" ng-click="submit_order('order')">提交订单</button>
						<button type="button" class="btn btn-primary" ng-click="submit_order('pay')">立即支付</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="BuyApi">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">购买API浏览次数</h4>
					</div>
					<div class="modal-body">
						<form action="" method="get" class="we7-form">
							<div class="form-group">
								<label class="control-label col-sm-2">商品单价</label>
								<div class="col-sm-8 form-control-static color-red">￥{$goods['price']} / {$goods['api_num']}{if $goods['unit'] == 'ten_thousand'}万次{/if}</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">购买份数</label>
								<div class="col-sm-8">
									<div class="clearfix we7-margin-bottom-sm" style="line-height: 34px;">
										<input type="number" class="form-control pull-left" style="width: 80px;" value="1" ng-model="duration"/>份，共购买<span class="color-red" ng-bind="goods.api_num * duration"></span>万次浏览量
									</div>
									<div class="select-btn">
										<button type="button" class="btn" ng-class="duration == 10? 'btn-primary' : 'btn-default'" ng-click="changeDuration(10)">10</button>
										<button type="button" class="btn" ng-class="duration == 20? 'btn-primary' : 'btn-default'" ng-click="changeDuration(20)">20</button>
										<button type="button" class="btn" ng-class="duration == 30? 'btn-primary' : 'btn-default'" ng-click="changeDuration(30)">30</button>
										<button type="button" class="btn" ng-class="duration == 50? 'btn-primary' : 'btn-default'" ng-click="changeDuration(50)">50</button>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">公众号</label>
								<div class="col-sm-10">
									<div class="clearfix" style="line-height: 34px;">
										<select class="we7-select" style="width:150px;" ng-model="uniacid">
											<option value="{{ uniacid }}" ng-repeat="(uniacid, account) in account_list track by uniacid">{{ account.name }}</option>
										</select>
										<span class="text-error">注意!</span>请确认服务所需绑定的公众号,购买后不可更换.
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">费用明细</label>
								<div class="col-sm-8 form-control-static">实付总计 ￥<span class="color-red" ng-bind="goods.price * duration"></span></div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-2">支付方式</label>
								<div class="select-btn">
									<button type="button" ng-repeat="(way, pay_way_info) in pay_way_list track by way" class="btn" ng-class="pay_way == way? 'btn-primary' : 'btn-default'" ng-click="changePayWay(way)">{{ pay_way_info.title }}</button>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" ng-click="submit_order('order')">提交订单</button>
						<button type="button" class="btn btn-primary" ng-click="submit_order('pay')">立即支付</button>
					</div>
				</div>
			</div>
		</div>

		{if in_array($goods['type'], array(STORE_TYPE_MODULE, STORE_TYPE_WXAPP_MODULE))}
		<div class="swiper">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					{loop $goods['slide'] $picture}
					<div class="swiper-slide"><img src="{php echo tomedia($picture)}" alt="" class="img-responsive"/></div>
					{/loop}
				</div>
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
		<div class="summary">
			<div class="title">应用介绍</div>
			<div class="content">
				{$goods['description']}
			</div>
		</div>
		{elseif in_array($goods['type'], array(STORE_TYPE_ACCOUNT, STORE_TYPE_WXAPP, STORE_TYPE_API))}
		<div class="summary">
			<div class="title">商品介绍</div>
			<div class="content help-block">
				{if $goods['type'] == STORE_TYPE_API}
				购买API浏览次数，购买之后使用时间不限
				{else}
				1.购买商品后您将多创建{$goods['num']}个{$goods['title']}, 不受已有用户组限制。<br/>
				2.购买的{$goods['title']}是有时效的，到期需要继续购买方可使用。
				{/if}
			</div>
		</div>
		{elseif in_array($goods['type'], array(STORE_TYPE_ACCOUNT_RENEW, STORE_TYPE_WXAPP_RENEW))}
		<div class="summary">
			<div class="title">商品介绍</div>
			<div class="content help-block">
				{if $goods['type'] == STORE_TYPE_ACCOUNT_RENEW}
				续费公众号
				{else}
				续费小程序
				{/if}
			</div>
		</div>
		{else}
		<div class="summary">
			<div class="color-gray">购买商品后您将拥有相应的公众号应用，小程序应用，模板的使用权限，不受已有用户组的限制。</div>
			<div class="title">公众号应用</div>
			<div class="item-list clearfix">
				{loop $module_groups[$goods['module_group']]['modules'] $module}
				<div class="item">
					<img src="{$module['logo']}" alt="" class="icon"/>
					<div class="text-over">{$module['title']}</div>
				</div>
				{/loop}
			</div>
			<div class="title">小程序应用</div>
			<div class="item-list clearfix">
				{loop $module_groups[$goods['module_group']]['wxapp'] $wxapp_module}
				<div class="item">
					<img src="{$wxapp_module['logo']}" alt="" class="icon"/>
					<div class="text-over">{$wxapp_module['title']}</div>
				</div>
				{/loop}
			</div>
			<div class="title">模板</div>
			<div class="item-list clearfix">
				{loop $module_groups[$goods['module_group']]['templates'] $template}
				<div class="item">
					<div class="text-over">{$template['title']}</div>
				</div>
				{/loop}
			</div>
		</div>
		{/if}
	</div>
</div>
<script>
	{php $first_account = current($user_account);}
	angular.module('storeApp').value('config', {
		'singlePrice' : {$goods['price']},
		'wxapp' : '{$default_wxapp}',
		'unit' : '{$goods['unit']}',
		account_list : {php echo json_encode($user_account)},
		wxapp_account_list : {php echo json_encode($wxapp_account_list)},
		pay_way : {php echo json_encode($pay_way)},
		expiretime : "{php echo date('Y-m-d', strtotime('+1 ' . $goods['unit'], time()))}",
		first_uniacid : "{$default_account}",
		goods : {php echo json_encode($goods)}
	});
	angular.bootstrap($('.js-goods-buyer'), ['storeApp']);
	$(function() {
		require(['swiper'], function () {
			var mySwiper = new Swiper('.swiper-container', {
				loop: true,
				width: 240,
				height: 400,
				spaceBetween: 20,
				// 如果需要前进后退按钮
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev'
			})
		});
	});
</script>
{/if}
{template 'common/footer'}