renren/web/themes/default/wxapp/version-front-download.html

{template 'common/header'}
<!--小程序前端下载-->

{if $do != 'custom'}
{if $_W['account']['type'] == ACCOUNT_TYPE_ALIAPP_NORMAL}
<ul class="we7-page-tab">
	<li class="{if $do == 'front_download'}active{/if}">
		<a href="{php echo url('wxapp/front-download/', array('version_id' => $version_id));}">支付宝小程序下载</a>
	</li>
</ul>
{else}
<ul class="we7-page-tab">
	<li class="{if $do == 'front_download'}active{/if}">
		<a href="{php echo url('wxapp/front-download/front_download', array('version_id' => $version_id));}">小程序上传</a>
	</li>
	<li class="{if $do == 'domainset'}active{/if}">
		<a href="{php echo url('wxapp/front-download/domainset', array('version_id' => $version_id))}">小程序域名设置</a>
	</li>
	
		{if ($is_single_module_wxapp)}
		<li class="{if $do == 'entrychoose'}active{/if}">
			<a href="{php echo url('wxapp/front-download/entrychoose', array('version_id' => $version_id))}">小程序入口配置</a>
		</li>
		{/if}
	
</ul>
{/if}
{else}
<ol class="breadcrumb" style="background-color: transparent;">
	<a href="{php echo url('wxapp/front-download/front_download', array('version_id' => $version_id));}">
		<i class="wi wi-back-circle color-gray" style="font-size: 30px;position: relative;top: 5px;"></i>
	</a>
	<li><a href="{php echo url('wxapp/front-download/front_download', array('version_id' => $version_id));}">小程序上传</a></li>
	<li class="active">定制主题</li>
</ol>
{/if}
{if $do == 'entrychoose'}
<div class="panel we7-panel">
	<div class="panel-heading">小程序入口配置</div>
	<div class="panel-body ">
		<table class="table we7-table table-hover" >
			<tr>
				<th>标题</th>
				<th>url</th>
				<th>操作</th>
			</tr>
			{loop $entrys $entry}
			<tr>
				<td>{$entry['title']}</td>
				<td>{$entry['url']}</td>
				<td><button class="btn btn-primary js-entry-btn" data-eid="{$entry['eid']}" {if $entry['eid'] == $version_info['entry_id']} disabled {/if} >设为入口</button></td>
			</tr>
			{/loop}
		</table>
	</div>
</div>
<script type="text/javascript">
	var entry_url = "{php echo url('wxapp/front-download/set_wxapp_entry', array('version_id'=>$version_id))}";
	$('.js-entry-btn').click(function(){
		var entry_id = $(this).data('eid');
		$.post(entry_url, {'entry_id':entry_id}, function(data){
			if(data.errno == '0') {
				util.message('设置成功');
			}
			window.location.reload();
		})
	});
</script>
{/if}
{if $do == 'custom'}
<div ng-controller="code_appjson_ctrl" id="codeappjson" ng-controller="codeAppjsonCtrl">
	<div class="panel we7-panel wxapp-upload-setting">
		<div class="panel-heading">顶部导航栏设置</div>
		<div class="panel-body">
			<div class="we7-flex">
				<div class="view-img"><img src="/web/resource/images/wxapp/setting-01.png" alt=""></div>
				<div class="form-horizontal">
					<div class="form-group">
						<label class="col-xs-3 control-label">小程序标题</label>
						<div class="col-xs-9">
							<input type="text" required="required" ng-model="window.navigationBarTitleText"
							       placeholder="小程序标题" class="form-control">
						</div>
					</div>
					<div class="form-group">
						<label class="col-xs-3 control-label">标题颜色</label>
						<div class="col-xs-9">
							<select ng-model="window.navigationBarTextStyle">
								<option value="white">白</option>
								<option value="black">黑</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-xs-3 control-label">导航背景颜色</label>
						<div class="col-xs-9">
							<input type="text" placeholder="小程序导航背景颜色" ng-model="window.navigationBarBackgroundColor" class="form-control js-color">
						</div>
					</div>
					<div class="form-group">
						<label class="col-xs-3 control-label">小程序背景色</label>
						<div class="col-xs-9">
							<input type="text" placeholder="小程序背景色" ng-model="window.backgroundColor" class="form-control js-color">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="panel we7-panel wxapp-upload-setting">
		<div class="panel-heading">底部导航栏设置</div>
		<div class="panel-body">
			<div class="we7-flex">
				<div class="view-img"><img src="/web/resource/images/wxapp/setting-02.png" alt=""></div>
				<div class="form-horizontal">
					<div class="form-group">
						<label class="col-xs-3 control-label">文字默认颜色</label>
						<div class="col-xs-9">
							<input type="text" placeholder="文字默认颜色" ng-model="tabBar.color" class="form-control js-color">
						</div>
					</div>

					<div class="form-group">
						<label class="col-xs-3 control-label">文字选中颜色</label>
						<div class="col-xs-9">
							<input type="text" placeholder="文字默认颜色" ng-model="tabBar.selectedColor" class="form-control js-color">
						</div>
					</div>

					<div class="form-group">
						<label class="col-xs-3 control-label">底部导航颜色</label>
						<div class="col-xs-9">
							<input type="text" placeholder="底部导航颜色" ng-model="tabBar.backgroundColor" class="form-control js-color">
						</div>
					</div>
					<div class="form-group">
						<label class="col-xs-3 control-label">交界线颜色</label>
						<div class="col-xs-9">
							<select ng-model="tabBar.borderStyle">
								<option value="white">白</option>
								<option value="black">黑</option>
							</select>
						</div>
					</div>

					<div class="form-group hidden">
						<label class="col-xs-3 control-label">tab类型</label>
						<div class="col-xs-9">
							<select ng-model="tabBar.isSystemTabBar">
								<option value="1">系统</option>
								<option value="0">开发者自定义</option>
							</select>
						</div>
					</div>
					<table class="table we7-table hidden">
						<col width="75px">
						<col width="75px">
						<col width="90px">
						<col width="60px">
						<col width="60px">
						<col width="100px">
						<tr>
							<th>默认</th>
							<th>选中</th>
							<th>菜单名称</th>
							<th class="text-center">跳转</th>
							<th>操作</th>
						</tr>
						<tbody ng-repeat="tabitem in tabBar.list" ng-init="current = $index">
						<tr >
							<td>
								<div class="icon js-image"  data-index="{{current}}" data-selected="0">
									<img ng-src="{{iconPath(tabitem)}}" />
									<span class="replace ">更换</span>
								</div>
							</td>
							<td>
								<div class="icon js-image" data-index="{{current}}" data-selected="1">
									<img ng-src="{{tabitem.selectedIconPath}}" />
									<span class="replace " >更换</span>
								</div>
							</td>
							<td>
								<input type="text" class="form-control" value="首页" ng-model="tabitem.text">
							</td>
							<td>
								<div>
									<select ng-model="tabitem.pagePath" ng-options="x for x in pages" style="width:100px;"></select>
								</div>
							</td>
							<td>
								<button class="btn btn-primary" ng-click="del($index)">删除</button>
							</td>
						</tr>
						</tbody>
						<tfoot>
							<button class="btn btn-primary hidden" ng-click="add()">添加</button>
						</tfoot>
					</table>
				</div>
			</div>
		</div>
	</div>
	<button class="btn btn-primary" ng-click="default()">恢复默认</button>
	<button class="btn btn-primary" ng-click="save()">保存</button>
</div>

<script type="text/javascript">
	angular.module('we7codeAppjsonApp').value('config',{
		'version_id' : {$version_id},
		'default_appjson' : '{$default_appjson}',
		'save_url' : "{php echo url('wxapp/front-download/custom_save')}",
		'default_url' : "{php echo url('wxapp/front-download/custom_default')}",
		'convert_img_url' : "{php echo url('wxapp/front-download/custom_convert_img')}"
	});
	angular.bootstrap($('#codeappjson'), ['we7codeAppjsonApp']);
</script>
{/if}
{if $do == 'domainset'}
<div class="panel we7-panel">
	<div class="panel-heading">小程序配置</div>
	<div class="panel-body we7-padding">
		<form
		      action="./index.php?c=wxapp&a=front-download&do=domainset&version_id={$version_id}"
		      class="we7-form" enctype="multipart/form-data"
		      method="post">
			<div class="form-group hidden">
				<label class="control-label col-sm-2">设置小程序URL</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" name="appurl" value="{$appurl}" placeholder="">
					<label style="color: red;">https://域名/app/index.php</label>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-2">小程序业务域名校验文件</label>
				<div class="col-sm-10">
					<input type="file" class="form-control"
					       name="file" value="" placeholder="没有可不传"/>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-2"></label>
				<div class="col-sm-10">
					<button class="btn btn-primary" type="submit">更新</button>
					<a href="{$appurl}?i={$uniacid}&c=utility&a=visit&do=health" class="btn btn-primary" target="_blank">https访问检测</a>
				</div>
			</div>
		</form>
	</div>
</div>
<div class="wxapp-download-procedure">
	<div class="title color-gray">设置小程序域名说明：</div>
	<div class="step">1.设置链接域名，可以在系统后台设置操作小程序。设置完成后到小程序审核发布里点击下载后，域名更新。</div>
	<div class="step">2.设置后的生效页面（<a href="#" class="color-default">站点管理</a><span class="color-default"><i
			class="wi wi-angle-right"></i></span> <a href="#" class="color-default">站点设置</a>）
	</div>
	<div class="img">
		<img src="/web/resource/images/wxapp/12.png" alt="" class="img-responsive">
	</div>
</div>
{/if}

{if $do == 'front_download'}
{if $_W['account']['type'] == ACCOUNT_TYPE_ALIAPP_NORMAL}
<div><a href="{php echo url('wxapp/front-download/getpackage', array('version_id' => $version_id))}" class="btn btn-primary text-center">下载</a></div>
{else}
<!--在微信小程序后台提交审核-->
{if $uptype == 'normal'}
<div class="media media-wechat-setting">
	<div class="media-left color-default">
		<span class="wi wi-wxapp-webpack" style="font-size: 55px;"></span>
	</div>
	<div class="media-body media-middle ">
		<h4 class="media-heading color-dark">{$wxapp_versions_info['modules'][0]['title']}</h4>
		<div class="color-gray">版本: v{$wxapp_versions_info['version']}</div>
	</div>
	<div class="media-right media-middle">
		<a href="./index.php?c=wxapp&a=front-download&do=getpackage&uniacid={$_W['uniacid']}&version_id={$wxapp_versions_info['id']}"
		   class="btn btn-primary">立即下载</a>
	</div>
</div>
<div class="wxapp-download-procedure">
	<div class="title color-gray">小程序前端下载后操作流程说明：</div>
	<div class="step">1.进入微信小程序后台（mp.weixin.qq.com），添加小程序开发者（如已经是管理员或开发者则不需要添加）</div>
	<div class="img">
		<img src="./resource/images/wxapp/01.png" alt=""/>
		<img src="./resource/images/wxapp/02.png" alt=""/>
	</div>
	<div class="step">2.进入小程序后台，点击设置，开发设置，修改服务器域名（设置自己的微擎域名，<span class="color-default">必须是https://</span>）</div>
	<div class="img">
		<img src="./resource/images/wxapp/03.png" alt=""/>
		<img src="./resource/images/wxapp/04.png" alt=""/>
	</div>
	<div class="step">3.下载 微信web开发者工具（本帖会附上工具下载地址），更新到最新版后（切记），点击，填写小程序appid。将之前<span class="color-default">下载解压后的小程序插件上传</span>
	</div>
	<div class="img">
		<img src="./resource/images/wxapp/05.png" alt=""/>
		<img src="./resource/images/wxapp/06.png" alt=""/>
		<img src="./resource/images/wxapp/07.png" alt=""/>
	</div>
	<div class="step">4.点击项目，上传，并设置版本号和项目名称（项目名称自定义）</div>
	<div class="img">
		<img src="./resource/images/wxapp/08.png" alt=""/>
		<img src="./resource/images/wxapp/09.png" alt=""/>
	</div>
	<div class="step">5.进入小程序后台（mp.weixin.qq.com），点击开发管理，提交审核，小程序<span class="color-default">管理员</span>（必须需要管理员扫描，小程序开发者不可）扫描即可
	</div>
	<div class="img">
		<img src="./resource/images/wxapp/10.png" alt=""/>
		<img src="./resource/images/wxapp/11.png" alt=""/>
	</div>
	<div class="step">6.微信官方审核通过即可使用</div>
</div>
{/if}
<!--end 在微信小程序后台提交审核-->

<!--小程序可自行提交审核-->
{if $uptype=='auto'}
{if $need_upload}
<div class="alert-info">
	<div class="alert alert-warning alert-dismissible" role="alert">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<strong><i class="wi wi-info-sign color-red"></i></strong>
		该小程序应用已更新至最新版本：{$module['version']}。此小程序当前版本为：{$wxapp_versions_info['version']}，需要重新上传微信审核最新版本应用。
	</div>
</div>
{/if}
<div class="panel we7-panel wxapp-examine-self we7-margin-top" id="codeupload" ng-controller="code_upload_ctrl">
	<div class="panel-heading">上传小程序</div>
	<div class="panel-body">
		<div class="step we7-flex">
			<div class="one active">
				<span class="wi wi-one"></span>填写信息
			</div>
			<div class="arrow">
				<span class="wi wi-step-arrows"></span>
			</div>
			<div class="two" ng-class="{true:'active',false:''}[step>=2]">
				<span class="wi wi-two"></span>扫码并上传代码
			</div>
			<div class="arrow">
				<span class="wi wi-step-arrows"></span>
			</div>
			<div class="three" ng-class="{true:'active',false:''}[step>=3]">
				<span class="wi wi-three"></span>上传成功
			</div>
		</div>
	</div>
	<div class="panel-heading" ng-show="show_step1">之前小程序版本：{$wxapp_versions_info['version']}</div>
	<div class="panel-body" ng-show="show_step1">
		<div class="we7-flex">
			<div>应用：<img src="{$module['logo']}" style="width: 56px;margin: 0 10px;">{$module['title']}</div>
			<div style="position: relative;top: 16px;">之前版本：{$last_modules['version']}</div>
			<div style="position: relative;top: 16px;">
				最新版本：{$module['version']}
				{if $last_modules['version'] != $module['version']}
				<br/>
				<span class="color-red" style="font-size: 10px"><i class="wi wi-info-sign"></i>可上传微信审核为最新版本</span>
				{/if}
			</div>
		</div>
	</div>

	<div class="waiting text-center" id="wait_code_token" ng-show="show_wait" style="border-top: 1px solid #e7e7eb; padding: 150px!important;">
		<div><span class="wi wi-waiting"></span></div>
		<div>正在获取二维码,请耐心等待,等待时间大约</div>
		<div class="second" id="wait_sec">{{wait_sec}}秒</div>
	</div>

	<div class="panel-footer bg-light-gray" id="readycommit" ng-show="!show_wait">

		<form action="" class="we7-form" id="codeform" ng-show="show_step1" ng-init="user_version = '{$user_version}'; user_desc = '{$version_info['description']}'">
			<div class="form-group">
				<label class="control-label col-sm-2">版本号</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="user_version" ng-model="user_version" value="">
					<span class="help-block">
						版本号仅限数字
					</span>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-2">版本描述</label>
				<div class="col-sm-10">
					<textarea rows="3" class="form-control" id="user_desc" ng-model="user_desc"></textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-2">主题样式</label>
				<div class="col-sm-10">
					<div class="form-control" id="theme" style="background-color: #eee">
						<i class="wi wi-warning-sign color-red"></i>
						<span class="color-gray">如果您的应用支持定制主题，您可以在这步设置主题</span>
						<a class="text-right pull-right link-item" href="{php echo url('wxapp/front-download/custom', array('version_id' => $version_id));}" style="color: #45a2f3;">前往设置</a>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-2"></label>
				<div class="col-sm-10">
					<input type="hidden" name="ticket" id="ticket">
					<input type="hidden" id="version_id" value="{$version_id}">
					<!--<button class="btn btn-primary" type="button" id="commitcode" ng-click="commit()">上传代码</button>-->
					<button class="btn btn-primary" type="button" id="begin-upload" ng-click="beginUpload()">确 认</button>
				</div>
			</div>
		</form>

		<div class="text-center step1" ng-show="show_step2">
			<img alt="" src="{{qrcode_src}}"  class="qr-img" id="qrcode" >
			<div>请扫描二维码，确认后将直接上传代码</div>
		</div>

		<div class="success text-center step3" ng-show="show_step3">
			<div><span class="wi wi-right-sign"></span></div>
			<div class="status-state">上传代码成功，请到微信开发平台小程序后台预览，提交审核应用。</div>
			<div>微信开发平台小程序后台<a href="https://mp.weixin.qq.com/" class="color-default">https://mp.weixin.qq.com/</a></div>
			<div class="btns">
				<button class="btn btn-primary" type="button" ng-click="preview()">预览</button>
				<a href="https://mp.weixin.qq.com/" target="_blank" class="btn btn-default">去提交审核</a>
			</div>
		</div>

		<div class="modal fade" id="qrCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<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" id="myModalLabel">微信扫码预览小程序</h4>
					</div>
					<div class="modal-body text-center">
						<img class="qr-img" ng-src="{{preview_qrcode}}" src="{{preview_qrcode}}">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{/if}
<!--end 小程序可自行提交审核-->

<!--end 小程序域名设置-->
{if $uptype == 'auto'}
<script type="text/javascript">
	angular.module('we7codeuploadApp').value('config',{
		'version_id' : "{$version_id}",
		'upgrade_url' : "{php echo url('wxapp/front-download/upgrade_module')}",
		UUIDURL : "{php echo url('wxapp/front-download/code_uuid')}",
		CODE_GEN_CHECK_URL : "{php echo url('wxapp/front-download/code_gen')}",
		CODE_TOKEN_URL : "{php echo url('wxapp/front-download/code_token')}",
		QRCODEURL : "{php echo url('wxapp/front-download/qrcode')}",
		CHECKSANURL : "{php echo url('wxapp/front-download/checkscan')}",
		PREVIEWURL : "{php echo url('wxapp/front-download/preview')}",
		COMMITURL : "{php echo url('wxapp/front-download/commitcode')}"
	});
	angular.bootstrap($('#codeupload'), ['we7codeuploadApp']);
</script>

{/if}
{/if}
{/if}
{template 'common/footer'}