q792602257/qlg.frontend
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

展示商户收款详情

Browse Source
This commit is contained in:
Jerry Yan 2020-08-29 23:21:00 +08:00
parent 89ff2bd661
commit c248086a77
7 changed files with 261 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
css/pay.css
View File

@ -19,7 +19,8 @@
background: white; background: white;
margin-bottom: 52px; margin-bottom: 52px;
min-height: 400px; min-height: 400px;
/* height: 90%; */ max-height: 90vh;
flex-direction: column;
} }
.pay{ .pay{
/*transform: translateY(380px);*/ /*transform: translateY(380px);*/
@ -49,10 +50,16 @@
} }
.paynum { .paynum {
font-size: 18px; font-size: 1.4rem;
text-align: center; text-align: center;
color: black; color: black;
padding: 20px 0; padding: 15px 0;
font-weight: bold;
}
.paynum o {
font-size: 2rem;
font-weight: bolder;
} }
.con_1 { .con_1 {
@ -104,7 +111,6 @@
#qlg_pay_pwd .con_2 .prod .info{ #qlg_pay_pwd .con_2 .prod .info{
padding: 5px; padding: 5px;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
margin: 0px; margin: 0px;
} }
@ -113,12 +119,13 @@
padding: 0px; padding: 0px;
margin: 0px 0px; margin: 0px 0px;
text-align: left; text-align: left;
width: 4em;
} }
#qlg_pay_pwd .con_2 .prod .info .p1 span{ #qlg_pay_pwd .con_2 .prod .info .p1 span{
/* margin-left: 10px; */ /* margin-left: 10px; */
} }
#qlg_pay_pwd .con_2 .shadown_wai input{ #qlg_pay_pwd .con_2 .shadown_wai input{
width: 40%; width: 36%;
min-width: 65px; min-width: 65px;
padding: 0px; padding: 0px;
margin: 5px 20px; margin: 5px 20px;
@ -142,21 +149,23 @@
#pay_pwd,#qlg_pay_pwd .con_1 { #pay_pwd,#qlg_pay_pwd .con_1 {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
padding:10px 0px; padding: 0px;
text-align: center; text-align: center;
position: relative; position: relative;
} }
#pay_pwd,#qlg_pay_pwd .con_2{ #pay_pwd,#qlg_pay_pwd .con_2{
padding:0; padding:0;
margin: 0; margin: 0;
overflow-y: auto;
/* position: relative; */ /* position: relative; */
z-index: 1003;
} }
#pay_pwd,#qlg_pay_pwd .con_2 p{ #pay_pwd,#qlg_pay_pwd .con_2 p{
font-size: 16px; font-size: 16px;
} }
#pay_pwd,#qlg_pay_pwd .con_1 input{ #pay_pwd,#qlg_pay_pwd .con_1 input{
margin: 14px 5%; margin: 8px 5%;
width: 70%; width: 70%;
height: 30px; height: 30px;
} }
@ -167,12 +176,12 @@
#pay_pwd,#qlg_pay_pwd .con_1 .p9{ #pay_pwd,#qlg_pay_pwd .con_1 .p9{
/* margin: 30px 5%; */ /* margin: 30px 5%; */
/* width: 90%; */ /* width: 90%; */
position: absolute; /* position: absolute; */
/* padding:10px; */ /* padding:10px; */
left:18%; /* left:18%; */
/* right: 5%; */ /* right: 5%; */
top:62px; /* top:62px; */
font-size: 16px /* font-size: 16px */
} }
/* #pay_pwd,#qlg_pay_pwd .con_2 .p1{ /* #pay_pwd,#qlg_pay_pwd .con_2 .p1{
@ -199,3 +208,60 @@
height: 49px; height: 49px;
border-top: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;
} }
#qlg_pay_pwd .con_2 .prod .p1 span:first-child {
margin-right: 5px;
font-size: 0.9em;
}
#qlg_pay_pwd .con_2 .prod .productInfo .productInfo_ {
flex-direction: column;
align-items: end;
padding: 0;
width: 7.5rem;
}
#qlg_pay_pwd .con_2 .prod .productInfo .productInfo_ .p1 {
width: 100%;
align-items: end;
justify-content: space-between;
display: flex;
}
#qlg_pay_pwd .con_2 .prod .couponsInfo .couponsInfo_ {
flex-direction: column;
align-items: end;
padding: 0;
width: 7.5rem;
}
#qlg_pay_pwd .con_2 .prod .couponsInfo .couponsInfo_ .p1 {
width: 100%;
align-items: end;
justify-content: space-between;
display: flex;
}
.receiveInfo {
display: flex;
justify-content: space-between;
}
.receiveInfo ._right {
width: 60vw;
}
._alipay,
._wechat {
height: 150px;
width: 50vw;
}
._alipay > img,
._wechat > img {
max-height: 100%;
max-width: 100%;
margin: 0 auto;
display: block;
}

4
js/common.js
View File

@ -1,8 +1,8 @@
var is_app = 1; var is_app = 1;
// var imgUrl = 'http://img.zgqlg.com.cn/'; var imgUrl = 'http://img.zgqlg.com.cn/';
// var webUrl = 'http://www.zgqlg.com.cn/'; // var webUrl = 'http://www.zgqlg.com.cn/';
// var webUrl1 = 'http://www.zgqlg.com.cn/'; // var webUrl1 = 'http://www.zgqlg.com.cn/';
var imgUrl = 'http://qlg.qgmzbxs.com/'; // var imgUrl = 'http://qlg.qgmzbxs.com/';
var webUrl = 'http://qlg.qgmzbxs.com/'; var webUrl = 'http://qlg.qgmzbxs.com/';
var webUrl1 = 'http://qlg.qgmzbxs.com/'; var webUrl1 = 'http://qlg.qgmzbxs.com/';
var cssUrl = localStorage.getItem("cssUrl"); var cssUrl = localStorage.getItem("cssUrl");

43
js/confirmOrder.js
View File

@ -3,6 +3,17 @@ var wxChannel = null; // 微信支付
var aliChannel = null; // 支付宝支付 var aliChannel = null; // 支付宝支付
var channel = null; //支付通道 var channel = null; //支付通道
mui.init(); mui.init();
function copyToClip (text) {
var Context = plus.android.importClass("android.content.Context");
var main = plus.android.runtimeMainActivity();
var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
plus.android.invoke(clip,"setText",text.toString());
mui.toast("复制成功");
}
let payPics = [];
mui.plusReady(function() { mui.plusReady(function() {
var self = plus.webview.currentWebview(); var self = plus.webview.currentWebview();
from_id = self.from?self.from:1 from_id = self.from?self.from:1
@ -49,6 +60,9 @@ mui.plusReady(function() {
} }
}); });
}); });
$("#shopRecieveInfo")
.on('click', '.copy_name', function(){copyToClip($("#shopRecieveInfo > ._name").text())})
.on('click', '.copy_card', function(){copyToClip($("#shopRecieveInfo > ._card").text())});
$('.con').on('tap', '.address', function() { $('.con').on('tap', '.address', function() {
var addressId = $(this).attr('data-addressId'); var addressId = $(this).attr('data-addressId');
@ -158,6 +172,18 @@ mui.plusReady(function() {
var couponIds = []; var couponIds = [];
var areaId2 = ''; var areaId2 = '';
// //console.log(type) // //console.log(type)
$("#shopRecieveInfo")
.on('click', '.copy_name', function(){copyToClip($("#shopRecieveInfo > ._name").text())})
.on('click', '.copy_card', function(){copyToClip($("#shopRecieveInfo > ._card").text())})
.on('click', 'img', function(){
var index = $(this).parent().index();
if (payPics.length < index) return;
plus.nativeUI.previewImage(payPics, {
current: index,
loop: true,
indicator: 'number'
});
});
mui.ajax(qlgUrl('app/carts/settlement'), { mui.ajax(qlgUrl('app/carts/settlement'), {
data: { data: {
@ -607,13 +633,28 @@ mui.plusReady(function() {
// //console.log(JSON.stringify(data)) // //console.log(JSON.stringify(data))
if (data.status == 1) { if (data.status == 1) {
$('.pay').css('display', 'none'); $('.pay').css('display', 'none');
$('#qlg_pay_pwd').css('display', 'block'); $('#qlg_pay_pwd').css('display', 'flex');
if (data.data.payPwd == '0') { if (data.data.payPwd == '0') {
mui.alert('还未设置支付密码请先设置操作密码!'); mui.alert('还未设置支付密码请先设置操作密码!');
var url = 'setting_fogetPayPwd'; var url = 'setting_fogetPayPwd';
JZL.openWindow(url + '.html', url + '.html'); JZL.openWindow(url + '.html', url + '.html');
//return; //return;
} }
if (!$.isEmptyObject(data.data.shopPaymentInfo)) {
payPics = [
hyhImgUrl(data.data.shopPaymentInfo.alipayRecive),
hyhImgUrl(data.data.shopPaymentInfo.wechatRecive),
];
$("#shopRecieveInfo").show()
.find("._shortBankName").text(data.data.shopPaymentInfo.bankName).end()
.find("._card").text(data.data.shopPaymentInfo.bankNo).end()
.find("._name").text(data.data.shopPaymentInfo.realname).end()
.find("._alipay > img").attr("src", hyhImgUrl(data.data.shopPaymentInfo.alipayRecive)).end()
.find("._wechat > img").attr("src", hyhImgUrl(data.data.shopPaymentInfo.wechatRecive)).end();
} else {
payPics = [];
$("#shopRecieveInfo").hide();
}
$('#totalMoney').html('付款总额：￥<o>' + data.data.needPay + '</o>'); $('#totalMoney').html('付款总额：￥<o>' + data.data.needPay + '</o>');
$('#productNum').val(data.data.product.useProduct); $('#productNum').val(data.data.product.useProduct);
if (data.data.product.useProduct > 0) { if (data.data.product.useProduct > 0) {

50
js/indentcon.js
View File

@ -34,12 +34,29 @@ mui.init({
}); });
var count = 1; var count = 1;
setInterval(function() {
var pr = mui('#pullrefresh').pullRefresh();
if ($("#qlg_pay_pwd").is(":visible")) {
if (!pr.stopped) mui('#pullrefresh').pullRefresh().setStopped(!pr.stopped);
} else {
if (pr.stopped) mui('#pullrefresh').pullRefresh().setStopped(!pr.stopped);
}
}, 1000)
function pullupRefresh() { function pullupRefresh() {
count += 1; count += 1;
getData(count); getData(count);
mui('#pullrefresh').pullRefresh().endPullupToRefresh(); mui('#pullrefresh').pullRefresh().endPullupToRefresh();
} }
function copyToClip (text) {
var Context = plus.android.importClass("android.content.Context");
var main = plus.android.runtimeMainActivity();
var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
plus.android.invoke(clip,"setText",text.toString());
mui.toast("复制成功");
}
/** /**
* 下拉刷新具体业务实现 * 下拉刷新具体业务实现
*/ */
@ -131,6 +148,9 @@ function getData(page) {
isLoad = false; isLoad = false;
}) })
} }
let payPics = [];
mui.plusReady(function() { mui.plusReady(function() {
// window.addEventListener('refresh', function(e) { //执行刷新 // window.addEventListener('refresh', function(e) { //执行刷新
@ -141,7 +161,18 @@ mui.plusReady(function() {
order_class = ''; order_class = '';
} }
getData(count); getData(count);
$("#shopRecieveInfo")
.on('click', '.copy_name', function(){copyToClip($("#shopRecieveInfo > ._name").text())})
.on('click', '.copy_card', function(){copyToClip($("#shopRecieveInfo > ._card").text())})
.on('click', 'img', function(){
var index = $(this).parent().index();
if (payPics.length < index) return;
plus.nativeUI.previewImage(payPics, {
current: index,
loop: true,
indicator: 'number'
});
});
//支付插件 //支付插件
plus.payment.getChannels(function(channels) { plus.payment.getChannels(function(channels) {
for (var i in channels) { for (var i in channels) {
@ -373,13 +404,28 @@ mui.plusReady(function() {
// //console.log(JSON.stringify(data)) // //console.log(JSON.stringify(data))
if (data.status == 1) { if (data.status == 1) {
$('.pay').css('display', 'none'); $('.pay').css('display', 'none');
$('#qlg_pay_pwd').css('display', 'block'); $('#qlg_pay_pwd').css('display', 'flex');
if (data.data.payPwd == '0') { if (data.data.payPwd == '0') {
mui.alert('还未设置支付密码请先设置操作密码!'); mui.alert('还未设置支付密码请先设置操作密码!');
var url = 'setting_fogetPayPwd'; var url = 'setting_fogetPayPwd';
JZL.openWindow(url + '.html', url + '.html'); JZL.openWindow(url + '.html', url + '.html');
//return; //return;
} }
if (!$.isEmptyObject(data.data.shopPaymentInfo)) {
payPics = [
hyhImgUrl(data.data.shopPaymentInfo.alipayRecive),
hyhImgUrl(data.data.shopPaymentInfo.wechatRecive),
];
$("#shopRecieveInfo").show()
.find("._shortBankName").text(data.data.shopPaymentInfo.bankName).end()
.find("._card").text(data.data.shopPaymentInfo.bankNo).end()
.find("._name").text(data.data.shopPaymentInfo.realname).end()
.find("._alipay > img").attr("src", hyhImgUrl(data.data.shopPaymentInfo.alipayRecive)).end()
.find("._wechat > img").attr("src", hyhImgUrl(data.data.shopPaymentInfo.wechatRecive)).end();
} else {
payPics = [];
$("#shopRecieveInfo").hide();
}
$('#totalMoney').html('付款总额：￥<o>' + data.data.needPay + '</o>'); $('#totalMoney').html('付款总额：￥<o>' + data.data.needPay + '</o>');
$('#productNum').val(data.data.product.useProduct); $('#productNum').val(data.data.product.useProduct);
if (data.data.product.useProduct > 0) { if (data.data.product.useProduct > 0) {

2
js/shundaijian.js
View File

@ -158,7 +158,7 @@ const app = new Vue({
Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2))); Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
s = s *6378.137 ;// EARTH_RADIUS; s = s *6378.137 ;// EARTH_RADIUS;
if (s < 1.5) { if (s < 1.5) {
return `${s * 1000}m`; return `${(s * 1000).toFixed(2)}m`;
} }
if (s > 50) { if (s > 50) {
return `>50km`; return `>50km`;

75
templete/confirmOrder.html
View File

@ -180,36 +180,59 @@
<a class="mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
<p>收银台</p> <p>收银台</p>
</div> </div>
<div id="shopRecieveInfo" class="shadown_wai" style="display: none;">
<div class="receiveInfo">
<span class="_left">收款人名：</span>
<span class="_right _name">一个人民</span>
<span class="copy_name">复制</span>
</div>
<div class="receiveInfo">
<span class="_left"><span class="_shortBankName">一个银行</span>：</span>
<span class="_right _card">一个账号</span>
<span class="copy_card">复制</span>
</div>
<div class="receiveInfo">
<div class="_left _alipay">
<img src="" alt="支付宝二维码">
</div>
<div class="_left _wechat">
<img src="" alt="微信二维码">
</div>
</div>
</div>
<div class="paynum" id="totalMoney"></div> <div class="paynum" id="totalMoney"></div>
<div class="con_2"> <div class="con_2">
<div class=" prod product shadown_wai"> <div class=" prod product shadown_wai">
<div class="info productInfo"> <div class="info productInfo">
<p id="" class="p1">产品券</p><input type="text" id="productNum" value="" readonly="readonly" /> <p id="" class="p1">产品券</p><input type="text" id="productNum" value="" readonly="readonly" />
</div> <div class="info productInfo_">
<div class="info productInfo_"> <!-- <p id="" class="p1">抵扣额</p>
<!-- <p id="" class="p1">抵扣额</p> <p id="" class="p1">扣税</p>
<p id="" class="p1">扣税</p> <p id="" class="p1">手续费</p> -->
<p id="" class="p1">手续费</p> --> </div>
</div> </div>
</div> </div>
<div class="prod coupons shadown_wai"> <div class="prod coupons shadown_wai">
<div class="info couponsInfo"><p id="" class="p1">优惠券</p><input type="text" id="couponsNum" value="" readonly="readonly" /></div> <div class="info couponsInfo">
<div class="info couponsInfo_"> <p id="" class="p1">优惠券</p>
<!-- <p id="" class="p1"><span>抵扣额</span> <span>33.33</span> </p> <input type="text" id="couponsNum" value="" readonly="readonly" />
<p id="" class="p1"><span>扣税</span> <span>33.33</span></p> <div class="info couponsInfo_">
<p id="" class="p1"><span>手续费</span> <span>33.33</span></p> --> <!-- <p id="" class="p1"><span>抵扣额</span> <span>33.33</span> </p>
</div> <p id="" class="p1"><span>扣税</span> <span>33.33</span></p>
</div> <p id="" class="p1"><span>手续费</span> <span>33.33</span></p> -->
<div class="prod wang shadown_wai"> </div>
<div class="info wangInfo"><p id="" class="p1">旺旺券</p><input type="text" id="wangNum" value="" readonly="readonly" /></div> </div>
</div>
<div class="prod wang shadown_wai">
<div class="info wangInfo"><p id="" class="p1">旺旺券</p><input type="text" id="wangNum" value="" readonly="readonly" /></div>
</div> </div>
<div class="prod money shadown_wai"> <div class="prod money shadown_wai">
<div class="info moneyInfo"><p id="" class="p1">现金额</p><input type="text" id="moneyNum" value="" readonly="readonly" /> <div class="info moneyInfo"><p id="" class="p1">现金额</p><input type="text" id="moneyNum" value="" readonly="readonly" />
</div> </div>
</div> </div>
<!-- <div class="shadown_wai"> <!-- <div class="shadown_wai">
<p id="productInfo" class="p1">产品券</p> <p id="productInfo" class="p1">产品券</p>
@ -302,7 +325,7 @@
element.onload = function() { element.onload = function() {
var style = [JZL.getCssUrl('confirmOrder.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("sha.css"), JZL.getCssUrl( var style = [JZL.getCssUrl('confirmOrder.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("sha.css"), JZL.getCssUrl(
"header.css"), JZL.getCssUrl("pay.css"), JZL.getCssUrl("order_con.css"), JZL.getCssUrl("indentcon.css")]; "header.css"), JZL.getCssUrl("order_con.css"), JZL.getCssUrl("indentcon.css"), JZL.getCssUrl("pay.css")];
JZL.css_init(style); JZL.css_init(style);
var script = [JZL.getJsUrl('common.js'), JZL.getJsUrl('confirmOrder.js')]; var script = [JZL.getJsUrl('common.js'), JZL.getJsUrl('confirmOrder.js')];
JZL.js_init(script); JZL.js_init(script);

57
templete/indentcon.html
View File

@ -17,7 +17,7 @@
</div>--> </div>-->
<!-- <div class="mui-scroll-wrapper scroll_out_tb"> --> <!-- <div class="mui-scroll-wrapper scroll_out_tb"> -->
<!-- <div class="mui-scroll"> --> <!-- <div class="mui-scroll"> -->
<div id="pullrefresh"> <div id="pullrefresh" style="display: none;">
</div> </div>
<div class="top"></div> <div class="top"></div>
<div class="con"> <div class="con">
@ -155,30 +155,53 @@
<button class="pay_btn_pwd">确认支付</button> <button class="pay_btn_pwd">确认支付</button>
</div> </div>
</div> </div>
<div class="pay_way" style="display: none;" id="qlg_pay_pwd" style="height:600px"> <div class="pay_way" style="display: none;" id="qlg_pay_pwd">
<div class="pay_title"> <div class="pay_title">
<a class="mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
<p>收银台</p> <p>收银台</p>
</div> </div>
<div id="shopRecieveInfo" class="shadown_wai" style="display: none;">
<div class="receiveInfo" style="line-height: 1.4rem;font-size: 1.2rem;">
<span class="_left">收款人名：</span>
<span class="_right _name copy_name">一个人民</span>
<span class="copy_name">复制</span>
</div>
<div class="receiveInfo" style="line-height: 1.4rem;font-size: 1.2rem;">
<span class="_left _shortBankName">一个银行：</span>
<span class="_right _card copy_card">一个账号</span>
<span class="copy_card">复制</span>
</div>
<div class="receiveInfo">
<div class="_left _alipay">
<img src="" alt="支付宝二维码">
</div>
<div class="_left _wechat">
<img src="" alt="微信二维码">
</div>
</div>
</div>
<div class="paynum" id="totalMoney"></div> <div class="paynum" id="totalMoney"></div>
<div class="con_2"> <div class="con_2">
<div class=" prod product shadown_wai"> <div class=" prod product shadown_wai">
<div class="info productInfo"> <div class="info productInfo">
<p id="" class="p1">产品券</p><input type="text" id="productNum" value="" readonly="readonly" /> <p id="" class="p1">产品券</p><input type="text" id="productNum" value="" readonly="readonly" />
<div class="info productInfo_">
<!-- <p id="" class="p1">抵扣额</p>
<p id="" class="p1">扣税</p>
<p id="" class="p1">手续费</p> -->
</div>
</div> </div>
<div class="info productInfo_">
<!-- <p id="" class="p1">抵扣额</p>
<p id="" class="p1">扣税</p>
<p id="" class="p1">手续费</p> -->
</div>
</div> </div>
<div class="prod coupons shadown_wai"> <div class="prod coupons shadown_wai">
<div class="info couponsInfo"><p id="" class="p1">优惠券</p><input type="text" id="couponsNum" value="" readonly="readonly" /></div> <div class="info couponsInfo">
<div class="info couponsInfo_"> <p id="" class="p1">优惠券</p>
<!-- <p id="" class="p1"><span>抵扣额</span> <span>33.33</span> </p> <input type="text" id="couponsNum" value="" readonly="readonly" />
<p id="" class="p1"><span>扣税</span> <span>33.33</span></p> <div class="info couponsInfo_">
<p id="" class="p1"><span>手续费</span> <span>33.33</span></p> --> <!-- <p id="" class="p1"><span>抵扣额</span> <span>33.33</span> </p>
<p id="" class="p1"><span>扣税</span> <span>33.33</span></p>
<p id="" class="p1"><span>手续费</span> <span>33.33</span></p> -->
</div>
</div> </div>
</div> </div>
<div class="prod wang shadown_wai"> <div class="prod wang shadown_wai">
@ -216,16 +239,6 @@
</div> </div>
<!-- <button class="pay_btn_pwd">确定并去上传凭证</button> --> <!-- <button class="pay_btn_pwd">确定并去上传凭证</button> -->
</div> </div>
<div class="pay_way" style="display: none;" id="pay_pwd" style="height:600px">
<div class="pay_title">
<a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
<p>收银台</p>
</div>
<div class="con_1">
<input type="password" name="payPwd" id="payPwd" value="" />
<p class="p9">忘记操作密码？</p>
</div>
<button class="pay_btn_pwd">确认支付</button>
</div> </div>
</div> </div>
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>