|
|
<!DOCTYPE html>
|
|
|
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
|
|
|
xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no">
|
|
|
<title>RoyalPay | Merchant Application</title>
|
|
|
<meta name="description"
|
|
|
content=" As Australia’s first WeChat Cross-Border payment gateway，We are working to build a bridge between Australian merchants and Chinese consumers.Marketing Tools like WeChat Coupons,Membership Cards,Lucky Money are provided to all merchants to Increase sales which is proved effective in the wechat ecology.">
|
|
|
<meta name="keywords"
|
|
|
content="澳洲微信支付、澳洲跨境支付、行业解决方案、澳洲支付、澳洲商圈、微信营销、公众号、Wechat、Official Account、Industry Solution、Cross-Border Payment、Australia Wechat">
|
|
|
<!-- Bootstrap 3.3.5 -->
|
|
|
<link href="static/css/merchant_application.css" rel="stylesheet">
|
|
|
<link href="static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<!-- Font Awesome -->
|
|
|
<link href="static/lib/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet">
|
|
|
<!-- Font Awesome -->
|
|
|
<!-- Ionicons -->
|
|
|
<!-- Theme style -->
|
|
|
|
|
|
<link rel="stylesheet" href="./static/css/index_register.css">
|
|
|
<link rel="stylesheet" href="static/lib/dist/css/AdminLTE.min.css">
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
|
|
|
<title>Partner Register</title>
|
|
|
|
|
|
<script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
|
|
|
<script type="text/javascript" src="/static/lib/angularjs/angular.min.js"></script>
|
|
|
<script type="text/javascript" src="/static/lib/angularjs/angular-messages.js"></script>
|
|
|
<script type="text/javascript" src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
|
<script type="text/javascript" src="/static/lib/blocs.min.js"></script>
|
|
|
<script type="text/javascript" src="/static/merchantapplication/merchant_application.js"></script>
|
|
|
<style type="text/css">
|
|
|
.register-box-bg {
|
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
|
box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.3);
|
|
|
filter: alpha(opacity=40);
|
|
|
/*opacity: 0.7;*/
|
|
|
}
|
|
|
|
|
|
.captcha {
|
|
|
width: 30%;
|
|
|
height: 35px;
|
|
|
padding: 6px 12px;
|
|
|
font-size: 14px;
|
|
|
line-height: 1.42857143;
|
|
|
color: #555;
|
|
|
background-color: #fff;
|
|
|
background-image: none;
|
|
|
border: 1px solid #ccc;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
@media (min-width: 544px) {
|
|
|
.content-with {
|
|
|
width: 800px;
|
|
|
}
|
|
|
|
|
|
.register-box {
|
|
|
margin-top: 10%;
|
|
|
}
|
|
|
|
|
|
body .progress {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
body .step_show {
|
|
|
display: none;
|
|
|
}
|
|
|
.button_width{
|
|
|
width: 20%;
|
|
|
}
|
|
|
.input-group .form-control{
|
|
|
position: relative;
|
|
|
z-index: 2;
|
|
|
float: left;
|
|
|
width: 80%;
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@media (max-width: 544px) {
|
|
|
body .progress {
|
|
|
display: none;
|
|
|
}
|
|
|
.content_align{
|
|
|
width: 80%;
|
|
|
}
|
|
|
|
|
|
body .step_show {
|
|
|
display: block;
|
|
|
}
|
|
|
.button_width{
|
|
|
width: 35%;
|
|
|
}
|
|
|
.input-group .form-control{
|
|
|
position: relative;
|
|
|
z-index: 2;
|
|
|
float: left;
|
|
|
width: 65%;
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.register-box {
|
|
|
width: 89%;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
<script>
|
|
|
var _hmt = _hmt || [];
|
|
|
(function () {
|
|
|
var hm = document.createElement("script");
|
|
|
hm.src = "https://hm.baidu.com/hm.js?d7e727bd889ea69d369cba051844dfe5";
|
|
|
var s = document.getElementsByTagName("script")[0];
|
|
|
s.parentNode.insertBefore(hm, s);
|
|
|
})();
|
|
|
</script>
|
|
|
</head>
|
|
|
<body class="pace-done fp-viewing-0" ng-app="applyPartnerApp" ng-controller="applyPartnerCtrl">
|
|
|
<!--[if lte IE 8]>
|
|
|
<span class="lower-ie"></span>
|
|
|
<![endif]-->
|
|
|
<div class="pace pace-inactive">
|
|
|
<div class="pace-progress" data-progress-text="100%" data-progress="99"
|
|
|
style="transform: translate3d(100%, 0px, 0px);">
|
|
|
<div class="pace-progress-inner"></div>
|
|
|
</div>
|
|
|
<div class="pace-activity"></div>
|
|
|
</div>
|
|
|
|
|
|
<div id="main">
|
|
|
<div id="page-index" class="register-page">
|
|
|
<nav id="header" class="navbar navbar-dark navbar-full navbar-bg">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse"
|
|
|
data-target=".navbar-collapse">
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
<span class="icon-bar"></span>
|
|
|
<span class="icon-bar"></span>
|
|
|
<span class="icon-bar"></span>
|
|
|
</button>
|
|
|
<a class="navbar-brand" href="https://www.royalpay.com.au/">
|
|
|
<img src="/static/images/logo.svg" alt="" class="navbar--logo"
|
|
|
style="width: 275px;height: 32px;display: block;margin-top: 3.2%;">
|
|
|
</a>
|
|
|
</div>
|
|
|
|
|
|
<ul class="nav navbar-nav navbar-right navbar-collapse collapse">
|
|
|
<li id="nav-index" class="nav-item">
|
|
|
<a href="https://www.royalpay.com.au/" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item dropdown">
|
|
|
<a role="button" class="nav-link dropdown-toggle" data-toggle="dropdown">Wechat</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="https://www.royalpay.com.au/feature.html" target="_blank">Features</a></li>
|
|
|
<li><a href="https://www.royalpay.com.au/industry.html" target="_blank">Industry</a></li>
|
|
|
<li><a href="https://www.royalpay.com.au/marketing.html" target="_blank">Marketing</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="nav-item dropdown">
|
|
|
<a role="button" class="nav-link dropdown-toggle" data-toggle="dropdown">GATEWAY API</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="https://mpay.royalpay.com.au/docs/en/" target="_blank">En</a></li>
|
|
|
<li><a href="https://mpay.royalpay.com.au/docs/cn/" target="_blank">中文</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="nav-item">
|
|
|
<a role="button" class="nav-link dropdown-toggle" data-toggle="dropdown">About Us</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="https://www.royalpay.com.au/about.html" target="_blank">About Us</a></li>
|
|
|
<li><a href="https://www.royalpay.com.au/c_news.html">News</a></li>
|
|
|
<li><a href="https://www.royalpay.com.au/c_career.html">Career</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="nav-item">
|
|
|
<a href="https://www.royalpay.com.au/download.html" class="nav-link">App</a>
|
|
|
</li>
|
|
|
<li class="nav-item hidden-xs hidden-sm">
|
|
|
<a href="https://mpay.royalpay.com.au/login.html" target="_blank"
|
|
|
class="btn btn-success signin">Sign In</a>
|
|
|
</li>
|
|
|
<li class="nav-item hidden-xs hidden-sm">
|
|
|
<a href="https://mpay.royalpay.com.au/partner_register.html" target="_blank"
|
|
|
class="btn btn-success signin">Apply</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</nav>
|
|
|
<div id="fullpage" class="fullpage-wrapper">
|
|
|
<div style="clear: both"></div>
|
|
|
<div class='progress' style="height: 0px">
|
|
|
<div class='progress_inner'>
|
|
|
<div class='progress_inner__step' ng-class="{'body .dis_before:nth-child(1):before':chooseArray[0],'dis_before':chooseArray[0]}">
|
|
|
<label for='step-1'>Account Information</label>
|
|
|
</div>
|
|
|
<div class='progress_inner__step' ng-class="{'body .dis_before:nth-child(2):before':chooseArray[1],'dis_before':chooseArray[1]}">
|
|
|
<label for='step-2'>Company Information</label>
|
|
|
</div>
|
|
|
<div class='progress_inner__step' ng-class="{'body .dis_before:nth-child(3):before':chooseArray[2],'dis_before':chooseArray[2]}">
|
|
|
<label for='step-3'>Bank Account</label>
|
|
|
</div>
|
|
|
<div class='progress_inner__step' ng-class="{'body .dis_before:nth-child(4):before':chooseArray[3],'dis_before':chooseArray[3]}">
|
|
|
<label for='step-4'>Clean Days</label>
|
|
|
</div>
|
|
|
<div class='progress_inner__step' ng-class="{'body .dis_before:nth-child(5):before':chooseArray[4],'dis_before':chooseArray[4]}">
|
|
|
<label for='step-5'>Success</label>
|
|
|
</div>
|
|
|
<input checked='checked' id='step-1' name='step' type='radio' ng-disabled = "!chooseArray[0]" ng-checked="chooseArray[0]" >
|
|
|
<input id='step-2' name='step' type='radio' ng-disabled = "!chooseArray[1]" ng-checked="chooseArray[1]">
|
|
|
<input id='step-3' name='step' type='radio' ng-disabled = "!chooseArray[2]" ng-checked="chooseArray[2]">
|
|
|
<input id='step-4' name='step' type='radio' ng-disabled = "!chooseArray[3]" ng-checked="chooseArray[3]" >
|
|
|
<input id='step-5' name='step' type='radio' ng-disabled = "!chooseArray[4]" ng-checked="chooseArray[4]">
|
|
|
<div class='progress_inner__bar'></div>
|
|
|
<div class='progress_inner__bar--set'></div>
|
|
|
<div class='progress_inner__tabs'>
|
|
|
|
|
|
</div>
|
|
|
<!--<div class='progress_inner__status'>
|
|
|
<div class='box_base'></div>
|
|
|
<div class='box_lid'></div>
|
|
|
<div class='box_ribbon'></div>
|
|
|
<div class='box_bow'>
|
|
|
<div class='box_bow__left'></div>
|
|
|
<div class='box_bow__right'></div>
|
|
|
</div>
|
|
|
<div class='box_item'></div>
|
|
|
<div class='box_tag'></div>
|
|
|
<div class='box_string'></div>
|
|
|
</div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="step_show">
|
|
|
<div class="step_header" ng-show="chooseArray[0]">
|
|
|
<img src="static/images/step/num1_1.png">
|
|
|
<span class="text-bold">Account Information</span>
|
|
|
</div>
|
|
|
<div class="step_header" ng-show="chooseArray[1]">
|
|
|
<img src="static/images/step/num1_2.png">
|
|
|
<span class="text-bold">Company Information</span>
|
|
|
</div>
|
|
|
<div class="step_header" ng-show="chooseArray[2]">
|
|
|
<img src="static/images/step/num1_3.png">
|
|
|
<span class="text-bold">Bank Account</span>
|
|
|
</div>
|
|
|
<div class="step_header" ng-show="chooseArray[3]">
|
|
|
<img src="static/images/step/num1_4.png">
|
|
|
<span class="text-bold">Submit Materials</span>
|
|
|
</div>
|
|
|
<div class="step_header" ng-show="chooseArray[4]">
|
|
|
<img src="static/images/step/num1_5.png">
|
|
|
<span class="text-bold">Success</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="clear: both"></div>
|
|
|
<div class="register-box content-with">
|
|
|
<div class="register-box-body register-box-bg">
|
|
|
<p class="login-box-msg">Easy Business，Easy Payment</p>
|
|
|
<form novalidate name="accountForm" action="" method="post" ng-show="chooseArray[0]">
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':accountForm.contact_person.$invalid && accountForm.contact_person.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.contact_person" placeholder="Your Name"
|
|
|
required maxlength="50" name="contact_person">
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':accountForm.contact_email.$invalid && accountForm.contact_email.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.contact_email" placeholder="Email address"
|
|
|
required maxlength="50" name="contact_email" ng-mouseleave="checkParams()" ng-mousedown="trueEmail =false">
|
|
|
<div style="text-align: left" ng-if="trueEmail">
|
|
|
<p style="text-align: left;font-size: 12px;color: red">The mailbox is incorrect</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<div class="form-group col-xs-12"
|
|
|
ng-class="{'has-error':accountForm.contact_phone.$invalid && accountForm.contact_phone.$dirty || name_exist}">
|
|
|
<div class="input-group">
|
|
|
<span class="input-group-addon">+61</span>
|
|
|
<input type="number" name="contact_phone" required ng-model="partner.contact_phone"
|
|
|
class="form-control" style="display: inline"
|
|
|
placeholder="Your Phone" maxlength="15" ng-mouseleave="checkParams()" ng-mousedown="name_exist =false">
|
|
|
<button type="button" class="btn btn-success button_width" style="display:inline;height: 34px;float: right;border-radius: 0px"
|
|
|
title="发送验证码" ng-click="sendVerificationCode()"
|
|
|
ng-bind="description" ng-disabled="canClick"></button>
|
|
|
</div>
|
|
|
<div style="text-align: left" ng-if="name_exist">
|
|
|
<span style="text-align: left;font-size: 12px;" class="text-danger">The phone number has already existed</span>
|
|
|
</div>
|
|
|
<div style="text-align: left">
|
|
|
<span style="text-align: left;font-size: 12px;" class="text-info">phone number is also your login id</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':accountForm.code.$invalid && accountForm.code.$dirty}">
|
|
|
<input class="form-control" type="number" ng-model="partner.phoneCodeKey" placeholder="Verification Code"
|
|
|
required maxlength="10" name="code" ng-click="checkParams()">
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':accountForm.password.$invalid && accountForm.password.$dirty}">
|
|
|
<input type="password" class="form-control" ng-model="partner.password" placeholder="Password" required
|
|
|
minlength="6" maxlength="12" name="password">
|
|
|
<div style="text-align: left">
|
|
|
<span style="text-align: left;font-size: 12px;" class="text-info">6 to 12 characters, case sensitive</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':(accountForm.rePassword.$invalid && accountForm.rePassword.$dirty) ||partner.rePassword != partner.password}">
|
|
|
<input type="password" class="form-control" ng-model="partner.rePassword" placeholder="Confirm Password"
|
|
|
required
|
|
|
minlength="6" maxlength="12" name="rePassword">
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom">
|
|
|
<button type="button" class="btn btn-success btn-block btn-flat"
|
|
|
ng-click="saveStep1(accountForm,1)" ng-disabled="accountForm.$invalid ||trueEmail">Next
|
|
|
</button>
|
|
|
<div>
|
|
|
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
|
|
|
class="small text-danger">{{resError}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<form novalidate name="companyForm" action="" method="post" ng-show="chooseArray[1]">
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.company_name.$invalid && companyForm.company_name.$dirty}">
|
|
|
<input type="text" class="form-control" ng-model="partner.company_name" name="company_name"
|
|
|
placeholder="Company Name" required maxlength="80">
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.abn.$invalid && companyForm.abn.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.abn" placeholder="ABN"
|
|
|
required maxlength="50" name="abn">
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.short_name.$invalid && companyForm.short_name.$dirty}">
|
|
|
<input type="text" class="form-control" ng-model="partner.short_name" name="short_name"
|
|
|
placeholder="Merchant Name" required maxlength="50">
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.company_phone.$invalid && companyForm.company_phone.$dirty}">
|
|
|
<input type="text" class="form-control" ng-model="partner.company_phone" name="company_phone"
|
|
|
placeholder="Company phone" required maxlength="20">
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.address.$invalid && companyForm.address.$dirty}">
|
|
|
<textarea class="form-control" ng-model="partner.address" placeholder="Address"
|
|
|
name="address" required maxlength="200"></textarea>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.suburb.$invalid && companyForm.suburb.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.suburb" placeholder="Suburb" required
|
|
|
maxlength="50" name="suburb">
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.state.$invalid && companyForm.state.$dirty}">
|
|
|
<select class="form-control" name="state"
|
|
|
ng-model="partner.state" maxlength="20"
|
|
|
id="state-input" required
|
|
|
ng-options="state.value as state.label for state in states">
|
|
|
<option value="">State</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.postcode.$invalid && companyForm.postcode.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.postcode" placeholder="Postcode" required
|
|
|
maxlength="10" name="postcode">
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom">
|
|
|
<div class="form-group has-feedback" ng-class="{'has-error':companyForm.royalpayindustry.$invalid && companyForm.royalpayindustry.$dirty}">
|
|
|
<div class="dropdown">
|
|
|
<input id="dLabel" data-toggle="dropdown" data-target="#" class="form-control"
|
|
|
ng-model="industryLable" placeholder="Industry" required
|
|
|
maxlength="50" name="royalpayindustry" readonly="readonly">
|
|
|
<ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
|
|
|
<li class="dropdown-submenu" ng-repeat="industry in royalpayindustry">
|
|
|
<a tabindex="-1" ng-model="industry.mccCode">{{industry.label}}</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a tabindex="-1" href="javascript:;" ng-repeat="child in industry.children" ng-click="chooseIndustry(child)">{{child.label}}</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':companyForm.royalpayindustry.$invalid && companyForm.royalpayindustry.$dirty}">
|
|
|
<input class="form-control" id="royalpayindustry" required
|
|
|
name="royalpayindustry" readonly
|
|
|
ng-model="partner.royalpayindustry"
|
|
|
multi-level-select-popup="royalpayindustry"
|
|
|
on-select="onRoyalPayIndustrySelect($selected)">
|
|
|
</div>-->
|
|
|
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom">
|
|
|
<button type="button" class="btn btn-success btn-block btn-flat"
|
|
|
ng-click="saveApplyInfo(companyForm,2)" ng-disabled="companyForm.$invalid">Next
|
|
|
</button>
|
|
|
<div>
|
|
|
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
|
|
|
class="small text-danger">{{resError}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<form novalidate name="bankForm" action="" method="post" ng-show="chooseArray[2]">
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.account_no.$invalid && bankForm.account_no.$dirty}">
|
|
|
<input type="number" class="form-control" ng-model="partner.bank_no" placeholder="Account No"
|
|
|
required maxlength="20"
|
|
|
name="account_no">
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.account_name.$invalid && bankForm.account_name.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.bank_name" placeholder="Account Name"
|
|
|
maxlength="50"
|
|
|
required name="account_name">
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<div class="form-group col-xs-12"
|
|
|
ng-class="{'has-error':bankForm.bsb_no.$invalid && bankForm.bsb_no.$dirty}">
|
|
|
<input class="form-control" ng-model="partner.bsb_no" placeholder="BSB No" required
|
|
|
name="bsb_no" style="width: 80%;display: inline">
|
|
|
<button type="button" class="btn btn-success" style="width:20%;display:inline;height: 34px;float: right;border-radius: 0px"
|
|
|
title="Search" ng-click="searchBankInfo(partner.bsb_no)">Search</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="text-align: left" ng-if="showBankInfo">
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.bank.$invalid && bankForm.bank.$dirty}">
|
|
|
<p class="form-control-static"> Bank: <em>bank{{bankaccount.bank}}</em></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.city.$invalid && bankForm.city.$dirty}">
|
|
|
<p class="form-control-static"> City: <em>{{bankaccount.city}}</em></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.address.$invalid && bankForm.address.$dirty}">
|
|
|
<p class="form-control-static"> Address: <em>{{bankaccount.address}}</em></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.system.$invalid && bankForm.bank_system.$dirty}">
|
|
|
<p class="form-control-static"> system: <em>{{bankaccount.system}}</em></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.postcode.$invalid && bankForm.bank_postcode.$dirty}">
|
|
|
<p class="form-control-static"> postcode: <em>{{bankaccount.postcode}}</em></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.state.$invalid && bankForm.bank_state.$dirty}">
|
|
|
<p class="form-control-static"> state: <em>{{bankaccount.state}}</em></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':bankForm.branch.$invalid && bankForm.branch.$dirty}">
|
|
|
<p class="form-control-static"> branch: <em>{{bankaccount.branch}}</em></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom">
|
|
|
<button type="button" class="btn btn-success btn-block btn-flat"
|
|
|
ng-click="saveApplyInfo(bankForm,3)" ng-disabled="bankForm.$invalid">Next
|
|
|
</button>
|
|
|
<div>
|
|
|
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
|
|
|
class="small text-danger">{{resError}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<form novalidate name="cleanForm" action="" method="post" ng-show="chooseArray[3]">
|
|
|
|
|
|
<div class="form-group has-feedback"
|
|
|
ng-class="{'has-error':cleanForm.clean_days.$invalid && cleanForm.clean_days.$dirty}">
|
|
|
<select class="form-control" ng-model="partner.clean_days" id="citySelect"
|
|
|
ng-change="changeDays(partner.clean_days)" name="clean_days" required
|
|
|
ng-options="cleanDay.value as cleanDay.label for cleanDay in cleanDays">
|
|
|
<option value="">Clean Days</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div style="text-align: left" ng-if="showCleanDay">
|
|
|
<div class="form-group has-feedback">
|
|
|
<p class="form-control-static"> <small>WeChat Rate Value: {{rate.wechat_rate_value}}%</small></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback">
|
|
|
<p class="form-control-static"> <small>Alipay Rate Value(Retail): {{rate.alipay_rate_value}}%</small></p>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback">
|
|
|
<p class="form-control-static"> <small>Alipay Rate Value(Online): {{rate.alipayonline_rate_value}}%</small></p>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback">
|
|
|
<p class="form-control-static"> <small>Bestpay Rate Value: {{rate.bestpay_rate_value}}%</small></p>
|
|
|
</div>
|
|
|
<div class="form-group has-feedback">
|
|
|
<p class="form-control-static"> <small>JD Rate Value: {{rate.jd_rate_value}}%</small></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group has-feedback">
|
|
|
<div class="checkbox agree_left agree-text">
|
|
|
<label><input type="checkbox" ng-model="partner.agree" value="1"><a href="https://file.royalpay.com.au/open/2018/03/07/merchant_service20180307.pdf" target="_blank">Agree to Terms & Conditions</a></label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom">
|
|
|
<button type="button" class="btn btn-success btn-block btn-flat"
|
|
|
ng-click="saveApplyInfo(cleanForm,4)" ng-disabled="cleanForm.$invalid || !partner.agree" >Submit
|
|
|
</button>
|
|
|
<div>
|
|
|
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
|
|
|
class="small text-danger">{{resError}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<!-- <form novalidate name="materialsForm" action="" method="post" ng-show="chooseArray[4]">
|
|
|
<div class="form-horizontal" style="text-align: left">
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">* Shop Photo</label>
|
|
|
<div class="col-sm-5">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadShopPhoto($file)" accept="image/*" ngf-max-size="2MB">
|
|
|
<i class="fa fa-upload"></i> Upload Shop Photo1
|
|
|
</button>
|
|
|
</div>
|
|
|
<uib-progressbar value="shopPhotoProgress.value"
|
|
|
ng-if="shopPhotoProgress"></uib-progressbar>
|
|
|
<img ng-src="{{partner.company_photo}}" ng-if="partner.company_photo"
|
|
|
class="thumbnail img-size col-sm-9">
|
|
|
</div>
|
|
|
<div class="col-sm-5">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadStorePhoto($file)" accept="image/*"
|
|
|
ngf-max-size="2MB">
|
|
|
<i class="fa fa-upload"></i> Upload Shop Photo2
|
|
|
</button>
|
|
|
</div>
|
|
|
<uib-progressbar value="storePhotoProgress.value"
|
|
|
ng-if="storePhotoProgress"></uib-progressbar>
|
|
|
<img ng-src="{{partner.store_photo}}" ng-if="partner.store_photo"
|
|
|
class="thumbnail img-size col-sm-9">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">Logo</label>
|
|
|
<div class="col-sm-8">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-success" type="button" ngf-select="uploadLogo($file)"
|
|
|
accept="image/*" ngf-max-size="1MB">
|
|
|
<i class="fa fa-upload"></i> Upload Logo
|
|
|
</button>
|
|
|
</div>
|
|
|
<uib-progressbar value="logoProgress.value" ng-if="logoProgress"></uib-progressbar>
|
|
|
<img ng-src="{{partner.logo_url}}" ng-if="partner.logo_url" style="height: 100px;">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">* bank statement</label>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadBankFile($file)">
|
|
|
<i class="fa fa-upload"></i> Upload
|
|
|
</button>
|
|
|
<a ng-if="file.client_bank_file" role="button" class="btn-group btn btn-warning"
|
|
|
type="button" ng-href="{{file.client_bank_file}}" target="_blank"><i
|
|
|
class="fa fa-download"></i></a>
|
|
|
<i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none"
|
|
|
ng-if="$root.complianceCheck.authFile"></i>
|
|
|
</div>
|
|
|
<uib-progressbar value="bankFileProgress.value"
|
|
|
ng-if="bankFileProgress"></uib-progressbar>
|
|
|
<a ng-if="bankIsImage" target="_blank" ng-href="{{file.client_bank_file}}">
|
|
|
<img ng-src="{{file.client_bank_file}}" class="col-sm-8"></a>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-control-static">
|
|
|
<p>Example：请保证图片信息清晰可见,如下图</p>
|
|
|
<img class="col-sm-6 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/03/07/1488859920633_5ruVtDa30yY2ytBSDAAqxg0Ob2nreh.jpeg">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">* Certificate of Registration</label>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadCompanyFile($file)">
|
|
|
<i class="fa fa-upload"></i> Upload
|
|
|
</button>
|
|
|
<a ng-if="file.client_company_file" role="button"
|
|
|
class="btn-group btn btn-warning" type="button"
|
|
|
ng-href="{{file.client_company_file}}" target="_blank"><i
|
|
|
class="fa fa-download"></i></a>
|
|
|
<i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none"
|
|
|
ng-if="$root.complianceCheck.authFile"></i>
|
|
|
</div>
|
|
|
<uib-progressbar value="companyFileProgress.value"
|
|
|
ng-if="companyFileProgress"></uib-progressbar>
|
|
|
<a ng-if="companyIsImage" ng-href="{{file.client_company_file}}" target="_blank">
|
|
|
<img ng-src="{{file.client_company_file}}" class="col-sm-8"></a>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-control-static">
|
|
|
<div class="col-sm-6">
|
|
|
<p>Example：公司请提供以下文件图片</p>
|
|
|
<img class="col-xs-12 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/03/07/1488865011738_mW91ylSb5V1NJYu8jxvBPGNN49Zyel.jpeg">
|
|
|
<!–<img class="col-sm-12" src="https://file.royalpay.com.au/open/2017/03/07/1488864017622_BppIfz1yhMeoF0Z49rHt2gZIfVOihA.jpeg">–>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<p>sole
|
|
|
trade（个体户),partnership（合伙）,trust（信托）请在http://abr.business.gov.au，将查询结果截图上传</p>
|
|
|
<img class="col-sm-12 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/03/07/1488860564017_37spL6phUySM27oRtO4cQ7FOJblYJ6.jpeg">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">* ID </label>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadIDFile($file)">
|
|
|
<i class="fa fa-upload"></i> Upload
|
|
|
</button>
|
|
|
<a ng-if="file.client_id_file" role="button" class="btn-group btn btn-warning"
|
|
|
type="button" ng-href="{{file.client_id_file}}" target="_blank"><i
|
|
|
class="fa fa-download"></i></a>
|
|
|
<i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none"
|
|
|
ng-if="$root.complianceCheck.authFile"></i>
|
|
|
</div>
|
|
|
<uib-progressbar value="idFileProgress.value"
|
|
|
ng-if="idFileProgress"></uib-progressbar>
|
|
|
<a ng-if="idIsImage" ng-href="{{file.client_id_file}}" target="_blank">
|
|
|
<img ng-src="{{file.client_id_file}}" class="col-sm-8"></a>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-control-static">
|
|
|
<div class="col-sm-6">
|
|
|
<p>Example：请保证图片(护照或驾照)信息清晰可见,如下图</p>
|
|
|
<img class="col-xs-12 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/06/29/1498725651779_OPiqOP1dGnTpaxPsCR3P9lVrp4384b.jpg">
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<br/>
|
|
|
<br/>
|
|
|
<img class="col-sm-12 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/06/29/1498725678615_Bv2tzUtihY5U6YK9ScveXzKkVWOnrF.jpg">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-horizontal">
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">* Agreement</label>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadAgreementFile($file)">
|
|
|
<i class="fa fa-upload"></i> Upload
|
|
|
</button>
|
|
|
<a ng-if="file.client_agree_file" role="button"
|
|
|
class="btn-group btn btn-warning" type="button"
|
|
|
ng-href="{{file.client_agree_file}}" target="_blank"><i
|
|
|
class="fa fa-download"></i></a>
|
|
|
<i class="fa fa-check-square-o check-i" aria-hidden="true"
|
|
|
style="float: none" ng-if="$root.complianceCheck.authFile"></i>
|
|
|
</div>
|
|
|
<uib-progressbar value="agreementFileProgress.value"
|
|
|
ng-if="agreementFileProgress"></uib-progressbar>
|
|
|
<a ng-if="agreeIsImage" target="_blank" ng-href="{{file.client_agree_file}}">
|
|
|
<img ng-src="{{file.client_agree_file}}" class="col-sm-8"></a>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-control-static">
|
|
|
<p>Example：请保证图片信息清晰可见,如下图</p>
|
|
|
<img class="col-sm-6 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/06/15/1497454561900_5mf5KC4WGkXyFynv025JlTukAq8BqX.png">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-horizontal">
|
|
|
<div class="form-group">
|
|
|
<label class="control-label col-sm-2">Application Form(optional)</label>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="form-control-static">
|
|
|
<button class="btn btn-primary" type="button"
|
|
|
ngf-select="uploadApplyFile($file)">
|
|
|
<i class="fa fa-upload"></i> Upload
|
|
|
</button>
|
|
|
<a ng-if="file.client_apply_file" role="button"
|
|
|
class="btn-group btn btn-warning" type="button"
|
|
|
ng-href="{{file.client_apply_file}}" target="_blank"><i
|
|
|
class="fa fa-download"></i></a>
|
|
|
<i class="fa fa-check-square-o check-i" style="float: none"
|
|
|
aria-hidden="true" ng-if="$root.complianceCheck.authFile"></i>
|
|
|
</div>
|
|
|
<uib-progressbar value="bankFileProgress.value"
|
|
|
ng-if="applyFileProgress"></uib-progressbar>
|
|
|
<a ng-if="applyIsImage" target="_blank" ng-href="{{file.client_apply_file}}">
|
|
|
<img ng-src="{{file.client_apply_file}}" class="col-sm-8"></a>
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-control-static">
|
|
|
<p>Example：请保证图片信息清晰可见,如下图</p>
|
|
|
<img class="col-sm-6 img-responsive" style="border: 1px solid #ddd"
|
|
|
src="https://file.royalpay.com.au/open/2017/06/15/1497454548133_uSn0TP2uQNLEfnMB57CMrxG2jTOWHG.png">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom">
|
|
|
<button type="button" class="btn btn-success btn-block btn-flat"
|
|
|
ng-click="submit(materialsForm)">Submit
|
|
|
</button>
|
|
|
<div>
|
|
|
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
|
|
|
class="small text-danger">{{resError}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>-->
|
|
|
<form ng-show="chooseArray[4]">
|
|
|
<div class="success_wrapper">
|
|
|
<div class="success_img">
|
|
|
<img height="40" width="40" src="static/images/step/gou.png">
|
|
|
</div>
|
|
|
<div class="success_text">
|
|
|
<div>恭喜注册成功</div>
|
|
|
<div class="success_text2">欢迎使用RoyalPay收单服务</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="success_content">
|
|
|
<div class="content_align">
|
|
|
<div>注意事项：</div>
|
|
|
<p>1、需要完成 合规材料的提交，具体请查看appxx菜单xx功能；</p>
|
|
|
<p>2、在完成合规认证之前，不会对交易进行清算；</p>
|
|
|
<p>3、账户名和密码以及相关信息已发送至账户邮箱，请妥善保护自己的密码，及时进行修改。</p>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 margin-bottom2">
|
|
|
<button type="button" id="login-btn7" class="btn btn-success btn-block btn-flat"
|
|
|
onclick="window.location.href='/login.html'">
|
|
|
{{seconds}}秒后，将跳转登录页, 或点击直接跳转登录页
|
|
|
</button>
|
|
|
<div>
|
|
|
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
|
|
|
class="small text-danger">{{resError}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="modal fade">
|
|
|
<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">×</span>
|
|
|
<span class="sr-only">Close</span></button>
|
|
|
<h4 class="modal-title">Success</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
Registered merchant application has been submitted successfully
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<section class="section section-six fp-auto-height footer">
|
|
|
<div class="container">
|
|
|
<div class="row margin-bottom">
|
|
|
<div class="col-md-4 footer-item">
|
|
|
CONTACT US
|
|
|
<hr>
|
|
|
Level 14<br>
|
|
|
383 Kent Street<br>
|
|
|
Sydney NSW 2000<br>
|
|
|
<br>
|
|
|
Level 11<br>
|
|
|
15 William Street<br>
|
|
|
Melbourne VIC 3000<br>
|
|
|
<br>
|
|
|
1300-10-77-50<br>
|
|
|
03 9448 8865<br>
|
|
|
info@royalpay.com.au
|
|
|
</div>
|
|
|
<div class="col-md-4 sitemap footer-item">
|
|
|
SITE MAP
|
|
|
<hr>
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-xs-6">
|
|
|
<p><a href="/">RoyalPay</a></p>
|
|
|
<p><a href="https://mpay.royalpay.com.au/docs/en/">Gateway API</a></p>
|
|
|
<p><a href="https://www.royalpay.com.au/industry.html">Industry Solution</a></p>
|
|
|
<p><a href="https://www.royalpay.com.au/marketing.html">Marketing Service</a></p>
|
|
|
</div>
|
|
|
<div class="col-xs-6">
|
|
|
<p><a href="https://www.royalpay.com.au/about.html">About Us</a></p>
|
|
|
<p><a href="https://www.royalpay.com.au/c_news.html">News</a></p>
|
|
|
<p><a href="https://www.royalpay.com.au/c_career.html">Career</a></p>
|
|
|
<p><a href="https://www.royalpay.com.au/download.html">Downloads</a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-4 footer-item">
|
|
|
SUPPORT
|
|
|
<hr>
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-xs-6 qr-box">
|
|
|
<img src="static/css/img/qr_royalpay.png">
|
|
|
RoyalPay WeChat Official Account
|
|
|
</div>
|
|
|
<div class="col-xs-6 qr-box">
|
|
|
<img src="static/css/img/qr_service.png">
|
|
|
Customer Service
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="copyright">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 text-center">
|
|
|
© 2016 Tunnel Show Pty. Ltd. | Representative of AFSL licensee 448066
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="fp-nav" class="right"></div>
|
|
|
<div id="cli_dialog_div"></div>
|
|
|
</body>
|
|
|
</html> |
