Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SuperMan
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
SuperMan
Commits
f36a661e
Commit
f36a661e
authored
May 05, 2023
by
沈良进
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
save
parent
34c0d083
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
722 additions
and
425 deletions
+722
-425
empBankAccountAll.vue
src/components/administrative/empBankAccountAll.vue
+722
-425
No files found.
src/components/administrative/empBankAccountAll.vue
View file @
f36a661e
<
style
>
<
style
>
.empBankAccountTableLayer
{
overflow
:
auto
;
position
:
fixed
;
min-height
:
300px
;
max-height
:
400px
;
.empBankAccountTableLayer
{
z-index
:
50
;
bottom
:
0
;
left
:
50px
;
border-top
:
3px
solid
#38425d
;
background-color
:
#FFFFFF
;
padding
:
10px
10px
0
;
width
:
100%
;}
overflow
:
auto
;
.empBankAccountTableLayer
.el-form-item__label
{
font-size
:
12px
!important
;}
position
:
fixed
;
.empBankAccountTableLayer
>
p
{
border-left
:
3px
solid
#E95252
;
text-indent
:
15px
;
height
:
16px
;
padding-right
:
50px
;
font-family
:
'PingFangSc-Fine'
;
font-size
:
16px
;
margin-bottom
:
20px
;
line-height
:
14px
;
color
:
#000
;}
min-height
:
300px
;
.empBankAccountTable
{
width
:
100%
;
min-width
:
1500px
;
font-size
:
14px
;
color
:
#333
;
background
:
#ccc
;}
max-height
:
400px
;
.empBankAccountTable
tr
{
border-bottom
:
2px
solid
#333
;}
z-index
:
50
;
.empBankAccountTable
tr
th
{
background
:
#BDBDBD
;
height
:
30px
;
font-size
:
12px
;
text-align
:
left
;
text-indent
:
20px
;}
bottom
:
0
;
.empBankAccountTable
tr
{
background
:
#fff
;
text-align
:
left
;}
left
:
50px
;
.empBankAccountTable
tr
:nth-child
(
2n
+
1
)
{
background
:
#E5E5E5
;}
border-top
:
3px
solid
#38425d
;
.empBankAccountTable
tr
td
{
height
:
60px
;
padding-left
:
20px
;
border-right
:
1px
solid
#DCDCDC
;
border-bottom
:
1px
solid
#DCDCDC
;}
background-color
:
#ffffff
;
.empBankAccountIcon
button
{
width
:
30px
;
height
:
30px
;
border-radius
:
4px
;}
padding
:
10px
10px
0
;
.empBankAccountIcon
.el-button--primary
{
padding
:
5px
;
margin
:
0
;
font-size
:
14px
!important
;}
width
:
100%
;
.empBankAccountIcon
.el-button
+
.el-button
{
margin-left
:
0
!important
;}
}
.popTable
{
width
:
80%
;
font-size
:
14px
;
color
:
#333
;
background
:
#ccc
;}
.empBankAccountTableLayer
.el-form-item__label
{
.popTable
tr
{
border-bottom
:
2px
solid
#333
;}
font-size
:
12px
!important
;
.popTable
tr
th
{
background
:
#BDBDBD
;
height
:
30px
;
font-size
:
12px
;
text-align
:
left
;
text-indent
:
20px
;}
}
.popTable
tr
{
background
:
#fff
;
text-align
:
left
;}
.empBankAccountTableLayer
>
p
{
.popTable
tr
:nth-child
(
2n
+
1
)
{
background
:
#E5E5E5
;}
border-left
:
3px
solid
#e95252
;
.popTable
tr
td
{
height
:
60px
;
padding-left
:
20px
;
border-right
:
1px
solid
#DCDCDC
;
border-bottom
:
1px
solid
#DCDCDC
;}
text-indent
:
15px
;
height
:
16px
;
padding-right
:
50px
;
font-family
:
"PingFangSc-Fine"
;
font-size
:
16px
;
margin-bottom
:
20px
;
line-height
:
14px
;
color
:
#000
;
}
.empBankAccountTable
{
width
:
100%
;
min-width
:
1500px
;
font-size
:
14px
;
color
:
#333
;
background
:
#ccc
;
}
.empBankAccountTable
tr
{
border-bottom
:
2px
solid
#333
;
}
.empBankAccountTable
tr
th
{
background
:
#bdbdbd
;
height
:
30px
;
font-size
:
12px
;
text-align
:
left
;
text-indent
:
20px
;
}
.empBankAccountTable
tr
{
background
:
#fff
;
text-align
:
left
;
}
.empBankAccountTable
tr
:nth-child
(
2n
+
1
)
{
background
:
#e5e5e5
;
}
.empBankAccountTable
tr
td
{
height
:
60px
;
padding-left
:
20px
;
border-right
:
1px
solid
#dcdcdc
;
border-bottom
:
1px
solid
#dcdcdc
;
}
.empBankAccountIcon
button
{
width
:
30px
;
height
:
30px
;
border-radius
:
4px
;
}
.empBankAccountIcon
.el-button--primary
{
padding
:
5px
;
margin
:
0
;
font-size
:
14px
!important
;
}
.empBankAccountIcon
.el-button
+
.el-button
{
margin-left
:
0
!important
;
}
.popTable
{
width
:
80%
;
font-size
:
14px
;
color
:
#333
;
background
:
#ccc
;
}
.popTable
tr
{
border-bottom
:
2px
solid
#333
;
}
.popTable
tr
th
{
background
:
#bdbdbd
;
height
:
30px
;
font-size
:
12px
;
text-align
:
left
;
text-indent
:
20px
;
}
.popTable
tr
{
background
:
#fff
;
text-align
:
left
;
}
.popTable
tr
:nth-child
(
2n
+
1
)
{
background
:
#e5e5e5
;
}
.popTable
tr
td
{
height
:
60px
;
padding-left
:
20px
;
border-right
:
1px
solid
#dcdcdc
;
border-bottom
:
1px
solid
#dcdcdc
;
}
</
style
>
</
style
>
<
template
>
<
template
>
<div
class=
"flexOne"
>
<div
class=
"flexOne"
>
<div
class=
"empBankAccountTableLayer"
v-show=
"outerVisible"
>
<div
class=
"empBankAccountTableLayer"
v-show=
"outerVisible"
>
<p>
<p>
{{
dialogTitle
}}
{{
dialogTitle
}}
<span
class=
"fr"
>
<span
class=
"fr"
>
<button
class=
"hollowFixedBtn"
@
click=
"outerVisible = false,resetForm('addMsg')"
>
{{
$t
(
'pub.cancelBtn'
)
}}
</button>
<button
<button
class=
"normalBtn"
type=
"primary"
@
click=
"submitForm('addMsg')"
>
{{
$t
(
'pub.saveBtn'
)
}}
</button>
class=
"hollowFixedBtn"
</span>
@
click=
"(outerVisible = false), resetForm('addMsg')"
</p>
>
<el-form
:model=
"addMsg"
:rules=
"rules"
ref=
"addMsg"
label-width=
"90px"
style=
"padding-right: 80px"
>
{{
$t
(
"pub.cancelBtn"
)
}}
<el-row
>
</button>
<el-col
:span=
"4"
:gutter=
"35"
>
<button
<el-form-item
:label=
"$t('fnc.zhfenlei')"
prop=
"AccountClassify"
>
class=
"normalBtn"
<el-select
v-model=
'addMsg.AccountClassify'
:placeholder=
"$t('pub.pleaseSel')"
@
change=
'changeTitle'
>
type=
"primary"
<el-option
:label=
'$t("fnc.yinhang")'
value=
'2'
key=
'2'
></el-option>
@
click=
"submitForm('addMsg')"
<el-option
:label=
'$t("ground.xunizhanghu")'
value=
'3'
key=
'3'
></el-option>
>
<el-option
label=
'微信支付宝'
value=
'4'
key=
'4'
></el-option>
{{
$t
(
"pub.saveBtn"
)
}}
</el-select>
</button>
</el-form-item>
</span>
</el-col>
</p>
<el-col
:span=
"4"
v-if=
'addMsg.AccountClassify==2'
:gutter=
"35"
>
<el-form
<el-form-item
:label=
"$t('fnc.ssjigou')"
prop=
"BankName"
>
:model=
"addMsg"
<el-input
type=
"text"
v-model=
"addMsg.BankName"
:placeholder=
"$t('ground.liruicbc')"
></el-input>
:rules=
"rules"
</el-form-item>
ref=
"addMsg"
</el-col>
label-width=
"90px"
<el-col
:span=
"4"
v-if=
'addMsg.AccountClassify!=3 && addMsg.AccountClassify!=4'
:gutter=
"35"
>
style=
"padding-right: 80px"
<el-form-item
:label=
"nameA"
prop=
"OpenBankName"
>
>
<el-input
type=
"text"
v-model=
"addMsg.OpenBankName"
:placeholder=
"$t('ground.liruzhihang')"
></el-input>
<el-row>
</el-form-item>
<el-col
:span=
"4"
:gutter=
"35"
>
</el-col>
<el-form-item
:label=
"$t('fnc.zhfenlei')"
prop=
"AccountClassify"
>
<el-col
:span=
"4"
v-if=
'addMsg.AccountClassify!=3 && addMsg.AccountClassify!=4'
:gutter=
"35"
>
<el-select
<el-form-item
:label=
"nameB"
prop=
"AccountHolder"
>
v-model=
"addMsg.AccountClassify"
<el-input
type=
"text"
v-model=
"addMsg.AccountHolder"
></el-input>
:placeholder=
"$t('pub.pleaseSel')"
</el-form-item>
@
change=
"changeTitle"
</el-col>
>
<el-col
:span=
"4"
:gutter=
"35"
>
<el-option
<el-form-item
:label=
"nameC"
prop=
"CardNum"
>
:label=
"$t('fnc.yinhang')"
<el-input
type=
"text"
v-model=
"addMsg.CardNum"
></el-input>
value=
"2"
</el-form-item>
key=
"2"
</el-col>
></el-option>
<el-col
:span=
"4"
:gutter=
"35"
>
<el-option
<el-form-item
:label=
"nameD"
prop=
"AccountAlias"
>
:label=
"$t('ground.xunizhanghu')"
<el-input
type=
"text"
v-model=
"addMsg.AccountAlias"
></el-input>
value=
"3"
</el-form-item>
key=
"3"
</el-col>
></el-option>
<el-col
:span=
"4"
:gutter=
"35"
>
<el-option
label=
"微信支付宝"
value=
"4"
key=
"4"
></el-option>
<el-form-item
:label=
"nameE"
prop=
"Type"
>
</el-select>
<el-select
filterable
v-model=
'addMsg.Type'
:placeholder=
"$t('fnc.khleixing')"
class=
"w135 _border_b_1"
>
</el-form-item>
<el-option
v-for=
'item in ClientTypeList'
</el-col>
:label=
'item.Name'
<el-col
:span=
"4"
v-if=
"addMsg.AccountClassify == 2"
:gutter=
"35"
>
:value=
'item.ID'
<el-form-item
:label=
"$t('fnc.ssjigou')"
prop=
"BankName"
>
:key=
'item.ID'
>
<el-input
</el-option>
type=
"text"
</el-select>
v-model=
"addMsg.BankName"
</el-form-item>
:placeholder=
"$t('ground.liruicbc')"
</el-col>
></el-input>
</el-row>
</el-form-item>
</el-form>
</el-col>
<div
v-if=
"accountList.length"
style=
"padding: 20px; display: flex; justify-content: center; align-items: center;flex-direction: column"
>
<el-col
<div
style=
"padding: 10px"
>
已存在相同的账户信息
</div>
:span=
"4"
<table
class=
"popTable"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
v-if=
"addMsg.AccountClassify != 3 && addMsg.AccountClassify != 4"
<tr>
:gutter=
"35"
<th>
{{
$t
(
"ground.zhanghumingcheng"
)
}}
</th>
>
<th>
{{
$t
(
"fnc.w_zhbieming"
)
}}
</th>
<el-form-item
:label=
"nameA"
prop=
"OpenBankName"
>
<th>
{{
$t
(
"ground.zhanghuleibie"
)
}}
</th>
<el-input
<th>
{{
$t
(
"ground.suoshujigou"
)
}}
</th>
type=
"text"
<th>
{{
$t
(
"fnc.acc"
)
}}
</th>
v-model=
"addMsg.OpenBankName"
</tr>
:placeholder=
"$t('ground.liruzhihang')"
<tr
v-for=
"(item,index) in accountList"
>
></el-input>
<td>
{{
item
.
OpenBankName
}}
</td>
</el-form-item>
<td>
{{
item
.
AccountAlias
}}
</td>
</el-col>
<td>
<el-col
<span
v-if=
"item.AccountClassify==1"
>
{{
$t
(
'fnc.a_ptzhanghu'
)
}}
</span>
:span=
"4"
<span
v-if=
"item.AccountClassify==2"
>
银行账户
</span>
v-if=
"addMsg.AccountClassify != 3 && addMsg.AccountClassify != 4"
<span
v-if=
"item.AccountClassify==3"
>
虚拟账户
</span>
:gutter=
"35"
<span
v-if=
"item.AccountClassify==4"
>
微信支付宝
</span>
>
</td>
<el-form-item
:label=
"nameB"
prop=
"AccountHolder"
>
<td>
{{
item
.
BankName
}}
</td>
<el-input
type=
"text"
v-model=
"addMsg.AccountHolder"
></el-input>
<td>
{{
item
.
CardNum
}}
</el-form-item>
<br/>
{{
item
.
AccountHolder
}}
</td>
</el-col>
</tr>
<el-col
:span=
"4"
:gutter=
"35"
>
</table>
<el-form-item
:label=
"nameC"
prop=
"CardNum"
>
<el-input
type=
"text"
v-model=
"addMsg.CardNum"
></el-input>
</div>
</el-form-item>
</div>
</el-col>
<div
style=
"padding: 10px"
>
<el-col
:span=
"4"
:gutter=
"35"
>
客户类型:
<el-form-item
:label=
"nameD"
prop=
"AccountAlias"
>
<el-select
filterable
v-model=
'msg.Type'
:placeholder=
"$t('fnc.khleixing')"
@
change=
"getList"
class=
"w135 _border_b_1"
>
<el-input
type=
"text"
v-model=
"addMsg.AccountAlias"
></el-input>
<el-option
</el-form-item>
label=
'不限'
</el-col>
value=
''
<el-col
:span=
"4"
:gutter=
"35"
>
key=
'0'
>
<el-form-item
:label=
"nameE"
prop=
"Type"
>
</el-option>
<el-select
<el-option
v-for=
'item in ClientTypeList'
filterable
:label=
'item.Name'
v-model=
"addMsg.Type"
:value=
'item.ID'
:placeholder=
"$t('fnc.khleixing')"
:key=
'item.ID'
>
class=
"w135 _border_b_1"
</el-option>
>
</el-select>
<el-option
</div>
v-for=
"item in ClientTypeList"
<div
class=
"query-box"
>
:label=
"item.Name"
<ul>
:value=
"item.ID"
:key=
"item.ID"
<li>
>
<input
type=
"button"
@
click=
"outerVisible = true,dialogTitle=$t('ground.xinzengzhanghu'),resetForm('addMsg')"
class=
"normalBtn"
:value=
"$t('pub.addBtn')"
/>
</el-option>
</li>
</el-select>
</ul>
</el-form-item>
</div>
</el-col>
<table
class=
"empBankAccountTable"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
</el-row>
<tr>
</el-form>
<th>
{{
$t
(
"fnc.khleixing"
)
}}
</th>
<div
<th>
{{
$t
(
"ground.zhanghumingcheng"
)
}}
</th>
v-if=
"accountList.length"
<th>
{{
$t
(
"fnc.w_zhbieming"
)
}}
</th>
style=
"
<th>
{{
$t
(
"ground.zhanghuleibie"
)
}}
</th>
padding: 20px;
<th>
{{
$t
(
"ground.suoshujigou"
)
}}
</th>
display: flex;
<th>
{{
$t
(
"fnc.acc"
)
}}
</th>
justify-content: center;
<th>
{{
$t
(
"admin.admin_status"
)
}}
</th>
align-items: center;
<th>
{{
$t
(
"ground.leijijiaoyi"
)
}}
</th>
flex-direction: column;
<th>
{{
$t
(
"admin.admin_operate"
)
}}
</th>
"
</tr>
>
<tr
v-for=
"(item,index) in list"
>
<div
style=
"padding: 10px"
>
已存在相同的账户信息
</div>
<td>
{{
item
.
TypeName
}}
</td>
<table
class=
"popTable"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
<td>
{{
item
.
OpenBankName
}}
</td>
<tr>
<td>
{{
item
.
AccountAlias
}}
</td>
<th>
{{
$t
(
"ground.zhanghumingcheng"
)
}}
</th>
<td>
<th>
{{
$t
(
"fnc.w_zhbieming"
)
}}
</th>
<span
v-if=
"item.AccountClassify==1"
>
{{
$t
(
'fnc.a_ptzhanghu'
)
}}
</span>
<th>
{{
$t
(
"ground.zhanghuleibie"
)
}}
</th>
<span
v-if=
"item.AccountClassify==2"
>
银行账户
</span>
<th>
{{
$t
(
"ground.suoshujigou"
)
}}
</th>
<span
v-if=
"item.AccountClassify==3"
>
虚拟账户
</span>
<th>
{{
$t
(
"fnc.acc"
)
}}
</th>
<span
v-if=
"item.AccountClassify==4"
>
微信支付宝
</span>
</tr>
</td>
<tr
v-for=
"(item, index) in accountList"
>
<td>
{{
item
.
BankName
}}
</td>
<td>
{{
item
.
OpenBankName
}}
</td>
<td>
{{
item
.
CardNum
}}
<td>
{{
item
.
AccountAlias
}}
</td>
<br/>
{{
item
.
AccountHolder
}}
</td>
<td>
<td>
<span
v-if=
"item.AccountClassify == 1"
>
{{
<span
v-if=
'item.Status!=0'
style=
"color: #E95252;"
>
{{
$t
(
'pub.fressSel'
)
}}
</span>
$t
(
"fnc.a_ptzhanghu"
)
<span
v-if=
'item.Status==0'
style=
"color: #09D49D;"
>
{{
$t
(
'pub.normalSel'
)
}}
</span>
}}
</span>
</td>
<span
v-if=
"item.AccountClassify == 2"
>
银行账户
</span>
<td
style=
"color: #FF9C00;"
>
¥
{{
moneyFormat
(
item
.
PayMoney
)
}}
</td>
<span
v-if=
"item.AccountClassify == 3"
>
虚拟账户
</span>
<td
class=
"empBankAccountIcon"
>
<span
v-if=
"item.AccountClassify == 4"
>
微信支付宝
</span>
<el-button-group>
</td>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"$t('pub.updateMsg')"
placement=
"top-start"
>
<td>
{{
item
.
BankName
}}
</td>
<el-button
@
click=
"outerVisible = true,dialogTitle=$t('ground.xiugaizhanghu'),updateData(item.ID)"
type=
"primary"
style=
'background:#409EFF; border-color:#409EFF'
icon=
"iconfont icon-bianji-smal"
></el-button>
<td>
{{
item
.
CardNum
}}
<br
/>
{{
item
.
AccountHolder
}}
</td>
</el-tooltip>
</tr>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"item.Status=='1'? $t('fnc.qiyong'):$t('pub.fressSel')"
placement=
"top-start"
>
</table>
<el-button
v-if=
'item.Status==1'
@
click=
"deleteData(item.ID)"
type=
"primary"
style=
'background:#09D49D; border-color:#09D49D'
icon=
"iconfont icon-qidong"
></el-button>
</div>
<el-button
v-if=
'item.Status==0'
@
click=
"deleteData(item.ID)"
type=
"primary"
style=
'background:#E95252; border-color:#E95252'
icon=
"iconfont icon-dongjie"
></el-button>
</div>
</el-tooltip>
<div
style=
"display: flex"
>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"$t('ground.mingxi')"
placement=
"top-start"
>
<div
style=
"padding: 10px"
>
<el-button
type=
"primary"
style=
'background:#E6A014; border-color:#E6A014'
icon=
"iconfont icon-rizhi1"
></el-button>
客户类型:
</el-tooltip>
<el-select
</el-button-group>
filterable
</td>
v-model=
"msg.Type"
</tr>
:placeholder=
"$t('fnc.khleixing')"
</table>
class=
"w135 _border_b_1"
<el-pagination
background
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"currentPage"
layout=
"total,prev, pager, next, jumper"
:page-size=
msg.pageSize
:total=
total
>
>
</el-pagination>
<el-option
label=
"不限"
value=
""
key=
"0"
>
</el-option>
<el-option
v-for=
"item in ClientTypeList"
</div>
:label=
"item.Name"
:value=
"item.ID"
:key=
"item.ID"
>
</el-option>
</el-select>
</div>
<div
style=
"padding: 10px"
>
账户分类:
<el-select
v-model=
"msg.AccountClassify"
:placeholder=
"$t('pub.pleaseSel')"
@
change=
"changeTitle"
>
<el-option
label=
"不限"
value=
""
key=
"0"
>
</el-option>
<el-option
:label=
"$t('fnc.yinhang')"
value=
"2"
key=
"2"
></el-option>
<el-option
:label=
"$t('ground.xunizhanghu')"
value=
"3"
key=
"3"
></el-option>
<el-option
label=
"微信支付宝"
value=
"4"
key=
"4"
></el-option>
</el-select>
</div>
<div
style=
"padding: 10px;display: flex"
>
<div
style=
"flex-shrink: 0; margin: 5px 5px 0 0"
>
关键字:
</div>
<el-input
type=
"text"
v-model=
"msg.KeyWord"
></el-input>
</div>
</div>
<div
class=
"query-box"
>
<ul>
<li>
<input
type=
"button"
@
click=
"getList"
class=
"normalBtn"
value=
"查询"
/>
<input
type=
"button"
@
click=
"
(outerVisible = true),
(dialogTitle = $t('ground.xinzengzhanghu')),
resetForm('addMsg')
"
class=
"normalBtn"
:value=
"$t('pub.addBtn')"
/>
</li>
</ul>
</div>
<table
class=
"empBankAccountTable"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
<tr>
<th>
{{
$t
(
"fnc.khleixing"
)
}}
</th>
<th>
{{
$t
(
"ground.zhanghumingcheng"
)
}}
</th>
<th>
{{
$t
(
"fnc.w_zhbieming"
)
}}
</th>
<th>
{{
$t
(
"ground.zhanghuleibie"
)
}}
</th>
<th>
{{
$t
(
"ground.suoshujigou"
)
}}
</th>
<th>
{{
$t
(
"fnc.acc"
)
}}
</th>
<th>
{{
$t
(
"admin.admin_status"
)
}}
</th>
<th>
{{
$t
(
"ground.leijijiaoyi"
)
}}
</th>
<th>
{{
$t
(
"admin.admin_operate"
)
}}
</th>
</tr>
<tr
v-for=
"(item, index) in list"
>
<td>
{{
item
.
TypeName
}}
</td>
<td>
{{
item
.
OpenBankName
}}
</td>
<td>
{{
item
.
AccountAlias
}}
</td>
<td>
<span
v-if=
"item.AccountClassify == 1"
>
{{
$t
(
"fnc.a_ptzhanghu"
)
}}
</span>
<span
v-if=
"item.AccountClassify == 2"
>
银行账户
</span>
<span
v-if=
"item.AccountClassify == 3"
>
虚拟账户
</span>
<span
v-if=
"item.AccountClassify == 4"
>
微信支付宝
</span>
</td>
<td>
{{
item
.
BankName
}}
</td>
<td>
{{
item
.
CardNum
}}
<br
/>
{{
item
.
AccountHolder
}}
</td>
<td>
<span
v-if=
"item.Status != 0"
style=
"color: #e95252"
>
{{
$t
(
"pub.fressSel"
)
}}
</span>
<span
v-if=
"item.Status == 0"
style=
"color: #09d49d"
>
{{
$t
(
"pub.normalSel"
)
}}
</span>
</td>
<td
style=
"color: #ff9c00"
>
¥
{{
moneyFormat
(
item
.
PayMoney
)
}}
</td>
<td
class=
"empBankAccountIcon"
>
<el-button-group>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"$t('pub.updateMsg')"
placement=
"top-start"
>
<el-button
@
click=
"
(outerVisible = true),
(dialogTitle = $t('ground.xiugaizhanghu')),
updateData(item.ID)
"
type=
"primary"
style=
"background: #409eff; border-color: #409eff"
icon=
"iconfont icon-bianji-smal"
></el-button>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"
item.Status == '1' ? $t('fnc.qiyong') : $t('pub.fressSel')
"
placement=
"top-start"
>
<el-button
v-if=
"item.Status == 1"
@
click=
"deleteData(item.ID)"
type=
"primary"
style=
"background: #09d49d; border-color: #09d49d"
icon=
"iconfont icon-qidong"
></el-button>
<el-button
v-if=
"item.Status == 0"
@
click=
"deleteData(item.ID)"
type=
"primary"
style=
"background: #e95252; border-color: #e95252"
icon=
"iconfont icon-dongjie"
></el-button>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
:content=
"$t('ground.mingxi')"
placement=
"top-start"
>
<el-button
type=
"primary"
style=
"background: #e6a014; border-color: #e6a014"
icon=
"iconfont icon-rizhi1"
></el-button>
</el-tooltip>
</el-button-group>
</td>
</tr>
</table>
<el-pagination
background
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"currentPage"
layout=
"total,prev, pager, next, jumper"
:page-size=
"msg.pageSize"
:total=
"total"
>
</el-pagination>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
accountList
:
[],
accountList
:
[],
ClientTypeList
:
[],
ClientTypeList
:
[],
nameA
:
this
.
$t
(
"ground.zhanghumingcheng2"
),
nameA
:
this
.
$t
(
"ground.zhanghumingcheng2"
),
nameB
:
this
.
$t
(
"fnc.khuren"
),
nameB
:
this
.
$t
(
"fnc.khuren"
),
nameC
:
this
.
$t
(
"ground.kahao"
),
nameC
:
this
.
$t
(
"ground.kahao"
),
nameD
:
this
.
$t
(
"fnc.accBming"
),
nameD
:
this
.
$t
(
"fnc.accBming"
),
nameE
:
this
.
$t
(
"fnc.khleixing"
),
nameE
:
this
.
$t
(
"fnc.khleixing"
),
switchValue
:
'1'
,
switchValue
:
"1"
,
dialogTitle
:
''
,
dialogTitle
:
""
,
insideDialogTxt
:
this
.
$t
(
"tips.saveYes"
),
insideDialogTxt
:
this
.
$t
(
"tips.saveYes"
),
outerVisible
:
false
,
outerVisible
:
false
,
innerVisible
:
false
,
innerVisible
:
false
,
isRight
:
true
,
isRight
:
true
,
versions
:
[],
versions
:
[],
total
:
0
,
total
:
0
,
currentPage
:
1
,
currentPage
:
1
,
//请求数据
//请求数据
msg
:{
msg
:
{
BranchId
:
'-1'
,
BranchId
:
"-1"
,
EmpId
:
0
,
EmpId
:
0
,
BankId
:
''
,
BankId
:
""
,
AccountHolder
:
''
,
AccountHolder
:
""
,
AccountAlias
:
''
,
AccountAlias
:
""
,
pageIndex
:
1
,
pageIndex
:
1
,
pageSize
:
15
,
pageSize
:
15
,
Type
:
''
,
Type
:
""
,
},
},
getCompanyMsg
:{
getCompanyMsg
:
{
RB_Group_Id
:
'0'
,
RB_Group_Id
:
"0"
,
Status
:
'0'
,
Status
:
"0"
,
},
},
getUserMsg
:{
getUserMsg
:
{
RB_Branch_id
:
'-1'
,
RB_Branch_id
:
"-1"
,
},
},
//返回数据
//返回数据
list
:[],
list
:
[],
bankList
:[],
bankList
:
[],
layerItem
:[],
layerItem
:
[],
addMsg
:{
addMsg
:
{
Id
:
'0'
,
Id
:
"0"
,
ObjID
:
'-1'
,
ObjID
:
"-1"
,
BankId
:
'-1'
,
BankId
:
"-1"
,
OpenBankName
:
''
,
OpenBankName
:
""
,
BankName
:
''
,
BankName
:
""
,
AccountHolder
:
''
,
AccountHolder
:
""
,
CardNum
:
''
,
CardNum
:
""
,
AccountAlias
:
''
,
AccountAlias
:
""
,
AccountType
:
'1'
,
AccountType
:
"1"
,
AccountClassify
:
'2'
,
AccountClassify
:
"2"
,
Type
:
'9'
,
Type
:
""
,
},
},
rules
:{
rules
:
{
BankName
:[
BankName
:
[
{
required
:
true
,
message
:
this
.
$t
(
"ground.qingtianxieyh"
),
trigger
:
'blur'
}
{
],
required
:
true
,
}
message
:
this
.
$t
(
"ground.qingtianxieyh"
),
}
trigger
:
"blur"
,
},
},
mounted
()
{
],
let
userInfo
=
this
.
getLocalStorage
();
},
// let id = this.$route.query.type ? Number(this.$route.query.type) : 0
};
this
.
getUserMsg
.
RB_Group_id
=
this
.
getCompanyMsg
.
RB_Group_Id
=
userInfo
.
RB_Group_id
;
//集团ID
},
// this.msg.EmpId=0;
mounted
()
{
// this.msg.Type= id;
let
userInfo
=
this
.
getLocalStorage
();
// this.addMsg.ObjID=this.$route.query.id || 0;
// let id = this.$route.query.type ? Number(this.$route.query.type) : 0
// this.addMsg.Type= id;
this
.
getUserMsg
.
RB_Group_id
=
this
.
getCompanyMsg
.
RB_Group_Id
=
this
.
getBank
();
userInfo
.
RB_Group_id
;
//集团ID
this
.
getList
();
// this.msg.EmpId=0;
this
.
changeTitle
();
// this.msg.Type= id;
this
.
financeinfo_post_GetClientTypeList
();
// this.addMsg.ObjID=this.$route.query.id || 0;
},
// this.addMsg.Type= id;
methods
:
{
this
.
getBank
();
financeinfo_post_GetClientTypeList
(){
// 获取对象类型
this
.
getList
();
this
.
apipost
(
'financeinfo_post_GetClientTypeList'
,{},
res
=>
{
this
.
changeTitle
();
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
financeinfo_post_GetClientTypeList
();
this
.
ClientTypeList
=
res
.
data
.
data
;
},
}
methods
:
{
},
err
=>
{})
financeinfo_post_GetClientTypeList
()
{
},
// 获取对象类型
changeTitle
(){
this
.
apipost
(
if
(
this
.
addMsg
.
AccountClassify
==
1
){
"financeinfo_post_GetClientTypeList"
,
this
.
nameA
=
this
.
$t
(
"ground.pingtaimingcheng"
)
{},
this
.
nameB
=
this
.
$t
(
"ground.yonghumingcheng"
)
(
res
)
=>
{
this
.
nameC
=
this
.
$t
(
"fnc.ptAcc"
)
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
nameD
=
this
.
$t
(
"fnc.accBming"
)
this
.
ClientTypeList
=
res
.
data
.
data
;
this
.
addMsg
.
AccountType
=
'1'
}
}
else
if
(
this
.
addMsg
.
AccountClassify
==
2
){
},
this
.
nameA
=
this
.
$t
(
"ground.zhanghumingcheng2"
)
(
err
)
=>
{}
this
.
nameB
=
this
.
$t
(
"fnc.khuren"
)
);
this
.
nameC
=
this
.
$t
(
"ground.kahao"
)
},
this
.
nameD
=
this
.
$t
(
"fnc.accBming"
)
changeTitle
()
{
}
else
if
(
this
.
addMsg
.
AccountClassify
==
3
){
if
(
this
.
addMsg
.
AccountClassify
==
1
)
{
this
.
nameA
=
this
.
$t
(
"ground.pingtaimingcheng"
)
this
.
nameA
=
this
.
$t
(
"ground.pingtaimingcheng"
);
this
.
nameB
=
this
.
$t
(
"ground.yonghumingcheng"
)
this
.
nameB
=
this
.
$t
(
"ground.yonghumingcheng"
);
this
.
nameC
=
this
.
$t
(
"fnc.ptAcc"
)
this
.
nameC
=
this
.
$t
(
"fnc.ptAcc"
);
this
.
nameD
=
this
.
$t
(
"fnc.accBming"
)
this
.
nameD
=
this
.
$t
(
"fnc.accBming"
);
}
else
if
(
this
.
addMsg
.
AccountClassify
==
4
){
this
.
addMsg
.
AccountType
=
"1"
;
this
.
nameA
=
this
.
$t
(
"ground.pingtaimingcheng"
)
}
else
if
(
this
.
addMsg
.
AccountClassify
==
2
)
{
this
.
nameB
=
this
.
$t
(
"ground.yonghumingcheng"
)
this
.
nameA
=
this
.
$t
(
"ground.zhanghumingcheng2"
);
this
.
nameC
=
"账号"
this
.
nameB
=
this
.
$t
(
"fnc.khuren"
);
this
.
nameD
=
"名称"
this
.
nameC
=
this
.
$t
(
"ground.kahao"
);
}
this
.
nameD
=
this
.
$t
(
"fnc.accBming"
);
},
}
else
if
(
this
.
addMsg
.
AccountClassify
==
3
)
{
getList
()
{
//获取列表数据
this
.
nameA
=
this
.
$t
(
"ground.pingtaimingcheng"
);
this
.
apipost
(
"admin_get_GetEmpBankAccountPageList"
,
this
.
msg
,
res
=>
{
this
.
nameB
=
this
.
$t
(
"ground.yonghumingcheng"
);
if
(
res
.
data
.
resultCode
==
1
){
this
.
nameC
=
this
.
$t
(
"fnc.ptAcc"
);
this
.
list
=
res
.
data
.
data
.
pageData
;
this
.
nameD
=
this
.
$t
(
"fnc.accBming"
);
this
.
total
=
res
.
data
.
data
.
count
;
}
else
if
(
this
.
addMsg
.
AccountClassify
==
4
)
{
}
else
{}
this
.
nameA
=
this
.
$t
(
"ground.pingtaimingcheng"
);
},
err
=>
{})
this
.
nameB
=
this
.
$t
(
"ground.yonghumingcheng"
);
},
this
.
nameC
=
"账号"
;
// getCompany(){
this
.
nameD
=
"名称"
;
// this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
}
// if(res.data.resultCode==1){
},
// this.companyList=res.data.data;
getList
()
{
// }else{}
//获取列表数据
// },err=>{})
this
.
apipost
(
// },
"admin_get_GetEmpBankAccountPageList"
,
getBank
(){
this
.
msg
,
this
.
apipost
(
'FinancialInstitutions_post_GetList'
,{
Type
:
0
},
res
=>
{
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
){
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
bankList
=
res
.
data
.
data
;
this
.
list
=
res
.
data
.
data
.
pageData
;
}
else
{}
this
.
total
=
res
.
data
.
data
.
count
;
},
err
=>
{})
}
else
{
},
}
addData
(){
//添加角色
},
this
.
addMsg
.
ObjID
=
this
.
$route
.
query
.
id
;
(
err
)
=>
{}
if
(
this
.
addMsg
.
AccountClassify
!=
'3'
&&
this
.
addMsg
.
AccountClassify
!=
'4'
){
);
if
(
this
.
addMsg
.
OpenBankName
==
''
){
},
this
.
$message
.
error
(
this
.
$t
(
'visaT.Pleasefillin'
)
+
this
.
nameA
)
// getCompany(){
return
// this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
}
// if(res.data.resultCode==1){
if
(
this
.
addMsg
.
AccountHolder
==
''
){
// this.companyList=res.data.data;
this
.
$message
.
error
(
this
.
$t
(
'visaT.Pleasefillin'
)
+
this
.
nameB
)
// }else{}
return
// },err=>{})
}
// },
}
getBank
()
{
if
(
this
.
addMsg
.
CardNum
==
''
){
this
.
apipost
(
this
.
$message
.
error
(
this
.
$t
(
'visaT.Pleasefillin'
)
+
this
.
nameC
)
"FinancialInstitutions_post_GetList"
,
return
{
Type
:
0
},
}
(
res
)
=>
{
if
(
this
.
addMsg
.
AccountAlias
==
''
){
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
$message
.
error
(
this
.
$t
(
'visaT.Pleasefillin'
)
+
this
.
nameD
)
this
.
bankList
=
res
.
data
.
data
;
return
}
else
{
}
}
// 查询是否有冲突的账户信息
},
this
.
checkCanAdd
()
(
err
)
=>
{}
},
);
addAccount
()
{
},
this
.
apipost
(
"admin_post_SetEmpBankAccount"
,
this
.
addMsg
,
res
=>
{
addData
()
{
if
(
res
.
data
.
resultCode
==
1
)
//添加角色
{
this
.
addMsg
.
ObjID
=
this
.
$route
.
query
.
id
;
this
.
$message
.
success
(
res
.
data
.
message
)
if
(
this
.
outerVisible
=
false
;
this
.
addMsg
.
AccountClassify
!=
"3"
&&
this
.
getList
()
this
.
addMsg
.
AccountClassify
!=
"4"
this
.
resetForm
(
'addMsg'
);
)
{
}
else
{
if
(
this
.
addMsg
.
OpenBankName
==
""
)
{
this
.
$message
.
error
(
res
.
data
.
message
)
this
.
$message
.
error
(
this
.
$t
(
"visaT.Pleasefillin"
)
+
this
.
nameA
);
}
return
;
}
},
err
=>
{})},
if
(
this
.
addMsg
.
AccountHolder
==
""
)
{
checkCanAdd
()
{
this
.
$message
.
error
(
this
.
$t
(
"visaT.Pleasefillin"
)
+
this
.
nameB
);
this
.
apipost
(
'admin_post_GetBackAccount'
,{
RB_Group_Id
:
this
.
addMsg
.
ObjID
,
...
this
.
addMsg
},
res
=>
{
return
;
if
(
res
.
data
.
resultCode
==
1
){
}
if
(
res
.
data
.
data
&&
res
.
data
.
data
.
length
)
{
}
this
.
accountList
=
res
.
data
.
data
if
(
this
.
addMsg
.
CardNum
==
""
)
{
}
else
{
this
.
$message
.
error
(
this
.
$t
(
"visaT.Pleasefillin"
)
+
this
.
nameC
);
this
.
addAccount
()
return
;
}
}
}
else
{
if
(
this
.
addMsg
.
AccountAlias
==
""
)
{
this
.
$message
.
error
(
res
.
data
.
message
)}
this
.
$message
.
error
(
this
.
$t
(
"visaT.Pleasefillin"
)
+
this
.
nameD
);
},
err
=>
{})
return
;
},
}
updateData
(
id
){
//修改角色
// 查询是否有冲突的账户信息
this
.
apipost
(
'admin_get_GetEmpBackAccount'
,{
BAId
:
id
},
res
=>
{
this
.
checkCanAdd
();
if
(
res
.
data
.
resultCode
==
1
){
},
this
.
addMsg
=
res
.
data
.
data
;
addAccount
()
{
this
.
addMsg
.
AccountType
=
res
.
data
.
data
.
AccountType
.
toString
();
this
.
apipost
(
this
.
addMsg
.
AccountClassify
=
res
.
data
.
data
.
AccountClassify
.
toString
();
"admin_post_SetEmpBankAccount"
,
this
.
addMsg
.
BankId
=
res
.
data
.
data
.
BankId
this
.
addMsg
,
this
.
changeTitle
()
(
res
)
=>
{
}
else
{}
if
(
res
.
data
.
resultCode
==
1
)
{
},
err
=>
{})
this
.
$message
.
success
(
res
.
data
.
message
);
// this.addMsg = this.dataList[index]
this
.
outerVisible
=
false
;
// this.addMsg.Status = this.dataList[index].Status.toString();
this
.
getList
();
},
this
.
resetForm
(
"addMsg"
);
deleteData
(
id
){
}
else
{
this
.
$confirm
(
this
.
$t
(
'ground.querenqiyong'
),
'提示'
,
{
this
.
$message
.
error
(
res
.
data
.
message
);
confirmButtonText
:
this
.
$t
(
'pub.sureBtn'
),
}
cancelButtonText
:
this
.
$t
(
'pub.cancelBtn'
),
},
type
:
'warning'
(
err
)
=>
{}
}).
then
(()
=>
{
);
this
.
apipost
(
'admin_post_DelEmpBankAccount'
,
{
},
BAId
:
id
checkCanAdd
()
{
},
res
=>
{
this
.
apipost
(
if
(
res
.
data
.
resultCode
==
1
)
{
"admin_post_GetBackAccount"
,
this
.
$message
.
success
(
thi
.
$t
(
'pub.saveYes'
))
{
RB_Group_Id
:
this
.
addMsg
.
ObjID
,
...
this
.
addMsg
},
this
.
getList
();
(
res
)
=>
{
}
if
(
res
.
data
.
resultCode
==
1
)
{
},
err
=>
{})
if
(
res
.
data
.
data
&&
res
.
data
.
data
.
length
)
{
this
.
accountList
=
res
.
data
.
data
;
}).
catch
(()
=>
{
}
else
{
this
.
$message
.
info
(
this
.
$t
(
'ground.yiquxiao'
))
this
.
addAccount
();
});
}
},
}
else
{
handleCurrentChange
(
val
)
{
this
.
$message
.
error
(
res
.
data
.
message
);
this
.
msg
.
pageIndex
=
val
;
}
this
.
getList
();
},
},
(
err
)
=>
{}
resetPageIndex
()
{
);
this
.
msg
.
pageIndex
=
1
;
},
this
.
currentPage
=
1
updateData
(
id
)
{
},
//修改角色
submitForm
(
addMsg
)
{
//提交创建、修改表单
this
.
apipost
(
this
.
$refs
[
addMsg
].
validate
((
valid
)
=>
{
"admin_get_GetEmpBackAccount"
,
if
(
valid
)
{
{
BAId
:
id
},
this
.
addData
();
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
}
else
{
this
.
addMsg
=
res
.
data
.
data
;
return
false
;
this
.
addMsg
.
AccountType
=
res
.
data
.
data
.
AccountType
.
toString
();
}
this
.
addMsg
.
AccountClassify
=
});
res
.
data
.
data
.
AccountClassify
.
toString
();
},
this
.
addMsg
.
BankId
=
res
.
data
.
data
.
BankId
;
closeChangeMachie
(
done
){
//弹出框关闭初始化弹框内表单
this
.
changeTitle
();
done
();
}
else
{
this
.
resetForm
(
'addMsg'
);
}
},
},
resetForm
(
formName
)
{
//弹出框取消 初始化谈框内表单
(
err
)
=>
{}
this
.
accountList
=
[]
);
this
.
$refs
[
formName
].
resetFields
();
// this.addMsg = this.dataList[index]
this
.
addMsg
.
AccountType
=
'1'
;
// this.addMsg.Status = this.dataList[index].Status.toString();
this
.
addMsg
.
AccountClassify
=
'2'
;
},
this
.
addMsg
.
Id
=
'0'
;
deleteData
(
id
)
{
this
.
addMsg
.
ObjID
=
'-1'
;
this
.
$confirm
(
this
.
$t
(
"ground.querenqiyong"
),
"提示"
,
{
this
.
addMsg
.
BankId
=
'-1'
;
confirmButtonText
:
this
.
$t
(
"pub.sureBtn"
),
this
.
addMsg
.
OpenBankName
=
''
;
cancelButtonText
:
this
.
$t
(
"pub.cancelBtn"
),
this
.
addMsg
.
BankName
=
''
;
type
:
"warning"
,
this
.
addMsg
.
AccountHolder
=
''
;
})
this
.
addMsg
.
CardNum
=
''
;
.
then
(()
=>
{
this
.
addMsg
.
AccountAlias
=
''
;
this
.
apipost
(
"admin_post_DelEmpBankAccount"
,
{
BAId
:
id
,
},
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
$message
.
success
(
thi
.
$t
(
"pub.saveYes"
));
this
.
getList
();
}
},
(
err
)
=>
{}
);
})
.
catch
(()
=>
{
this
.
$message
.
info
(
this
.
$t
(
"ground.yiquxiao"
));
});
},
handleCurrentChange
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
();
},
resetPageIndex
()
{
this
.
msg
.
pageIndex
=
1
;
this
.
currentPage
=
1
;
},
submitForm
(
addMsg
)
{
//提交创建、修改表单
this
.
$refs
[
addMsg
].
validate
((
valid
)
=>
{
if
(
valid
)
{
this
.
addData
();
}
else
{
return
false
;
}
}
}
});
}
},
closeChangeMachie
(
done
)
{
//弹出框关闭初始化弹框内表单
done
();
this
.
resetForm
(
"addMsg"
);
},
resetForm
(
formName
)
{
//弹出框取消 初始化谈框内表单
this
.
accountList
=
[];
this
.
$refs
[
formName
].
resetFields
();
this
.
addMsg
.
AccountType
=
"1"
;
this
.
addMsg
.
AccountClassify
=
"2"
;
this
.
addMsg
.
Id
=
"0"
;
this
.
addMsg
.
ObjID
=
"-1"
;
this
.
addMsg
.
BankId
=
"-1"
;
this
.
addMsg
.
OpenBankName
=
""
;
this
.
addMsg
.
BankName
=
""
;
this
.
addMsg
.
AccountHolder
=
""
;
this
.
addMsg
.
CardNum
=
""
;
this
.
addMsg
.
AccountAlias
=
""
;
},
},
};
</
script
>
</
script
>
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