add hf_test show 3

master
luoyang 6 years ago
parent 5c6125c14a
commit 6081636870

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 636 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 347 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 718 KiB

@ -701,50 +701,128 @@ define(['angular', 'decimal', 'uiRouter', 'ngBootSwitch', 'ngFileUpload'], funct
};
$scope.myInterval = 2000;
$scope.first = true;
$scope.pcfirst = true;
$scope.bankfirst = true;
$scope.appfirst = true;
$scope.active = 0;
$scope.show = false;
var slides = $scope.slides = [];
var addSlide = function () {
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step1.png',
$scope.pcshow = false;
$scope.appshow = false;
$scope.bankshow = false;
var slidesPc = $scope.slidesPc = [];
var slidesPcBank = $scope.slidesBank = [];
var slidesApp = $scope.slidesApp = [];
var addSlidePc = function () {
slidesPc.push({
image: '/static/images/hfpaylink_intro/pc_hf_pay_step1.png',
text: '第一次打开支付链接进行下单,第一步用微信扫码页面弹出的二维码,确认您的身份',
id:0
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step2.png',
slidesPc.push({
image: '/static/images/hfpaylink_intro/pc_hf_pay_step2.png',
text: '下一步填写订单信息。注意订单金额货币单位是澳元AUD。请认真填写商品名称否则可能导致交易不成功。填写完成最后提交订单。',
id:1
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step3.png',
text: '跳转到汇付支付页面,选择您的支付方式,同时填写姓名、身份证、银行卡号、手机号信息,完成身份验证,最后点击“确认支付”',
slidesPc.push({
image: '/static/images/hfpaylink_intro/pc_hf_pay_step3.png',
text: '页面显示支付二维码使用相应的支付app进行扫码支付。如订单有误请点击"返回上一步"修改订单。',
id:2
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step4.png',
text: '页面弹出支付二维码使用相应的支付app进行扫码支付。',
slidesPc.push({
image: '/static/images/hfpaylink_intro/hf_pay_end.png',
text: '完成支付,跳转到支付成功页面。',
id:3
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step5.png',
};
var addSlidePcBank = function () {
slidesPcBank.push({
image: '/static/images/hfpaylink_intro/pc_bank_hf_pay_step1.png',
text: '第一次打开支付链接进行下单,第一步用微信扫码页面弹出的二维码,确认您的身份',
id:0
});
slidesPcBank.push({
image: '/static/images/hfpaylink_intro/pc_bank_hf_pay_step2.png',
text: '下一步填写订单信息。注意订单金额货币单位是澳元AUD。请认真填写商品名称否则可能导致交易不成功。填写完成最后提交订单。',
id:1
});
slidesPcBank.push({
image: '/static/images/hfpaylink_intro/pc_bank_hf_pay_step3.png',
text: '提交订单后,页面跳转到对应银行,请填写相关信息完成支付。',
id:2
});
slidesPcBank.push({
image: '/static/images/hfpaylink_intro/hf_pay_end.png',
text: '完成支付,跳转到支付成功页面。',
id:4
id:3
});
};
var addSlideApp = function () {
slidesApp.push({
image: '/static/images/hfpaylink_intro/app_bank_hf_pay_step1.png',
text: '使用微信客户端填写订单信息。注意订单金额货币单位是澳元AUD。请认真填写商品名称否则可能导致交易不成功。填写完成最后提交订单。',
id:0
});
slidesApp.push({
image: '/static/images/hfpaylink_intro/app_bank_hf_pay_step2.png',
text: '提交订单后,页面跳转到汇付天下支付页面,请填写相关信息完成支付。',
id:1
});
};
$scope.toFirst = function () {
if(!$scope.first) {
$scope.toPcFirst = function () {
$scope.reset();
if(!$scope.pcfirst) {
return;
}
addSlide();
$scope.first = false;
addSlidePc();
$scope.pcfirst = false;
};
$scope.toShow = function () {
$scope.show = true;
$scope.toBankFirst = function () {
$scope.reset();
if(!$scope.bankfirst) {
return;
}
addSlidePcBank();
$scope.bankfirst = false;
};
$scope.toAppFirst = function () {
$scope.reset();
if(!$scope.appfirst) {
return;
}
addSlideApp();
$scope.appfirst = false;
};
$scope.toPcShow = function () {
$scope.pcshow = true;
};
$scope.toAppShow = function () {
$scope.appshow = true;
};
$scope.toBankShow = function () {
$scope.bankshow = true;
};
$scope.toHide = function () {
$scope.show = false
}
$scope.pcshow = false;
$scope.bankshow = false;
$scope.appshow = false;
};
$scope.reset = function () {
slidesPc = $scope.slidesPc = [];
slidesPcBank = $scope.slidesBank = [];
slidesApp = $scope.slidesApp = [];
$scope.myInterval = 2000;
$scope.pcfirst = true;
$scope.bankfirst = true;
$scope.appfirst = true;
$scope.active = 0;
$scope.pcshow = false;
$scope.appshow = false;
$scope.bankshow = false;
};
}]);
app.controller('clientPaymentMaterialCtrl', ['$scope', '$http', 'partner', function ($scope, $http, partner) {

@ -1,8 +1,8 @@
<style>
.pos{
position:absolute;
top:-395px;
left:120px;
top:30%;
left:30%;
height: 400px;
width:700px;
z-index: 10000;
@ -104,36 +104,78 @@
<div class="col-sm-10">
<a href={{partner.hf_pay_url}} target="_Blank">
<span class="form-control-static">{{partner.hf_pay_url}}
<!-- <span id="intro">
<a href=""><i id="carousel_id" class="glyphicon glyphicon-info-sign" ng-mouseover="toFirst();toShow()"></i></a>
<div class="pos" ng-show="show">
<i class="tocancle glyphicon glyphicon-remove" ng-click="toHide()"></i>
<uib-carousel active="active" interval="myInterval" no-wrap="false">
<uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
<img ng-src="{{slide.image}}" style="margin:auto;height: 400px;background-color: black">
<div class="carousel-caption" style="bottom: 10px;text-shadow: 0 0px 0px">
<p class="text-primary">{{slide.text}}</p>
</div>
</uib-slide>
</uib-carousel>
</div>
</span>-->
</span>
</a>
<i class="fa fa-clipboard margin-r-5" style="cursor: pointer" ng-click="clientCopyHfLink()"></i>
<input style="opacity: 0" id="c-cpbt" value={{partner.hf_pay_url}} readonly>
</div>
</div>
<div class="form-group">
<div class="form-group" style="display: flex">
<label class="col-sm-2 control-label">HF Pay QR Code</label>
<img ng-src="{{partner.hfQrcodeUrl}}" class="img-responsive" />
<div>
<span style="padding-left: 19.5%;font-size:9px;">仅支持微信客户端扫描</span>
<div style="text-align: center">
<img ng-src="{{partner.hfQrcodeUrl}}" class="img-responsive" />
<span style="font-size:9px;">仅支持微信客户端扫描</span>
</div>
<div style="padding-top: 30px;padding-left: 20%;text-align: center">
<img style="width: 220px;height: 150px;cursor: pointer" src="/static/images/hfpaylink_intro/pc_hf_pay_step1.png" class="img-responsive" ng-click="reset();toPcFirst();toPcShow()"/>
<span style="font-size:9px;">微信/支付宝电脑端</span>
<span >
<div class="pos" ng-show="pcshow">
<i class="tocancle glyphicon glyphicon-remove" ng-click="toHide()"></i>
<uib-carousel active=0 interval="myInterval" no-wrap="false">
<uib-slide ng-repeat="slide1 in slidesPc track by slide1.id" index="slide1.id">
<img ng-src="{{slide1.image}}" style="margin:auto;height: 400px;background-color: black">
<div class="carousel-caption" style="bottom: 10px;text-shadow: 0 0px 0px">
<p class="text-primary">{{slide1.text}}</p>
</div>
</uib-slide>
</uib-carousel>
</div>
</span>
</div>
<div style="padding-top: 30px;padding-left: 4%;text-align: center">
<img style="width: 220px;height: 150px;cursor: pointer" src="/static/images/hfpaylink_intro/pc_hf_pay_step1.png" class="img-responsive" ng-click="reset();toBankFirst();toBankShow()"/>
<span style="font-size:9px;">网银电脑端</span>
<span id="intro">
<div class="pos" ng-show="bankshow">
<i class="tocancle glyphicon glyphicon-remove" ng-click="toHide()"></i>
<uib-carousel active=0 interval="myInterval" no-wrap="false">
<uib-slide ng-repeat="slide2 in slidesBank track by slide2.id" index="slide2.id">
<img ng-src="{{slide2.image}}" style="margin:auto;height: 400px;background-color: black">
<div class="carousel-caption" style="bottom: 10px;text-shadow: 0 0px 0px">
<p class="text-primary">{{slide2.text}}</p>
</div>
</uib-slide>
</uib-carousel>
</div>
</span>
</div>
<div style="padding-top: 30px;padding-left: 4%;text-align: center">
<img style="width: 220px;height: 150px;cursor: pointer" src="/static/images/hfpaylink_intro/app_bank_hf_pay_step1.png" class="img-responsive" ng-click="reset();toAppFirst();toAppShow()"/>
<span style="font-size:9px;">手机端</span>
<span >
<div class="pos" ng-show="appshow">
<i class="tocancle glyphicon glyphicon-remove" ng-click="toHide()"></i>
<uib-carousel active=0 interval="myInterval" no-wrap="false">
<uib-slide ng-repeat="slide3 in slidesApp track by slide3.id" index="slide3.id">
<img ng-src="{{slide3.image}}" style="margin:auto;height: 400px;background-color: black">
<div class="carousel-caption" style="bottom: 10px;text-shadow: 0 0px 0px">
<p class="text-primary">{{slide3.text}}</p>
</div>
</uib-slide>
</uib-carousel>
</div>
</span>
</div>
</div>
</div>
</div>
</div>

Loading…
Cancel
Save