Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
Z
zhqg-vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
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
zhqg
zhqg-vue
Commits
72b977bd
Commit
72b977bd
authored
Oct 27, 2020
by
wangyalan-git
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
余额审核/会员管理页面添加余额详情
parent
7ab587ee
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
890 additions
and
6 deletions
+890
-6
audit.vue
src/views/modules/order/audit.vue
+17
-4
balance-detail.vue
src/views/modules/user/balance-detail.vue
+433
-0
user.vue
src/views/modules/user/user.vue
+17
-2
view-balance.vue
src/views/modules/user/view-balance.vue
+423
-0
No files found.
src/views/modules/order/audit.vue
View file @
72b977bd
...
@@ -24,9 +24,12 @@
...
@@ -24,9 +24,12 @@
<el-button
<el-button
type=
"primary"
type=
"primary"
size=
"small"
size=
"small"
icon=
"el-icon-detail"
@
click=
"addOrUpdateHandle(scope.row.id,false)"
>
详情
</el-button>
@
click=
"addOrUpdateHandle(scope.row.id,false)"
>
详情
</el-button>
<el-button
<el-button
type=
"success"
size=
"small"
@
click=
"viewBalance(scope.row.userId)"
>
余额
</el-button>
<el-button
v-if=
"!scope.row.applyStatus"
v-if=
"!scope.row.applyStatus"
type=
"primary"
type=
"primary"
size=
"small"
size=
"small"
...
@@ -40,18 +43,21 @@
...
@@ -40,18 +43,21 @@
<add-or-update
v-if=
"addOrUpdateVisible"
<add-or-update
v-if=
"addOrUpdateVisible"
ref=
"addOrUpdate"
ref=
"addOrUpdate"
@
refreshDataList=
"getDataList"
></add-or-update>
@
refreshDataList=
"getDataList"
></add-or-update>
<view-balance
v-if=
"viewBalanceVisible"
ref=
"viewBalance"
></view-balance>
</div>
</div>
</template>
</template>
<
script
>
<
script
>
import
{
tableOption
}
from
'@/crud/order/audit'
import
{
tableOption
}
from
'@/crud/order/audit'
import
AddOrUpdate
from
'./audit-add-or-update'
import
AddOrUpdate
from
'./audit-add-or-update'
import
ViewBalance
from
'../user/view-balance'
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
dataForm
:
{
dataForm
:
{
},
},
viewBalanceVisible
:
false
,
dataList
:
[],
dataList
:
[],
page
:
{
page
:
{
total
:
0
,
// 总页数
total
:
0
,
// 总页数
...
@@ -65,7 +71,8 @@ export default {
...
@@ -65,7 +71,8 @@ export default {
}
}
},
},
components
:
{
components
:
{
AddOrUpdate
AddOrUpdate
,
ViewBalance
},
},
filters
:{
filters
:{
filterStatus
(
data
){
filterStatus
(
data
){
...
@@ -149,7 +156,13 @@ export default {
...
@@ -149,7 +156,13 @@ export default {
},
},
refreshChange
()
{
refreshChange
()
{
this
.
getDataList
(
this
.
page
)
this
.
getDataList
(
this
.
page
)
}
},
viewBalance
(
id
){
this
.
viewBalanceVisible
=
true
this
.
$nextTick
(()
=>
{
this
.
$refs
.
viewBalance
.
init
(
id
)
})
},
}
}
}
}
</
script
>
</
script
>
src/views/modules/user/balance-detail.vue
0 → 100644
View file @
72b977bd
<
template
>
<el-dialog
append-to-body
title=
"详情"
:close-on-click-modal=
"false"
:visible
.
sync=
"visible"
width=
"80%"
>
<el-form
:model=
"dataForm"
ref=
"dataForm"
@
keyup
.
enter
.
native=
"dataFormSubmit()"
label-width=
"120px"
>
<div
class=
"main"
>
<div
class=
"content"
>
<div
class=
"order-number"
>
<div
class=
"num-cont"
>
<el-row>
<el-col
:span=
"8"
>
<el-form-item
label=
"标题:"
>
<span
class=
"text"
>
{{
dataForm
.
title
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-form-item
label=
"金额:"
>
<span
class=
"text"
>
{{
dataForm
.
amount
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-form-item
label=
"时间:"
>
<span
class=
"text"
>
{{
dataForm
.
createTime
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-form-item
label=
"类型:"
>
<div
class=
"item"
>
<!-- 余额类型 1订单佣金 2订单收益 3退单 4提现5余额购买6订单转让7余额审核不通过8余额审核提现-->
<span
v-if=
"dataForm.balanceType === 1"
size=
"small"
type=
"danger"
>
订单佣金
</span>
<span
v-else-if=
"dataForm.balanceType === 2"
size=
"small"
type=
"danger"
>
订单收益
</span>
<span
v-else-if=
"dataForm.balanceType === 3"
size=
"small"
type=
"danger"
>
退单
</span>
<span
v-else-if=
"dataForm.balanceType === 4"
size=
"small"
type=
"danger"
>
提现金额
</span>
<span
v-else-if=
"dataForm.balanceType === 5"
size=
"small"
type=
"danger"
>
余额购买
</span>
<span
v-else-if=
"dataForm.balanceType === 6"
size=
"small"
type=
"danger"
>
订单转让
</span>
<span
v-else-if=
"dataForm.balanceType === 7"
size=
"small"
type=
"danger"
>
余额审核不通过
</span>
<span
v-else-if=
"dataForm.balanceType === 8"
size=
"small"
type=
"danger"
>
余额审核提现
</span>
<span
v-else
size=
"small"
type=
"danger"
></span>
</div>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-form-item
label=
"状态:"
>
<div
class=
"item"
>
<span
v-if=
"dataForm.balanceStatus === 1"
size=
"small"
type=
"danger"
>
正常
</span>
<span
v-else-if=
"dataForm.balanceStatus === 2"
size=
"small"
type=
"danger"
>
冻结
</span>
<span
v-else
size=
"small"
type=
"danger"
></span>
</div>
</el-form-item>
</el-col>
</el-row>
<!-- 订单信息-->
<el-row>
<el-col
:span=
"8"
v-if=
"dataForm.orderNumber"
>
<el-form-item
label=
"订单编号:"
>
<span
class=
"text"
>
{{
dataForm
.
orderNumber
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
v-if=
"dataForm.orderIncome"
>
<el-form-item
label=
"累计收益金额:"
>
<span
class=
"text"
>
{{
dataForm
.
orderIncome
.
incomeAmount
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
v-if=
"dataForm.orderIncome"
>
<el-form-item
label=
"可提现收益金额:"
>
<span
class=
"text"
>
{{
dataForm
.
orderIncome
.
toCashAmmount
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
v-if=
"dataForm.orderIncome"
>
<el-form-item
label=
"提现收益金额:"
>
<span
class=
"text"
>
{{
dataForm
.
orderIncome
.
cashAmomunt
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
v-if=
"dataForm.order"
>
<el-form-item
label=
"订单实付:"
>
<span
class=
"text"
>
{{
dataForm
.
order
.
actualTotal
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
v-if=
"dataForm.orderIncome"
>
<el-form-item
label=
"现在订单价格:"
>
<span
class=
"text"
>
{{
dataForm
.
orderIncome
.
nowOrderAmount
}}
</span>
</el-form-item>
</el-col>
<el-col
:span=
"8"
v-if=
"dataForm.order"
>
<el-form-item
label=
"订单状态:"
>
<!-- 订单状态 -1已取消 1:待付款 2:待发货 3:待收货 4:待评价 5:成功 6:失败 7收益中 8挂单中 9已退单 10完成 11挂单待付款-->
<template
slot-scope=
"scope"
>
<el-tag
v-if=
"dataForm.order.status === 1"
size=
"small"
type=
"warning"
>
待付款
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 2"
size=
"small"
type=
"warning"
>
待发货
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 3"
size=
"small"
type=
"warning"
>
待收货
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 4"
size=
"small"
type=
"warning"
>
待评价
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 5"
size=
"small"
type=
"success"
>
成功
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 6"
size=
"small"
type=
"danger"
>
失败
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 7"
size=
"small"
type=
"warning"
>
收益中
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 8"
size=
"small"
type=
"warning"
>
挂单中
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 9"
size=
"small"
type=
"warning"
>
已退单
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 10"
size=
"small"
type=
"warning"
>
已完成
</el-tag>
<el-tag
v-if=
"dataForm.order.status === 11"
size=
"small"
type=
"warning"
>
挂单待付款
</el-tag>
</
template
>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div
class=
"order-state"
>
<div
class=
"state-cont"
>
<div
class=
"item-list"
v-if=
"dataForm.orderItemList && dataForm.orderItemList.length"
>
<el-table
:data=
"dataForm.orderItemList"
border
>
<el-table-column
prop=
""
label=
"商品"
>
<
template
slot-scope=
"scope"
>
<img
:src=
"resourcesUrl + scope.row.pic"
width=
"100"
height=
"100"
/>
<span>
{{
scope
.
row
.
prodName
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"price"
label=
"单价"
width=
"180"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
price
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"count"
label=
"数量"
width=
"180"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
prodCount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"totalPrice"
label=
"总价"
width=
"180"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
productTotalAmount
}}
</span>
</
template
>
</el-table-column>
</el-table>
</div>
</div>
</div>
</div>
</div>
</el-form>
</el-dialog>
</template>
<
script
>
// import AddOrUpdate from './order-addr'
// import DevyAdd from './order-devy'
export
default
{
data
()
{
return
{
visible
:
false
,
dataForm
:
{
orderId
:
0
,
orderNumber
:
''
,
remarks
:
''
,
total
:
0
,
actualTotal
:
0
,
dvyType
:
''
,
status
:
1
,
addrOrderId
:
0
,
nickName
:
''
,
orderItems
:
[],
orderTime
:
''
,
updateTime
:
''
,
payTime
:
''
,
dvyTime
:
''
,
finallyTime
:
''
,
cancelTime
:
''
,
userAddrOrder
:
{}
},
resourcesUrl
:
window
.
SITE_CONFIG
.
resourcesUrl
,
addOrUpdateVisible
:
false
,
devyVisible
:
false
}
},
components
:
{
// AddOrUpdate,
// DevyAdd
},
watch
:
{
visible
:
function
()
{
if
(
!
this
.
visible
)
{
this
.
devyVisible
=
false
this
.
addOrUpdateVisible
=
false
}
}
},
methods
:
{
init
(
item
)
{
this
.
visible
=
true
this
.
dataForm
=
item
console
.
log
(
'item'
,
item
)
},
getDataList
()
{
this
.
$http
({
url
:
this
.
$http
.
adornUrl
(
`/order/order/orderInfo/
${
this
.
dataForm
.
orderNumber
}
`
),
method
:
'get'
,
params
:
this
.
$http
.
adornParams
()
}).
then
(({
data
})
=>
{
this
.
dataForm
=
data
})
},
// 表单提交
dataFormSubmit
()
{
},
// 发货
changeOrder
(
orderNumber
)
{
this
.
devyVisible
=
true
this
.
$nextTick
(()
=>
{
this
.
$refs
.
devyAdd
.
init
(
orderNumber
,
this
.
dataForm
.
dvyId
,
this
.
dataForm
.
dvyFlowId
)
})
},
// 修改备注
changeRemarks
()
{
},
// 修改地址
changeAddr
(
val
)
{
this
.
addOrUpdateVisible
=
true
this
.
$nextTick
(()
=>
{
this
.
$refs
.
addOrUpdate
.
init
(
val
)
})
}
}
}
</
script
>
<
style
>
.main
{
height
:
100%
;
width
:
100%
;
font
:
14px
Arial
,
"PingFang SC"
,
"Hiragino Sans GB"
,
STHeiti
,
"Microsoft YaHei"
,
"WenQuanYi Micro Hei"
,
sans-serif
;
color
:
#495060
;
}
.content
{
margin
:
0
20px
;
}
.content
.steps
{
margin-top
:
50px
;
}
.order-number
.number-text
{
font-weight
:
bold
;
}
.order-number
.text
{
font-size
:
14px
;
color
:
#8a8a8a
;
}
.order-state
.state-title
{
width
:
100%
;
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
}
.title-left
span
{
font-weight
:
bold
;
}
.title-left
.text
{
color
:
red
;
}
.state-title
.title-mid
{
display
:
flex
;
align-items
:
center
;
}
.title-mid
img
{
width
:
18px
;
height
:
18px
;
}
.title-mid
.mid-text
{
color
:
red
;
}
.title-mid
.text
{
color
:
#8a8a8a
;
}
.content
.order-state
{
position
:
relative
;
/*margin-top: 50px;*/
/*border-bottom: 1px solid #e9eaec;*/
}
.order-state
.order-info
{
width
:
100%
;
border-top
:
1px
solid
#e9eaec
;
margin
:
50px
0
;
display
:
flex
;
}
.order-info
img
{
width
:
18px
!important
;
height
:
18px
!important
;
margin-right
:
15px
;
}
.order-info
.detail-title
{
height
:
50px
;
line-height
:
50px
;
display
:
flex
;
align-items
:
center
;
}
.order-info
.order-details
{
width
:
50%
;
border-right
:
1px
solid
#e9eaec
;
}
.order-info
.detail-cont
{
position
:
relative
;
}
.detail-cont
.detail01
{
display
:
flex
;
height
:
100%
;
line-height
:
25px
;
margin-top
:
15px
;
}
.detail01
.text-width
{
width
:
100%
;
}
.detail02
.text-width
{
width
:
100%
;
}
.detail-cont
.revise-addr
{
color
:
#4395ff
;
position
:
absolute
;
top
:
15px
;
right
:
0
;
display
:
flex
;
align-items
:
center
;
cursor
:
pointer
;
}
.order-info
.detail-cont
{
border-top
:
1px
dashed
#e9eaec
;
margin
:
15px
20px
0
0
;
}
.order-info
.buyers
{
width
:
50%
;
margin-left
:
20px
;
}
.buyers
.buyers-info
{
border-top
:
1px
dashed
#e9eaec
;
margin-top
:
15px
;
position
:
relative
;
}
.buyers
.detail02
{
display
:
flex
;
height
:
100%
;
line-height
:
25px
;
margin-top
:
15px
;
}
.buyers
.revise-remarks
{
color
:
#4395ff
;
position
:
absolute
;
top
:
15px
;
right
:
0
;
display
:
flex
;
align-items
:
center
;
cursor
:
pointer
;
}
.order-state
.item-info
{
padding-left
:
70%
;
margin
:
25px
0
;
}
.item-info
span
{
margin-bottom
:
15px
;
line-height
:
30px
;
}
.item-info
.text
{
position
:
absolute
;
right
:
0
;
}
.item-info
.amount
{
font-size
:
18px
;
color
:
red
;
}
.order-log
.log-title
{
height
:
50px
;
width
:
100%
;
line-height
:
50px
;
font-weight
:
bold
;
border-bottom
:
1px
dashed
#e9eaec
;
}
.order-log
.log-cont
{
margin-top
:
15px
;
color
:
#4395ff
;
}
</
style
>
src/views/modules/user/user.vue
View file @
72b977bd
...
@@ -31,6 +31,10 @@
...
@@ -31,6 +31,10 @@
size=
"small"
size=
"small"
v-if=
"isAuth('admin:user:update')"
v-if=
"isAuth('admin:user:update')"
@
click
.
stop=
"addOrUpdateHandle(scope.row.userId)"
>
编辑
</el-button>
@
click
.
stop=
"addOrUpdateHandle(scope.row.userId)"
>
编辑
</el-button>
<el-button
type=
"primary"
icon=
"el-icon-user"
size=
"small"
@
click
.
stop=
"viewBalance(scope.row.userId)"
>
查看余额
</el-button>
<el-button
type=
"danger"
<el-button
type=
"danger"
icon=
"el-icon-delete"
icon=
"el-icon-delete"
...
@@ -44,12 +48,15 @@
...
@@ -44,12 +48,15 @@
<add-or-update
v-if=
"addOrUpdateVisible"
<add-or-update
v-if=
"addOrUpdateVisible"
ref=
"addOrUpdate"
ref=
"addOrUpdate"
@
refreshDataList=
"getDataList"
></add-or-update>
@
refreshDataList=
"getDataList"
></add-or-update>
</div>
<view-balance
v-if=
"viewBalanceVisible"
ref=
"viewBalance"
></view-balance>
</div>
</template>
</template>
<
script
>
<
script
>
import
{
tableOption
}
from
'@/crud/user/user'
import
{
tableOption
}
from
'@/crud/user/user'
import
AddOrUpdate
from
'./user-add-or-update'
import
AddOrUpdate
from
'./user-add-or-update'
import
ViewBalance
from
'./view-balance'
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
...
@@ -57,6 +64,7 @@ export default {
...
@@ -57,6 +64,7 @@ export default {
dataListLoading
:
false
,
dataListLoading
:
false
,
dataListSelections
:
[],
dataListSelections
:
[],
addOrUpdateVisible
:
false
,
addOrUpdateVisible
:
false
,
viewBalanceVisible
:
false
,
tableOption
:
tableOption
,
tableOption
:
tableOption
,
page
:
{
page
:
{
total
:
0
,
// 总页数
total
:
0
,
// 总页数
...
@@ -66,7 +74,8 @@ export default {
...
@@ -66,7 +74,8 @@ export default {
}
}
},
},
components
:
{
components
:
{
AddOrUpdate
AddOrUpdate
,
ViewBalance
},
},
methods
:
{
methods
:
{
// 获取数据列表
// 获取数据列表
...
@@ -97,6 +106,12 @@ export default {
...
@@ -97,6 +106,12 @@ export default {
this
.
$refs
.
addOrUpdate
.
init
(
id
)
this
.
$refs
.
addOrUpdate
.
init
(
id
)
})
})
},
},
viewBalance
(
id
){
this
.
viewBalanceVisible
=
true
this
.
$nextTick
(()
=>
{
this
.
$refs
.
viewBalance
.
init
(
id
)
})
},
// 删除
// 删除
deleteHandle
(
id
)
{
deleteHandle
(
id
)
{
var
ids
=
id
?
[
id
]
:
this
.
dataListSelections
.
map
(
item
=>
{
var
ids
=
id
?
[
id
]
:
this
.
dataListSelections
.
map
(
item
=>
{
...
...
src/views/modules/user/view-balance.vue
0 → 100644
View file @
72b977bd
<
template
>
<el-dialog
title=
"余额明细"
:close-on-click-modal=
"false"
:visible
.
sync=
"visible"
>
<div
class=
"mod-order-order"
>
<el-form
:inline=
"true"
:model=
"dataForm"
@
keyup
.
enter
.
native=
"getDataList(this.page)"
>
<el-form-item>
<!--
<el-date-picker
v-model=
"dateRange"
--
>
<!-- type="datetimerange"-->
<!-- range-separator="至"-->
<!-- value-format="yyyy-MM-dd HH:mm:ss"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期">-->
<!--
</el-date-picker>
-->
</el-form-item>
<el-form-item>
<template>
<el-select
v-model=
"dataForm.balanceType"
clearable
placeholder=
"请选择余额类型"
>
<el-option
v-for=
"item in options"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
<el-select
v-model=
"dataForm.balanceStatus"
clearable
placeholder=
"请选择余额状态"
>
<el-option
v-for=
"item in statusOptions"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
</
template
>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"small"
@
click=
"getDataList()"
>
查询
</el-button>
</el-form-item>
</el-form>
<div
class=
"main"
>
<div
class=
"content"
>
<div
class=
"tit"
>
<el-row
class=
"table-title"
style=
"width:100%"
>
<el-col
:span=
"5"
><span
class=
"item"
>
金额
</span></el-col>
<el-col
:span=
"5"
><span
class=
"item"
>
余额类型
</span></el-col>
<el-col
:span=
"5"
><span
class=
"item"
>
余额状态
</span></el-col>
<el-col
:span=
"5"
><span
class=
"item"
>
时间
</span></el-col>
<el-col
:span=
"4"
><span
class=
"item"
>
操作
</span></el-col>
</el-row>
</div>
<div
class=
"prod"
v-for=
"order in dataList"
:key=
"order.orderId"
>
<div
class=
"prod-cont"
>
<el-row
style=
"width:100%"
>
<el-col
:span=
"5"
style=
"height: 100%;"
>
<div
class=
"item"
>
<div>
<span
class=
"totalprice"
>
¥{{order.amount}}
</span>
</div>
</div>
</el-col>
<el-col
:span=
"5"
style=
"height: 100%;"
>
<div
class=
"item"
>
<!-- 余额类型 1订单佣金 2订单收益 3退单 4提现5余额购买6订单转让7余额审核不通过8余额审核提现-->
<span
v-if=
"order.balanceType === 1"
size=
"small"
type=
"danger"
>
订单佣金
</span>
<span
v-else-if=
"order.balanceType === 2"
size=
"small"
type=
"danger"
>
订单收益
</span>
<span
v-else-if=
"order.balanceType === 3"
size=
"small"
type=
"danger"
>
退单
</span>
<span
v-else-if=
"order.balanceType === 4"
size=
"small"
type=
"danger"
>
提现金额
</span>
<span
v-else-if=
"order.balanceType === 5"
size=
"small"
type=
"danger"
>
余额购买
</span>
<span
v-else-if=
"order.balanceType === 6"
size=
"small"
type=
"danger"
>
订单转让
</span>
<span
v-else-if=
"order.balanceType === 7"
size=
"small"
type=
"danger"
>
余额审核不通过
</span>
<span
v-else-if=
"order.balanceType === 8"
size=
"small"
type=
"danger"
>
余额审核提现
</span>
<span
v-else
size=
"small"
type=
"danger"
></span>
</div>
</el-col>
<!-- <余额状态 1正常 2冻结-->
<el-col
:span=
"5"
style=
"height: 100%;"
>
<div
class=
"item"
>
<span
v-if=
"order.balanceStatus === 1"
size=
"small"
type=
"danger"
>
正常
</span>
<span
v-else-if=
"order.balanceStatus === 2"
size=
"small"
type=
"danger"
>
冻结
</span>
<span
v-else
size=
"small"
type=
"danger"
></span>
</div>
</el-col>
<el-col
:span=
"5"
style=
"height: 100%;"
>
<div
class=
"item"
>
<span
size=
"small"
type=
"danger"
>
{{order.createTime}}
</span>
</div>
</el-col>
<el-col
:span=
"4"
style=
"height: 100%;"
>
<div
class=
"item"
>
<div
class=
"operate"
>
<!-- <button onclick="">打印订单</button><br> -->
<el-button
v-if=
"isAuth('order:order:update')"
type=
"text"
size=
"small"
@
click=
"addOrUpdateHandle(order)"
>
详情
</el-button>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
<div
class=
"no-result"
v-if=
"!(dataList && dataList.length)"
>
暂无数据
</div>
</div>
</div>
<el-pagination
style=
"padding: 20px 5px"
@
size-change=
"sizeChangeHandle"
@
current-change=
"currentChangeHandle"
:current-page=
"page.pageIndex"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"page.pageSize"
:total=
"page.total"
layout=
"total, sizes, prev, pager, next, jumper"
>
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update
v-if=
"addOrUpdateVisible"
ref=
"addOrUpdate"
@
refreshDataList=
"getDataList"
></add-or-update>
</div>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"visible = false"
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"visible = false"
>
确定
</el-button>
</span>
</el-dialog>
</template>
<
script
>
import
AddOrUpdate
from
'./balance-detail'
export
default
{
data
()
{
return
{
userId
:
''
,
visible
:
false
,
dataForm
:
{},
dateRange
:
[],
statusOptions
:
[
{
value
:
1
,
label
:
'正常'
},
{
value
:
2
,
label
:
'冻结'
}],
// 余额类型 1订单佣金 2订单收益 3退单 4提现5余额购买6订单转让7余额审核不通过8余额审核提现
options
:
[
{
value
:
1
,
label
:
'订单佣金'
},
{
value
:
2
,
label
:
'订单收益'
},
{
value
:
3
,
label
:
'退单'
},
{
value
:
4
,
label
:
'提现'
},
{
value
:
5
,
label
:
'余额购买'
},
{
value
:
6
,
label
:
'订单转让'
},
{
value
:
7
,
label
:
'余额审核不通过'
},
{
value
:
8
,
label
:
'余额审核提现'
}],
resourcesUrl
:
window
.
SITE_CONFIG
.
resourcesUrl
,
dataList
:
[],
page
:
{
total
:
0
,
// 总页数
currentPage
:
1
,
// 当前页数
pageSize
:
10
// 每页显示多少条
},
dataListLoading
:
false
,
dataListSelections
:
[],
addOrUpdateVisible
:
false
,
consignmentInfoVisible
:
false
,
dataRule
:
{
nickName
:
[
{
required
:
true
,
message
:
'用户名不能为空'
,
trigger
:
'blur'
}
]
}
}
},
components
:
{
AddOrUpdate
},
methods
:
{
init
(
id
)
{
this
.
userId
=
id
this
.
visible
=
true
this
.
getDataList
(
this
.
page
,{
userId
:
this
.
userId
})
},
// 获取数据列表
getDataList
(
page
,
params
)
{
page
=
(
page
===
undefined
?
this
.
page
:
page
)
this
.
dataListLoading
=
true
this
.
$http
({
url
:
this
.
$http
.
adornUrl
(
'/balanceRecord/getBalanceRecordList'
),
method
:
'get'
,
params
:
this
.
$http
.
adornParams
(
Object
.
assign
(
{
current
:
page
==
null
?
this
.
page
.
currentPage
:
page
.
currentPage
,
size
:
page
==
null
?
this
.
page
.
pageSize
:
page
.
pageSize
,
'userId'
:
this
.
userId
,
'balanceStatus'
:
this
.
dataForm
.
balanceStatus
,
'balanceType'
:
this
.
dataForm
.
balanceType
// 'startTime': this.dateRange === null ? null : this.dateRange[0], // 开始时间
// 'endTime': this.dateRange === null ? null : this.dateRange[1] // 结束时间
},
params
),
false
)
}).
then
(({
data
})
=>
{
this
.
dataList
=
data
.
records
this
.
page
.
total
=
data
.
total
this
.
dataListLoading
=
false
})
},
// 每页数
sizeChangeHandle
(
val
)
{
this
.
page
.
pageSize
=
val
this
.
page
.
currentPage
=
1
this
.
getDataList
(
this
.
page
)
},
// 当前页
currentChangeHandle
(
val
)
{
this
.
page
.
currentPage
=
val
this
.
getDataList
(
this
.
page
)
},
// 多选
selectionChangeHandle
(
val
)
{
this
.
dataListSelections
=
val
},
addOrUpdateHandle
(
item
){
this
.
addOrUpdateVisible
=
true
this
.
$nextTick
(()
=>
{
this
.
$refs
.
addOrUpdate
.
init
(
item
)
})
}
}
}
</
script
>
<
style
lang=
"scss"
>
.mod-order-order
{
.tit
{
display
:
flex
;
height
:
45px
;
align-items
:
center
;
}
.tit
.table-title
>
div
{
text-align
:
center
;
}
.tit
.item
{
padding
:
0
10px
;
width
:
10%
;
text-align
:
center
;
}
.tit
.product
{
width
:
25%
;
}
.prod-tit
{
padding
:
10px
;
background
:
#f8f8f9
;
border-left
:
1px
solid
#dddee1
;
border-top
:
1px
solid
#dddee1
;
border-right
:
1px
solid
#dddee1
;
}
.prod-tit
span
{
margin-right
:
15px
;
}
.prod-cont
{
display
:
flex
;
border-top
:
1px
solid
#dddee1
;
border-bottom
:
1px
solid
#dddee1
;
border-left
:
1px
solid
#dddee1
;
color
:
#495060
;
}
.prod-cont
.item
{
display
:
flex
;
display
:
-webkit-flex
;
align-items
:
center
;
justify-content
:
center
;
padding
:
10px
;
//
width
:
10%
;
border-right
:
1px
solid
#dddee1
;
text-align
:
center
;
height
:
100%
;
}
.prod-cont
.item
span
{
display
:
block
;
}
.prod-cont
.prod-item
{
//
width
:
38%
;
display
:
flex
;
flex-direction
:
column
;
border-right
:
1px
solid
#dddee1
;
}
.prod-name
{
width
:
55%
;
text-align
:
left
;
}
.prod-price
{
position
:
absolute
;
right
:
40px
;
text-align
:
center
;
}
.prod-price
span
{
display
:
block
;
margin-bottom
:
10px
;
}
.prod-name
.prod-info
{
display
:
block
;
color
:
#80848f
;
margin-top
:
30px
;
}
.prod-cont
.items.name
{
display
:
flex
;
position
:
relative
;
padding
:
20px
;
//
height
:
100px
;
border-bottom
:
1px
solid
#dddee1
;
}
.prod-cont
.items.name
:last-child
{
border-bottom
:
none
;
}
.prod-image
{
margin-right
:
20px
;
width
:
100px
;
height
:
100px
;
}
.prod-image
img
{
width
:
100px
;
height
:
100px
;
}
.item
span
{
display
:
block
;
margin-bottom
:
10px
;
}
.item
.operate
{
color
:
#2d8cf0
;
}
.item
.totalprice
{
color
:
#c00
;
}
.prod
.remark
{
width
:
100%
;
height
:
50px
;
line-height
:
50px
;
background-color
:
#e8f7f6
;
border-left
:
1px
solid
#dddee1
;
border-right
:
1px
solid
#dddee1
;
border-bottom
:
1px
solid
#dddee1
;
margin-bottom
:
20px
;
}
.buyer-remark
{
padding
:
0
20px
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
}
.no-result
{
margin
:
50px
auto
;
width
:
100%
;
text-align
:
center
;
color
:
#999
;
}
</
style
>
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