Skip to content

hrs_app_h5 / bill

Go to a project
Commit 04c84017 by cocomilk2012
Options

update

parent 15c6e9bb
Inline Side-by-side
Showing with 215 additions and 64 deletions
package-lock.json
......@@ -4769,7 +4769,7 @@
},
"fastclick": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/fastclick/-/fastclick-1.0.6.tgz",
"resolved": "https://registry.npm.taobao.org/fastclick/download/fastclick-1.0.6.tgz",
"integrity": "sha1-FhYlsnsaWAZAWTa9qaLBkm0Gvmo="
},
"faye-websocket": {
......
public/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>业务账单</title>
</head>
<body>
<style>
/* Absolute Center Spinner */
.loading {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: visible;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<div id="app">
<div class="loading">Loading&#8230;</div>
</div>
<!-- built files will be auto injected -->
</body>
</body>
</html>
\ No newline at end of file
src/router/index.js
......@@ -34,6 +34,7 @@ const router = new VueRouter({
})
function getAccessToken(authcode) {
console.log('getAccessToken');
return new Promise((resolve, reject) => {
let commonPms = GetCommonPms();
let url = `${oidc_config.authority}/connect/token?${commonPms}`;
......@@ -69,7 +70,7 @@ async function getToken(access_token, appid, redirectPath) {
};
let commonPms = GetCommonPms();
let url = `${oidc_config.authority}/connect/token?${commonPms}`;
console.log('url=', url);
console.log('pms=', JSON.stringify(pms));
await axios
.post(url, qs.stringify(pms))
.then(
......
src/views/Bill/index.vue
......@@ -7,17 +7,29 @@
<div class="header">
<div class="header_date_time">
<div class="choose-month">
<div class="arrow-l" :class="hideL?'hideDiv':''" @click="chooseMonth('left')">
<div
class="arrow-l"
:class="hideL ? 'hideDiv' : ''"
@click="chooseMonth('left')"
>
<img src="../../assets/images/triangle-arrow-l.png" alt />
</div>
<div class="month">{{period[currentPerIndex].name}}</div>
<div class="arrow-r" :class="hideR?'hideDiv':''" @click="chooseMonth('right')">
<div class="month">{{ period[currentPerIndex].name }}</div>
<div
class="arrow-r"
:class="hideR ? 'hideDiv' : ''"
@click="chooseMonth('right')"
>
<img src="../../assets/images/triangle-arrow-r.png" alt />
</div>
</div>
<div class="cycle">
<span>入账周期：</span>
<span>{{period[currentPerIndex].beginDate | periodMoment}}-{{period[currentPerIndex].endDate | periodMoment}}</span>
<span
>{{ period[currentPerIndex].beginDate | periodMoment }}-{{
period[currentPerIndex].endDate | periodMoment
}}</span
>
</div>
</div>
<div class="header_box">
......@@ -25,18 +37,21 @@
<div class="header_content">
<div class="fund">
<span>账户余额</span>
<i>{{data.balance|moneyNum}}</i>
<i>{{ data.balance | moneyNum }}</i>
</div>
<div class="paid">
<span>待付金额</span>
<i class="paid_color">{{data.waitPay|moneyNum}}</i>
<i class="paid_color">{{ data.waitPay | moneyNum }}</i>
</div>
</div>
<div class="header_info">
<div class="left" @click="toPay()">
<div class="left">
<a href="hrs100://native/SelectRechargeMode?periodId=${this.currentPerId}&fee=${this.data.waitPay}">
<img src="../../assets/images/icon01.png" alt />
<span>充值</span>
</a>
</div>
<div class="right" @click="toPage(2)">
<img src="../../assets/images/icon02.png" alt />
<span>资金记录</span>
......@@ -53,7 +68,7 @@
</div>
<p>
<span>托收金额</span>
<i>{{data.hosting.amount|moneyNum}}</i>
<i>{{ data.hosting.amount | moneyNum }}</i>
</p>
</div>
......@@ -66,11 +81,11 @@
</div>
<p>
<span>应付金额</span>
<i>{{data.socical.total|moneyNum}}</i>
<i>{{ data.socical.total | moneyNum }}</i>
</p>
<p>
<span>待付金额</span>
<i>{{data.socical.waitPay|moneyNum}}</i>
<i>{{ data.socical.waitPay | moneyNum }}</i>
</p>
</div>
<!--公积金代理 accumulation-->
......@@ -81,11 +96,11 @@
</div>
<p>
<span>应付金额</span>
<i>{{data.fund.total|moneyNum}}</i>
<i>{{ data.fund.total | moneyNum }}</i>
</p>
<p>
<span>待付金额</span>
<i>{{data.fund.waitPay|moneyNum}}</i>
<i>{{ data.fund.waitPay | moneyNum }}</i>
</p>
</div>
<!--个税代理 income-->
......@@ -96,11 +111,11 @@
</div>
<p>
<span>应付金额</span>
<i>{{data.tax.total|moneyNum}}</i>
<i>{{ data.tax.total | moneyNum }}</i>
</p>
<p>
<span>待付金额</span>
<i>{{data.tax.waitPay|moneyNum}}</i>
<i>{{ data.tax.waitPay | moneyNum }}</i>
</p>
</div>
<!--服务费 service-->
......@@ -111,11 +126,11 @@
</div>
<p>
<span>应付金额</span>
<i>{{data.service.total|moneyNum}}</i>
<i>{{ data.service.total | moneyNum }}</i>
</p>
<p>
<span>待付金额</span>
<i>{{data.service.waitPay|moneyNum}}</i>
<i>{{ data.service.waitPay | moneyNum }}</i>
</p>
</div>
<!--会员年费 vip-->
......@@ -126,11 +141,11 @@
</div>
<p>
<span>应付金额</span>
<i>{{data.annual.total|moneyNum}}</i>
<i>{{ data.annual.total | moneyNum }}</i>
</p>
<p>
<span>待付金额</span>
<i>{{data.annual.waitPay|moneyNum}}</i>
<i>{{ data.annual.waitPay | moneyNum }}</i>
</p>
</div>
<!--其他事务办理 general-->
......@@ -141,11 +156,11 @@
</div>
<p>
<span>应付金额</span>
<i>{{data.other.total|moneyNum}}</i>
<i>{{ data.other.total | moneyNum }}</i>
</p>
<p>
<span>待付金额</span>
<i>{{data.other.waitPay|moneyNum}}</i>
<i>{{ data.other.waitPay | moneyNum }}</i>
</p>
</div>
</div>
......@@ -234,41 +249,42 @@ export default {
"loadPayUrl"
]),
toPay() {
this.$bridge
.setPageNavState({
headerColor: "#fff",
isShowClose: true,
isShowBack: true,
isCloseLeft: true,
isShowTitle: true,
isShowNav: true,
isCloseWebView: false
})
.then(res => {
console.log("setPageNavState in bill index");
});
// this.$bridge
// .setPageNavState({
// headerColor: "#fff",
// isShowClose: true,
// isShowBack: true,
// isCloseLeft: true,
// isShowTitle: true,
// isShowNav: true,
// isCloseWebView: false
// })
// .then(res => {
// console.log("setPageNavState in bill index");
// });
this.$bridge
.setBarColor({
barColor: "#ffffff"
})
.then(res => {});
// this.$bridge
// .setBarColor({
// barColor: "#ffffff"
// })
// .then(res => {});
const failUrl = encodeURIComponent(
"https://pay.qinqinxiaobao.com/callback/fail"
);
const successUrl = encodeURIComponent(
"https://pay.qinqinxiaobao.com/callback/success"
);
const payMethod = 0;
const payType = 4;
const selected = 0;
const fee = this.data.waitPay;
let payUrl = `${this.payUrl}&accountId=${this.currentPerId}&payMethod=${payMethod}&payType=${payType}&fee=${fee}&selected=0&failUrl=${failUrl}&successUrl=${successUrl}`;
window.onpageshow=null;
window.onpageshow=function(event){
location.reload();
}
// const failUrl = encodeURIComponent(
// "https://pay.qinqinxiaobao.com/callback/fail"
// );
// const successUrl = encodeURIComponent(
// "https://pay.qinqinxiaobao.com/callback/success"
// );
// const payMethod = 0;
// const payType = 4;
// const selected = 0;
// const fee = this.data.waitPay;
// let payUrl = `${this.payUrl}&accountId=${this.currentPerId}&payMethod=${payMethod}&payType=${payType}&fee=${fee}&selected=0&failUrl=${failUrl}&successUrl=${successUrl}`;
// window.onpageshow=null;
// window.onpageshow=function(event){
// location.reload();
// }
let payUrl = `hrs100://native/SelectRechargeMode?periodId=${this.currentPerId}&fee=${this.data.waitPay}`;
window.location.href = payUrl;
},
toPage(flag) {
......@@ -447,7 +463,7 @@ export default {
setBarHeightLowBee() {
setTimeout(() => {
const barHeight = localStorage.getItem("barHeight");
console.log('barHeight=',barHeight);
console.log("barHeight=", barHeight);
const conHeight = 46 + parseInt(barHeight);
const dom = document.getElementsByClassName("iosStyle")[0];
if (dom) {
......@@ -514,11 +530,10 @@ export default {
this.setBarHeightLowBee();
this.globalNavLeftArrowClick(this.navLeftArrowClick);
await this.loadPeriodData();
},
async created() {
this.payUrl = localStorage.getItem("payUrl");
console.log('this.payUrl=',this.payUrl);
console.log("this.payUrl=", this.payUrl);
if (!this.payUrl) {
this.payUrl = await this.loadPayUrl();
localStorage.setItem("payUrl", this.payUrl);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment