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 @@ ...@@ -4769,7 +4769,7 @@
}, },
"fastclick": { "fastclick": {
"version": "1.0.6", "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=" "integrity": "sha1-FhYlsnsaWAZAWTa9qaLBkm0Gvmo="
}, },
"faye-websocket": { "faye-websocket": {
......
public/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" <meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover"> 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"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>业务账单</title> <title>业务账单</title>
</head> <style>
<body> /* 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> <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> </noscript>
<div id="app"></div> <div id="app">
<div class="loading">Loading&#8230;</div>
</div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
</html> </html>
\ No newline at end of file
src/router/index.js
...@@ -34,6 +34,7 @@ const router = new VueRouter({ ...@@ -34,6 +34,7 @@ const router = new VueRouter({
}) })
function getAccessToken(authcode) { function getAccessToken(authcode) {
console.log('getAccessToken');
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let commonPms = GetCommonPms(); let commonPms = GetCommonPms();
let url = `${oidc_config.authority}/connect/token?${commonPms}`; let url = `${oidc_config.authority}/connect/token?${commonPms}`;
...@@ -69,7 +70,7 @@ async function getToken(access_token, appid, redirectPath) { ...@@ -69,7 +70,7 @@ async function getToken(access_token, appid, redirectPath) {
}; };
let commonPms = GetCommonPms(); let commonPms = GetCommonPms();
let url = `${oidc_config.authority}/connect/token?${commonPms}`; let url = `${oidc_config.authority}/connect/token?${commonPms}`;
console.log('url=', url); console.log('pms=', JSON.stringify(pms));
await axios await axios
.post(url, qs.stringify(pms)) .post(url, qs.stringify(pms))
.then( .then(
......
src/views/Bill/index.vue
...@@ -7,17 +7,29 @@ ...@@ -7,17 +7,29 @@
<div class="header"> <div class="header">
<div class="header_date_time"> <div class="header_date_time">
<div class="choose-month"> <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 /> <img src="../../assets/images/triangle-arrow-l.png" alt />
</div> </div>
<div class="month">{{period[currentPerIndex].name}}</div> <div class="month">{{ period[currentPerIndex].name }}</div>
<div class="arrow-r" :class="hideR?'hideDiv':''" @click="chooseMonth('right')"> <div
class="arrow-r"
:class="hideR ? 'hideDiv' : ''"
@click="chooseMonth('right')"
>
<img src="../../assets/images/triangle-arrow-r.png" alt /> <img src="../../assets/images/triangle-arrow-r.png" alt />
</div> </div>
</div> </div>
<div class="cycle"> <div class="cycle">
<span>入账周期：</span> <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> </div>
<div class="header_box"> <div class="header_box">
...@@ -25,18 +37,21 @@ ...@@ -25,18 +37,21 @@
<div class="header_content"> <div class="header_content">
<div class="fund"> <div class="fund">
<span>账户余额</span> <span>账户余额</span>
<i>{{data.balance|moneyNum}}</i> <i>{{ data.balance | moneyNum }}</i>
</div> </div>
<div class="paid"> <div class="paid">
<span>待付金额</span> <span>待付金额</span>
<i class="paid_color">{{data.waitPay|moneyNum}}</i> <i class="paid_color">{{ data.waitPay | moneyNum }}</i>
</div> </div>
</div> </div>
<div class="header_info"> <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 /> <img src="../../assets/images/icon01.png" alt />
<span>充值</span> <span>充值</span>
</a>
</div> </div>
<div class="right" @click="toPage(2)"> <div class="right" @click="toPage(2)">
<img src="../../assets/images/icon02.png" alt /> <img src="../../assets/images/icon02.png" alt />
<span>资金记录</span> <span>资金记录</span>
...@@ -53,7 +68,7 @@ ...@@ -53,7 +68,7 @@
</div> </div>
<p> <p>
<span>托收金额</span> <span>托收金额</span>
<i>{{data.hosting.amount|moneyNum}}</i> <i>{{ data.hosting.amount | moneyNum }}</i>
</p> </p>
</div> </div>
...@@ -66,11 +81,11 @@ ...@@ -66,11 +81,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{data.socical.total|moneyNum}}</i> <i>{{ data.socical.total | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.socical.waitPay|moneyNum}}</i> <i>{{ data.socical.waitPay | moneyNum }}</i>
</p> </p>
</div> </div>
<!--公积金代理 accumulation--> <!--公积金代理 accumulation-->
...@@ -81,11 +96,11 @@ ...@@ -81,11 +96,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{data.fund.total|moneyNum}}</i> <i>{{ data.fund.total | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.fund.waitPay|moneyNum}}</i> <i>{{ data.fund.waitPay | moneyNum }}</i>
</p> </p>
</div> </div>
<!--个税代理 income--> <!--个税代理 income-->
...@@ -96,11 +111,11 @@ ...@@ -96,11 +111,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{data.tax.total|moneyNum}}</i> <i>{{ data.tax.total | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.tax.waitPay|moneyNum}}</i> <i>{{ data.tax.waitPay | moneyNum }}</i>
</p> </p>
</div> </div>
<!--服务费 service--> <!--服务费 service-->
...@@ -111,11 +126,11 @@ ...@@ -111,11 +126,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{data.service.total|moneyNum}}</i> <i>{{ data.service.total | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.service.waitPay|moneyNum}}</i> <i>{{ data.service.waitPay | moneyNum }}</i>
</p> </p>
</div> </div>
<!--会员年费 vip--> <!--会员年费 vip-->
...@@ -126,11 +141,11 @@ ...@@ -126,11 +141,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{data.annual.total|moneyNum}}</i> <i>{{ data.annual.total | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.annual.waitPay|moneyNum}}</i> <i>{{ data.annual.waitPay | moneyNum }}</i>
</p> </p>
</div> </div>
<!--其他事务办理 general--> <!--其他事务办理 general-->
...@@ -141,11 +156,11 @@ ...@@ -141,11 +156,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>{{data.other.total|moneyNum}}</i> <i>{{ data.other.total | moneyNum }}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.other.waitPay|moneyNum}}</i> <i>{{ data.other.waitPay | moneyNum }}</i>
</p> </p>
</div> </div>
</div> </div>
...@@ -234,41 +249,42 @@ export default { ...@@ -234,41 +249,42 @@ export default {
"loadPayUrl" "loadPayUrl"
]), ]),
toPay() { toPay() {
this.$bridge // this.$bridge
.setPageNavState({ // .setPageNavState({
headerColor: "#fff", // headerColor: "#fff",
isShowClose: true, // isShowClose: true,
isShowBack: true, // isShowBack: true,
isCloseLeft: true, // isCloseLeft: true,
isShowTitle: true, // isShowTitle: true,
isShowNav: true, // isShowNav: true,
isCloseWebView: false // isCloseWebView: false
}) // })
.then(res => { // .then(res => {
console.log("setPageNavState in bill index"); // console.log("setPageNavState in bill index");
}); // });
this.$bridge // this.$bridge
.setBarColor({ // .setBarColor({
barColor: "#ffffff" // barColor: "#ffffff"
}) // })
.then(res => {}); // .then(res => {});
const failUrl = encodeURIComponent( // const failUrl = encodeURIComponent(
"https://pay.qinqinxiaobao.com/callback/fail" // "https://pay.qinqinxiaobao.com/callback/fail"
); // );
const successUrl = encodeURIComponent( // const successUrl = encodeURIComponent(
"https://pay.qinqinxiaobao.com/callback/success" // "https://pay.qinqinxiaobao.com/callback/success"
); // );
const payMethod = 0; // const payMethod = 0;
const payType = 4; // const payType = 4;
const selected = 0; // const selected = 0;
const fee = this.data.waitPay; // const fee = this.data.waitPay;
let payUrl = `${this.payUrl}&accountId=${this.currentPerId}&payMethod=${payMethod}&payType=${payType}&fee=${fee}&selected=0&failUrl=${failUrl}&successUrl=${successUrl}`; // let payUrl = `${this.payUrl}&accountId=${this.currentPerId}&payMethod=${payMethod}&payType=${payType}&fee=${fee}&selected=0&failUrl=${failUrl}&successUrl=${successUrl}`;
window.onpageshow=null; // window.onpageshow=null;
window.onpageshow=function(event){ // window.onpageshow=function(event){
location.reload(); // location.reload();
} // }
let payUrl = `hrs100://native/SelectRechargeMode?periodId=${this.currentPerId}&fee=${this.data.waitPay}`;
window.location.href = payUrl; window.location.href = payUrl;
}, },
toPage(flag) { toPage(flag) {
...@@ -447,7 +463,7 @@ export default { ...@@ -447,7 +463,7 @@ export default {
setBarHeightLowBee() { setBarHeightLowBee() {
setTimeout(() => { setTimeout(() => {
const barHeight = localStorage.getItem("barHeight"); const barHeight = localStorage.getItem("barHeight");
console.log('barHeight=',barHeight); console.log("barHeight=", barHeight);
const conHeight = 46 + parseInt(barHeight); const conHeight = 46 + parseInt(barHeight);
const dom = document.getElementsByClassName("iosStyle")[0]; const dom = document.getElementsByClassName("iosStyle")[0];
if (dom) { if (dom) {
...@@ -514,11 +530,10 @@ export default { ...@@ -514,11 +530,10 @@ export default {
this.setBarHeightLowBee(); this.setBarHeightLowBee();
this.globalNavLeftArrowClick(this.navLeftArrowClick); this.globalNavLeftArrowClick(this.navLeftArrowClick);
await this.loadPeriodData(); await this.loadPeriodData();
}, },
async created() { async created() {
this.payUrl = localStorage.getItem("payUrl"); this.payUrl = localStorage.getItem("payUrl");
console.log('this.payUrl=',this.payUrl); console.log("this.payUrl=", this.payUrl);
if (!this.payUrl) { if (!this.payUrl) {
this.payUrl = await this.loadPayUrl(); this.payUrl = await this.loadPayUrl();
localStorage.setItem("payUrl", this.payUrl); 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