Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
hrs_app_h5
/
bill
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
dd8fef32
authored
Apr 22, 2020
by
展昭
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
社保/公积金/个税/服务费 列表页面数据对接
parent
048c6b91
Show whitespace changes
Inline
Side-by-side
Showing
12 changed files
with
288 additions
and
139 deletions
.env.development
README.md
src/api/Bill/index.js
src/store/index.js
src/store/modules/any.js
src/store/modules/bill.js
src/store/modules/token.js
src/store/types.js
src/views/Bill/index.vue
src/views/Bill/sociallist.vue
src/views/Bill/socialpayment.vue
src/views/Trusteeship/index.vue
.env.development
View file @
dd8fef32
VUE_APP_OIDC_CONFIG = '{ "authority": "http://106.120.107.150:5000", "client_id": "teamix-team-manager-web-pc", "client_secret": "123456", "redirect_uri": "http://localhost:8080/callback.html", "response_type": "id_token token", "scope": "workapps.client api.workapps.user api.workapps.org api.workapps.open openid","post_logout_redirect_uri":"http://localhost:8080", "silent_redirect_uri": "http://localhost:8080/silent-renew-oidc.html", "automaticSilentRenew": true,"accessTokenExpiringNotificationTime":60,"filterProtocolClaims":true,"loadUserInfo":true }'
VUE_APP_OIDC_CONFIG = '{ "authority": "http://106.120.107.150:5000", "client_id": "teamix-team-manager-web-pc", "client_secret": "123456", "redirect_uri": "http://localhost:8080/callback.html", "response_type": "id_token token", "scope": "workapps.client api.workapps.user api.workapps.org api.workapps.open openid","post_logout_redirect_uri":"http://localhost:8080", "silent_redirect_uri": "http://localhost:8080/silent-renew-oidc.html", "automaticSilentRenew": true,"accessTokenExpiringNotificationTime":60,"filterProtocolClaims":true,"loadUserInfo":true }'
VUE_APP_API_BASEURL = 'http://
10.10.10.44:8086
/api/hrs/'
VUE_APP_API_BASEURL = 'http://
organization.test.hrs100.cn
/api/hrs/'
VUE_APP_PUBLIC_DIR='/'
VUE_APP_PUBLIC_DIR='/'
README.md
View file @
dd8fef32
...
@@ -19,5 +19,6 @@ npm run build
...
@@ -19,5 +19,6 @@ npm run build
See
[
Configuration Reference
](
https://cli.vuejs.org/config/
)
.
See
[
Configuration Reference
](
https://cli.vuejs.org/config/
)
.
### api swagger
### api swagger
[
api swagger
](
http://10.10.10.44:8086/swagger-ui.html#/
)
[
api swagger
][
http://organization.test.hrs100.cn:18080/swagger-ui.html?urls.primaryName=%E4%BC%81%E4%B8%9A%E4%BF%A1%E6%81%AF%E7%AE%A1%E7%90%86%E6%8E%A5%E5%8F%A3V1.0-HRS100%E4%B8%9A%E5%8A%A1%E8%B4%A6%E5%8D%95%E7%9B%B8%E5%85%B3#/%E4%B8%9A%E5%8A%A1%E8%B4%A6%E5%8D%95-H5%E7%9B%B8%E5%85%B3%E6%8E%A5%E5%8F%A3
]
usermemberId 206484
\ No newline at end of file
usermemberId 206484 1822782
\ No newline at end of file
src/api/Bill/index.js
View file @
dd8fef32
...
@@ -3,8 +3,9 @@ import urls from "./urls";
...
@@ -3,8 +3,9 @@ import urls from "./urls";
import
token
from
"../../store/modules/token"
import
token
from
"../../store/modules/token"
const
usermemberId
=
token
.
state
.
usermemberId
;
const
usermemberId
=
token
.
state
.
usermemberId
;
export
default
{
console
.
log
(
'userid'
,
usermemberId
);
export
default
{
// get数据
// get数据
getPeriod
()
{
getPeriod
()
{
let
url
=
urls
.
getPeriod
(
usermemberId
);
let
url
=
urls
.
getPeriod
(
usermemberId
);
...
...
src/store/index.js
View file @
dd8fef32
...
@@ -4,6 +4,7 @@ import { vuexOidcCreateStoreModule } from 'vuex-oidc';
...
@@ -4,6 +4,7 @@ import { vuexOidcCreateStoreModule } from 'vuex-oidc';
import
oidcSettings
from
"../utils/oidcSettings"
;
import
oidcSettings
from
"../utils/oidcSettings"
;
import
bill
from
'./modules/bill'
import
bill
from
'./modules/bill'
import
token
from
'./modules/token'
import
token
from
'./modules/token'
import
any
from
'./modules/any'
Vue
.
use
(
Vuex
)
Vue
.
use
(
Vuex
)
...
@@ -11,6 +12,7 @@ export default new Vuex.Store({
...
@@ -11,6 +12,7 @@ export default new Vuex.Store({
modules
:
{
modules
:
{
bill
,
bill
,
token
,
token
,
any
,
oidc
:
vuexOidcCreateStoreModule
(
oidcSettings
)
oidc
:
vuexOidcCreateStoreModule
(
oidcSettings
)
}
}
});
});
src/store/modules/any.js
0 → 100644
View file @
dd8fef32
import
types
from
"../types"
;
let
currentPerIndex
=
0
let
beginDate
=
''
const
state
=
{
currentPerIndex
,
beginDate
}
const
getters
=
{
getCurPerIndex
(
state
)
{
const
temp
=
localStorage
.
getItem
(
'currentPerIndex'
);
if
(
temp
)
{
state
.
currentPerIndex
=
temp
}
return
state
.
currentPerIndex
;
},
getBeginDate
(
state
)
{
const
temp
=
localStorage
.
getItem
(
'beginDate'
);
if
(
temp
)
{
state
.
beginDate
=
temp
}
return
state
.
beginDate
;
},
}
const
mutations
=
{
[
types
.
CHANGE_CURRENT_PERIOD
](
state
,
currentPerIndex
)
{
state
.
currentPerIndex
=
currentPerIndex
;
try
{
localStorage
.
setItem
(
"currentPerIndex"
,
currentPerIndex
);
}
catch
(
error
)
{
}
},
[
types
.
CHANGE_CURRENT_BEGINDATE
](
state
,
beginDate
)
{
state
.
beginDate
=
beginDate
;
try
{
localStorage
.
setItem
(
"beginDate"
,
beginDate
);
}
catch
(
error
)
{
}
}
}
const
actions
=
{
savePeriodIndex
({
commit
},
currentPerIndex
)
{
commit
(
types
.
CHANGE_CURRENT_PERIOD
,
currentPerIndex
);
},
savePerBeginDate
({
commit
},
beginDate
)
{
commit
(
types
.
CHANGE_CURRENT_BEGINDATE
,
beginDate
);
}
}
export
default
{
state
,
getters
,
mutations
,
actions
}
\ No newline at end of file
src/store/modules/bill.js
View file @
dd8fef32
...
@@ -36,7 +36,7 @@ const getters = {
...
@@ -36,7 +36,7 @@ const getters = {
}
}
return
state
.
record
;
return
state
.
record
;
},
},
getReceipt
List
(
state
)
{
getReceipt
Detail
(
state
)
{
const
temp
=
localStorage
.
getItem
(
'receiptDetail'
);
const
temp
=
localStorage
.
getItem
(
'receiptDetail'
);
if
(
temp
)
{
if
(
temp
)
{
state
.
receiptDetail
=
JSON
.
parse
(
temp
);
state
.
receiptDetail
=
JSON
.
parse
(
temp
);
...
@@ -80,13 +80,13 @@ const mutations = {
...
@@ -80,13 +80,13 @@ const mutations = {
[
types
.
CHANGE_RECEIPT_LIST
](
state
,
receiptList
)
{
[
types
.
CHANGE_RECEIPT_LIST
](
state
,
receiptList
)
{
state
.
receiptList
=
receiptList
;
state
.
receiptList
=
receiptList
;
try
{
try
{
//
localStorage.setItem("receiptList", JSON.stringify(receiptList));
localStorage
.
setItem
(
"receiptList"
,
JSON
.
stringify
(
receiptList
));
}
catch
(
error
)
{
}
}
catch
(
error
)
{
}
},
},
[
types
.
CHANGE_RECEIPT_DETAIL
](
state
,
receiptDetail
)
{
[
types
.
CHANGE_RECEIPT_DETAIL
](
state
,
receiptDetail
)
{
state
.
receiptDetail
=
receiptDetail
;
state
.
receiptDetail
=
receiptDetail
;
try
{
try
{
//
localStorage.setItem("receiptDetail", JSON.stringify(receiptDetail));
localStorage
.
setItem
(
"receiptDetail"
,
JSON
.
stringify
(
receiptDetail
));
}
catch
(
error
)
{
}
}
catch
(
error
)
{
}
},
},
...
@@ -153,9 +153,9 @@ const actions = {
...
@@ -153,9 +153,9 @@ const actions = {
});
});
});
});
},
},
loadReceiptList
({
commit
},
param
)
{
loadReceiptList
({
commit
},
accountId
)
{
return
new
Promise
((
resolve
,
reject
)
=>
{
return
new
Promise
((
resolve
,
reject
)
=>
{
api
.
getReceiptList
(
param
.
accountId
)
api
.
getReceiptList
(
accountId
)
.
then
(
res
=>
{
.
then
(
res
=>
{
if
(
res
&&
res
.
status
)
{
if
(
res
&&
res
.
status
)
{
receiptList
=
res
.
data
;
receiptList
=
res
.
data
;
...
...
src/store/modules/token.js
View file @
dd8fef32
let
usermemberId
=
'
206484
'
let
usermemberId
=
'
1822782
'
const
state
=
{
usermemberId
}
const
state
=
{
usermemberId
}
...
...
src/store/types.js
View file @
dd8fef32
...
@@ -6,12 +6,16 @@ const CHANGE_BILL_HOSTING = 'CHANGE_BILL_HOSTING';
...
@@ -6,12 +6,16 @@ const CHANGE_BILL_HOSTING = 'CHANGE_BILL_HOSTING';
const
CHANGE_RECORD
=
'CHANGE_RECORD'
;
const
CHANGE_RECORD
=
'CHANGE_RECORD'
;
const
CHANGE_RECEIPT_LIST
=
'CHANGE_RECEIPT_LIST'
;
const
CHANGE_RECEIPT_LIST
=
'CHANGE_RECEIPT_LIST'
;
const
CHANGE_RECEIPT_DETAIL
=
'CHANGE_RECEIPT_DETAIL'
;
const
CHANGE_RECEIPT_DETAIL
=
'CHANGE_RECEIPT_DETAIL'
;
const
CHANGE_CURRENT_PERIOD
=
'CHANGE_CURRENT_PERIOD'
;
const
CHANGE_CURRENT_BEGINDATE
=
"CHANGE_CURRENT_BEGINDATE"
;
export
default
{
export
default
{
CHANGE_BILL_PERIOD
,
CHANGE_BILL_PERIOD
,
CHANGE_BILL_SUMMARY
,
CHANGE_BILL_SUMMARY
,
CHANGE_BILL_HOSTING
,
CHANGE_BILL_HOSTING
,
CHANGE_RECORD
,
CHANGE_RECORD
,
CHANGE_RECEIPT_LIST
,
CHANGE_RECEIPT_LIST
,
CHANGE_RECEIPT_DETAIL
CHANGE_RECEIPT_DETAIL
,
CHANGE_CURRENT_PERIOD
,
CHANGE_CURRENT_BEGINDATE
,
}
}
src/views/Bill/index.vue
View file @
dd8fef32
...
@@ -29,7 +29,7 @@
...
@@ -29,7 +29,7 @@
</div>
</div>
<div
class=
"paid"
>
<div
class=
"paid"
>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i
class=
"paid_color"
>
{{
data
.
toBePayAmount
}}
</i>
<i
class=
"paid_color"
>
{{
data
.
waitPay
}}
</i>
</div>
</div>
</div>
</div>
<div
class=
"header_info"
>
<div
class=
"header_info"
>
...
@@ -58,52 +58,52 @@
...
@@ -58,52 +58,52 @@
</div>
</div>
<div
class=
"list_contenter"
>
<div
class=
"list_contenter"
>
<!--社保代理-->
<!--社保代理
insurance
-->
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(4)"
>
<div
class=
"list_title"
@
click=
"toPage(4
1
)"
>
<div
class=
"title"
>
社保代理
</div>
<div
class=
"title"
>
社保代理
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
{{
data
.
socical
.
to
PayAmount
}}
</i>
<i>
{{
data
.
socical
.
to
tal
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
{{
data
.
socical
.
toBePayAmount
}}
</i>
<i>
{{
data
.
socical
.
waitPay
}}
</i>
</p>
</p>
</div>
</div>
<!--公积金代理-->
<!--公积金代理
accumulation
-->
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(4)"
>
<div
class=
"list_title"
@
click=
"toPage(4
2
)"
>
<div
class=
"title"
>
公积金代理
</div>
<div
class=
"title"
>
公积金代理
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
{{
data
.
fund
.
to
PayAmount
}}
</i>
<i>
{{
data
.
fund
.
to
tal
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
{{
data
.
fund
.
toBePayAmount
}}
</i>
<i>
{{
data
.
fund
.
waitPay
}}
</i>
</p>
</p>
</div>
</div>
<!--个税代理-->
<!--个税代理
income
-->
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(4)"
>
<div
class=
"list_title"
@
click=
"toPage(4
3
)"
>
<div
class=
"title"
>
个税代理
</div>
<div
class=
"title"
>
个税代理
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
{{
data
.
tax
.
to
PayAmount
}}
</i>
<i>
{{
data
.
tax
.
to
tal
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
{{
data
.
tax
.
toBePayAmount
}}
</i>
<i>
{{
data
.
tax
.
waitPay
}}
</i>
</p>
</p>
</div>
</div>
<!--服务费-->
<!--服务费
service
-->
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(5)"
>
<div
class=
"list_title"
@
click=
"toPage(5)"
>
<div
class=
"title"
>
服务费
</div>
<div
class=
"title"
>
服务费
</div>
...
@@ -111,14 +111,14 @@
...
@@ -111,14 +111,14 @@
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
{{
data
.
service
.
to
PayAmount
}}
</i>
<i>
{{
data
.
service
.
to
tal
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
{{
data
.
service
.
toBePayAmount
}}
</i>
<i>
{{
data
.
service
.
waitPay
}}
</i>
</p>
</p>
</div>
</div>
<!--会员年费-->
<!--会员年费
vip
-->
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(6)"
>
<div
class=
"list_title"
@
click=
"toPage(6)"
>
<div
class=
"title"
>
会员年费
</div>
<div
class=
"title"
>
会员年费
</div>
...
@@ -126,14 +126,14 @@
...
@@ -126,14 +126,14 @@
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
{{
data
.
annual
.
to
PayAmount
}}
</i>
<i>
{{
data
.
annual
.
to
tal
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
{{
data
.
annual
.
toBePayAmount
}}
</i>
<i>
{{
data
.
annual
.
waitPay
}}
</i>
</p>
</p>
</div>
</div>
<!--其他事务办理-->
<!--其他事务办理
general
-->
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(7)"
>
<div
class=
"list_title"
@
click=
"toPage(7)"
>
<div
class=
"title"
>
其他事务办理
</div>
<div
class=
"title"
>
其他事务办理
</div>
...
@@ -141,11 +141,11 @@
...
@@ -141,11 +141,11 @@
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
{{
data
.
other
.
to
PayAmount
}}
</i>
<i>
{{
data
.
other
.
to
tal
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
{{
data
.
other
.
toBePayAmount
}}
</i>
<i>
{{
data
.
other
.
waitPay
}}
</i>
</p>
</p>
</div>
</div>
</div>
</div>
...
@@ -172,39 +172,53 @@ export default {
...
@@ -172,39 +172,53 @@ export default {
title
:
"人事服务"
,
title
:
"人事服务"
,
currentPerIndex
:
0
,
currentPerIndex
:
0
,
currentPerId
:
0
,
currentPerId
:
0
,
currentPerName
:
""
,
period
:
[{
name
:
""
}],
period
:
[{
name
:
""
}],
data
:
{
data
:
{
balance
:
0
,
balance
:
0
,
toBePayAmount
:
0
,
waitPay
:
0
,
hosting
:
{},
hosting
:
{},
socical
:
{
socical
:
{
toPayAmount
:
0
,
total
:
0
,
toBePayAmount
:
0
waitPay
:
0
,
paid
:
0
,
list
:
{}
},
},
fund
:
{
fund
:
{
toPayAmount
:
0
,
total
:
0
,
toBePayAmount
:
0
waitPay
:
0
,
paid
:
0
,
list
:
{}
},
},
tax
:
{
tax
:
{
toPayAmount
:
0
,
total
:
0
,
toBePayAmount
:
0
waitPay
:
0
,
paid
:
0
,
list
:
{}
},
},
service
:
{
service
:
{
toPayAmount
:
0
,
total
:
0
,
toBePayAmount
:
0
waitPay
:
0
,
paid
:
0
,
list
:
{}
},
},
annual
:
{
annual
:
{
toPayAmount
:
0
,
total
:
0
,
toBePayAmount
:
0
waitPay
:
0
,
paid
:
0
,
list
:
{}
},
},
other
:
{
other
:
{
toPayAmount
:
0
,
total
:
0
,
toBePayAmount
:
0
waitPay
:
0
,
paid
:
0
,
list
:
{}
}
}
}
}
};
};
},
},
computed
:
{
computed
:
{
...
mapGetters
([
"getCurPerIndex"
]),
hideL
()
{
hideL
()
{
if
(
this
.
currentPerIndex
==
0
)
{
if
(
this
.
currentPerIndex
==
0
)
{
return
true
;
return
true
;
...
@@ -221,7 +235,14 @@ export default {
...
@@ -221,7 +235,14 @@ export default {
}
}
},
},
methods
:
{
methods
:
{
...
mapActions
([
"loadBillPeriod"
,
"loadBillSummary"
,
"loadBillHosting"
]),
...
mapActions
([
"loadBillPeriod"
,
"loadBillSummary"
,
"loadBillHosting"
,
"loadReceiptList"
,
"savePeriodIndex"
,
"savePerBeginDate"
]),
toPage
(
flag
)
{
toPage
(
flag
)
{
switch
(
flag
)
{
switch
(
flag
)
{
case
1
:
// 充值
case
1
:
// 充值
...
@@ -238,11 +259,45 @@ export default {
...
@@ -238,11 +259,45 @@ export default {
}
}
});
});
break
;
break
;
case
4
:
// 社保/公积金/个税
case
41
:
// 社保
this
.
$router
.
push
({
name
:
"sociallist"
});
this
.
$router
.
push
({
name
:
"sociallist"
,
query
:
{
type
:
"insurance"
,
currentPerName
:
this
.
currentPerName
,
currentPerId
:
this
.
currentPerId
}
});
break
;
case
42
:
// 公积金
this
.
$router
.
push
({
name
:
"sociallist"
,
query
:
{
type
:
"accumulation"
,
currentPerName
:
this
.
currentPerName
,
currentPerId
:
this
.
currentPerId
}
});
break
;
case
43
:
// 个税
this
.
$router
.
push
({
name
:
"sociallist"
,
query
:
{
type
:
"income"
,
currentPerName
:
this
.
currentPerName
,
currentPerId
:
this
.
currentPerId
}
});
break
;
break
;
case
5
:
// 服务费
case
5
:
// 服务费
this
.
$router
.
push
({
name
:
"servicefee"
});
this
.
$router
.
push
({
name
:
"sociallist"
,
query
:
{
type
:
"service"
,
currentPerName
:
this
.
currentPerName
,
currentPerId
:
this
.
currentPerId
}
});
break
;
break
;
case
6
:
// 会员年费
case
6
:
// 会员年费
this
.
$router
.
push
({
name
:
"annualfee"
});
this
.
$router
.
push
({
name
:
"annualfee"
});
...
@@ -256,33 +311,29 @@ export default {
...
@@ -256,33 +311,29 @@ export default {
if
(
dirct
===
"left"
)
{
if
(
dirct
===
"left"
)
{
if
(
this
.
currentPerIndex
>
0
)
{
if
(
this
.
currentPerIndex
>
0
)
{
this
.
currentPerIndex
--
;
this
.
currentPerIndex
--
;
this
.
currentPerId
=
this
.
period
[
this
.
currentPerIndex
].
id
;
}
}
}
}
if
(
dirct
===
"right"
)
{
if
(
dirct
===
"right"
)
{
if
(
this
.
currentPerIndex
<
this
.
period
.
length
-
1
)
{
if
(
this
.
currentPerIndex
<
this
.
period
.
length
-
1
)
{
this
.
currentPerIndex
++
;
this
.
currentPerIndex
++
;
this
.
currentPerId
=
this
.
period
[
this
.
currentPerIndex
].
id
;
}
}
}
}
const
curPer
=
this
.
period
[
this
.
currentPerIndex
];
this
.
savePeriodIndex
(
this
.
currentPerIndex
);
this
.
savePerBeginDate
(
curPer
.
beginDate
);
this
.
currentPerId
=
curPer
.
id
;
this
.
currentPerName
=
curPer
.
name
;
this
.
loadBillSummaryData
(
this
.
currentPerId
);
this
.
loadBillSummaryData
(
this
.
currentPerId
);
this
.
loadBillHostingData
(
this
.
currentPerId
);
this
.
loadBillHostingData
(
this
.
currentPerId
);
this
.
loadReceiptListData
(
this
.
currentPerId
);
},
},
async
loadPeriodData
()
{
async
loadPeriodData
()
{
let
flag
=
false
;
let
flag
=
false
;
await
this
.
loadBillPeriod
(
this
.
usermemberId
).
then
(
await
this
.
loadBillPeriod
().
then
(
data
=>
{
data
=>
{
this
.
period
=
data
;
this
.
period
=
data
;
const
nowDate
=
dayjs
().
format
(
"YYYY年M月账户"
);
for
(
let
index
=
0
;
index
<
this
.
period
.
length
;
index
++
)
{
const
element
=
this
.
period
[
index
];
if
(
element
.
name
.
indexOf
(
nowDate
)
>
-
1
)
{
this
.
currentPerIndex
=
index
;
this
.
currentPerId
=
element
.
id
;
break
;
}
}
flag
=
true
;
flag
=
true
;
this
.
initMonth
();
},
},
err
=>
{
err
=>
{
console
.
log
(
err
);
console
.
log
(
err
);
...
@@ -291,6 +342,7 @@ export default {
...
@@ -291,6 +342,7 @@ export default {
if
(
flag
)
{
if
(
flag
)
{
await
this
.
loadBillSummaryData
(
this
.
currentPerId
);
await
this
.
loadBillSummaryData
(
this
.
currentPerId
);
await
this
.
loadBillHostingData
(
this
.
currentPerId
);
await
this
.
loadBillHostingData
(
this
.
currentPerId
);
await
this
.
loadReceiptListData
(
this
.
currentPerId
);
}
}
},
},
async
loadBillSummaryData
(
accountId
)
{
async
loadBillSummaryData
(
accountId
)
{
...
@@ -300,7 +352,7 @@ export default {
...
@@ -300,7 +352,7 @@ export default {
await
this
.
loadBillSummary
(
param
).
then
(
await
this
.
loadBillSummary
(
param
).
then
(
data
=>
{
data
=>
{
this
.
data
.
balance
=
data
.
balance
;
this
.
data
.
balance
=
data
.
balance
;
this
.
data
.
toBePayAmount
=
data
.
waitPay
;
this
.
data
.
waitPay
=
data
.
waitPay
;
},
},
err
=>
{
err
=>
{
console
.
log
(
err
);
console
.
log
(
err
);
...
@@ -319,6 +371,42 @@ export default {
...
@@ -319,6 +371,42 @@ export default {
console
.
log
(
err
);
console
.
log
(
err
);
}
}
);
);
},
async
loadReceiptListData
(
accountId
)
{
await
this
.
loadReceiptList
(
accountId
).
then
(
data
=>
{
this
.
data
.
socical
=
data
.
insurance
;
// 社保
this
.
data
.
fund
=
data
.
accumulation
;
// 公积金
this
.
data
.
tax
=
data
.
income
;
// 个税
this
.
data
.
service
=
data
.
service
;
// 服务费
this
.
data
.
annual
=
data
.
vip
;
// 会员
this
.
data
.
other
=
data
.
general
;
// 其他
},
err
=>
{
console
.
log
(
err
);
}
);
},
initMonth
()
{
const
localPerIndex
=
this
.
getCurPerIndex
;
if
(
localPerIndex
)
{
this
.
currentPerIndex
=
localPerIndex
;
this
.
currentPerId
=
this
.
period
[
localPerIndex
].
id
;
this
.
currentPerName
=
this
.
period
[
localPerIndex
].
name
;
this
.
savePerBeginDate
(
this
.
period
[
localPerIndex
].
beginDate
);
}
else
{
const
nowDate
=
dayjs
().
format
(
"YYYY-MM"
);
for
(
let
index
=
0
;
index
<
this
.
period
.
length
;
index
++
)
{
const
element
=
this
.
period
[
index
];
if
(
element
.
beginDate
.
indexOf
(
nowDate
)
>
-
1
)
{
this
.
currentPerIndex
=
index
;
this
.
currentPerId
=
element
.
id
;
this
.
currentPerName
=
element
.
name
;
this
.
savePerBeginDate
(
element
.
beginDate
);
break
;
}
}
}
}
}
},
},
async
mounted
()
{
async
mounted
()
{
...
...
src/views/Bill/sociallist.vue
View file @
dd8fef32
...
@@ -7,87 +7,26 @@
...
@@ -7,87 +7,26 @@
<div
class=
"header"
>
<div
class=
"header"
>
<div
class=
"content_left"
>
<div
class=
"content_left"
>
<div
class=
"title_info"
>
应付总额
</div>
<div
class=
"title_info"
>
应付总额
</div>
<div
class=
"title_money"
>
440.00
</div>
<div
class=
"title_money"
>
{{
data
.
payment
}}
</div>
</div>
</div>
<div
class=
"content_right"
>
<div
class=
"content_right"
>
<div
class=
"title_info"
>
待付金额
</div>
<div
class=
"title_info"
>
待付金额
</div>
<div
class=
"title_money"
>
200.00
</div>
<div
class=
"title_money"
>
{{
data
.
waitPayment
}}
</div>
</div>
</div>
</div>
</div>
<div
class=
"box"
>
<div
class=
"box"
>
<!--社保代缴-->
<div
class=
"list"
v-for=
"(item,index) in data.list"
:key=
"index"
>
<div
class=
"list"
>
<div
class=
"list_title"
@
click=
"toPage(index)"
>
<div
class=
"list_title"
@
click=
"toPage(1)"
>
<div
class=
"title"
>
{{
item
.
groupName
}}
</div>
<div
class=
"title"
>
社保代缴
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
</div>
<p>
<p>
<span>
应付金额
</span>
<span>
应付金额
</span>
<i>
600.00
</i>
<i>
{{
item
.
payment
}}
</i>
</p>
</p>
<p>
<p>
<span>
待付金额
</span>
<span>
待付金额
</span>
<i>
600.00
</i>
<i>
{{
item
.
waitPayment
}}
</i>
</p>
</div>
<!--社保补差-->
<div
class=
"list"
>
<div
class=
"list_title"
>
<div
class=
"title"
>
社保补差
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
<p>
<span>
应付金额
</span>
<i>
600.00
</i>
</p>
<p>
<span>
待付金额
</span>
<i>
600.00
</i>
</p>
</div>
<!--社保退费-->
<div
class=
"list"
>
<div
class=
"list_title"
>
<div
class=
"title"
>
社保退费
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
<p>
<span>
应付金额
</span>
<i>
600.00
</i>
</p>
<p>
<span>
待付金额
</span>
<i>
600.00
</i>
</p>
</div>
<!--保证金扣费-->
<div
class=
"list"
>
<div
class=
"list_title"
>
<div
class=
"title"
>
保证金扣费
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
<p>
<span>
应付金额
</span>
<i>
600.00
</i>
</p>
<p>
<span>
待付金额
</span>
<i>
600.00
</i>
</p>
</div>
<!--保证金退费-->
<div
class=
"list"
>
<div
class=
"list_title"
>
<div
class=
"title"
>
保证金退费
</div>
<van-icon
name=
"arrow"
class=
"arrow_right"
/>
</div>
<p>
<span>
应付金额
</span>
<i>
600.00
</i>
</p>
<p>
<span>
待付金额
</span>
<i>
600.00
</i>
</p>
</p>
</div>
</div>
</div>
</div>
...
@@ -98,6 +37,8 @@
...
@@ -98,6 +37,8 @@
<
script
>
<
script
>
import
{
Header
}
from
"@/components"
;
import
{
Header
}
from
"@/components"
;
import
{
Icon
}
from
"vant"
;
import
{
Icon
}
from
"vant"
;
import
{
mapGetters
,
mapActions
}
from
"vuex"
;
import
dayjs
from
"dayjs"
;
export
default
{
export
default
{
components
:
{
components
:
{
Header
,
Header
,
...
@@ -105,14 +46,58 @@ export default {
...
@@ -105,14 +46,58 @@ export default {
},
},
data
()
{
data
()
{
return
{
return
{
title
:
"11月社保代理"
title
:
""
,
type
:
""
,
currentPerId
:
0
,
data
:
{
payment
:
0
,
waitPayment
:
0
,
list
:
[{
groupName
:
""
,
payment
:
0
,
waitPayment
:
0
,
list
:
[]
}]
}
};
};
},
},
computed
:
{
...
mapGetters
([
"getBeginDate"
])
},
methods
:
{
methods
:
{
toPage
(
flag
)
{
...
mapActions
([
"loadReceiptDetail"
]),
switch
(
flag
)
{
toPage
()
{
case
1
:
this
.
$router
.
push
({
this
.
$router
.
push
({
name
:
"socialpayment"
});
name
:
"socialpayment"
,
param
:
{
type
:
this
.
type
,
currentPerId
:
this
.
currentPerId
}
});
},
getData
()
{
this
.
loadReceiptDetail
({
accountId
:
this
.
currentPerId
,
type
:
this
.
type
}).
then
(
data
=>
{
this
.
data
=
data
;
},
err
=>
{
console
.
log
(
err
);
}
);
},
makeTitle
()
{
let
month
=
dayjs
(
this
.
getBeginDate
).
format
(
"M"
);
// insurance=社保
// accumulation=公积金
// income=个税
// service=服务费
switch
(
this
.
type
)
{
case
"insurance"
:
this
.
title
=
month
+
"月"
+
"社保"
+
"代理"
;
break
;
case
"accumulation"
:
this
.
title
=
month
+
"月"
+
"公积金"
+
"代理"
;
break
;
case
"income"
:
this
.
title
=
month
+
"月"
+
"个税"
+
"代理"
;
break
;
case
"service"
:
this
.
title
=
month
+
"月"
+
"服务费"
+
"代理"
;
break
;
break
;
}
}
},
},
...
@@ -122,6 +107,10 @@ export default {
...
@@ -122,6 +107,10 @@ export default {
},
},
mounted
()
{
mounted
()
{
this
.
globalNavLeftArrowClick
(
this
.
navLeftArrowClick
);
this
.
globalNavLeftArrowClick
(
this
.
navLeftArrowClick
);
this
.
type
=
this
.
$route
.
query
.
type
;
this
.
currentPerId
=
this
.
$route
.
query
.
currentPerId
;
this
.
makeTitle
();
this
.
getData
();
}
}
};
};
</
script
>
</
script
>
...
...
src/views/Bill/socialpayment.vue
View file @
dd8fef32
...
@@ -47,6 +47,7 @@
...
@@ -47,6 +47,7 @@
<
script
>
<
script
>
import
{
Header
}
from
"@/components"
;
import
{
Header
}
from
"@/components"
;
import
{
Icon
}
from
"vant"
;
import
{
Icon
}
from
"vant"
;
import
{
mapGetters
}
from
"vuex"
;
export
default
{
export
default
{
components
:
{
components
:
{
Header
,
Header
,
...
@@ -54,9 +55,13 @@ export default {
...
@@ -54,9 +55,13 @@ export default {
},
},
data
()
{
data
()
{
return
{
return
{
title
:
"11月社保代理"
title
:
"11月社保代理"
,
data
:
{}
};
};
},
},
computed
:
{
...
mapGetters
([
"getReceiptDetail"
])
},
methods
:
{
methods
:
{
navLeftArrowClick
()
{
navLeftArrowClick
()
{
this
.
$router
.
go
(
-
1
);
this
.
$router
.
go
(
-
1
);
...
@@ -64,6 +69,8 @@ export default {
...
@@ -64,6 +69,8 @@ export default {
},
},
mounted
()
{
mounted
()
{
this
.
globalNavLeftArrowClick
(
this
.
navLeftArrowClick
);
this
.
globalNavLeftArrowClick
(
this
.
navLeftArrowClick
);
this
.
data
=
this
.
getReceiptDetail
;
console
.
log
(
"data="
,
JSON
.
stringify
(
this
.
data
));
}
}
};
};
</
script
>
</
script
>
...
...
src/views/Trusteeship/index.vue
View file @
dd8fef32
...
@@ -163,7 +163,7 @@ export default {
...
@@ -163,7 +163,7 @@ export default {
}
}
},
},
methods
:
{
methods
:
{
...
mapActions
([
"loadBillHosting"
]),
...
mapActions
([
"loadBillHosting"
,
"savePeriodIndex"
]),
getData
()
{
getData
()
{
this
.
currentPer
=
this
.
$route
.
query
.
currentPerIndex
;
this
.
currentPer
=
this
.
$route
.
query
.
currentPerIndex
;
this
.
currentPerId
=
this
.
$route
.
query
.
currentPerId
;
this
.
currentPerId
=
this
.
$route
.
query
.
currentPerId
;
...
@@ -192,6 +192,7 @@ export default {
...
@@ -192,6 +192,7 @@ export default {
this
.
currentPerId
=
this
.
period
[
this
.
currentPer
].
id
;
this
.
currentPerId
=
this
.
period
[
this
.
currentPer
].
id
;
}
}
}
}
this
.
savePeriodIndex
(
this
.
currentPerIndex
);
this
.
loadBillHostingData
(
this
.
currentPerId
);
this
.
loadBillHostingData
(
this
.
currentPerId
);
},
},
async
loadBillHostingData
(
accountId
)
{
async
loadBillHostingData
(
accountId
)
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment