Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
cloud-platform-ui
Project
Project
Details
Activity
Releases
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
youjj
cloud-platform-ui
Commits
b648f887
Commit
b648f887
authored
Oct 31, 2019
by
hanfeng
Browse files
Options
Browse Files
Download
Plain Diff
Merge remote-tracking branch 'origin/base-modify' into base-modify-hf
parents
daf2379f
95585bf6
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
527 additions
and
326 deletions
+527
-326
rentVehicle.js
src/api/order/rentVehicle.js
+19
-0
index.vue
src/views/order/memberOrderInfo/index.vue
+507
-323
index.vue
src/views/vehicle/vehicleInfo/index.vue
+1
-3
No files found.
src/api/order/rentVehicle.js
View file @
b648f887
...
...
@@ -116,3 +116,22 @@ export function downloadExcel(params) {
responseType
:
'blob'
});
}
//会员订单管理列表
export
function
pageList
(
params
)
{
return
fetch
({
url
:
'/api/order/orderMember/page'
,
method
:
'post'
,
data
:
params
});
}
//会员订单管理导出
export
function
orderMemberExcel
(
params
)
{
return
fetch
({
url
:
'/api/order/orderMember/page'
,
method
:
'post'
,
data
:
params
,
responseType
:
'blob'
});
}
\ No newline at end of file
src/views/order/memberOrderInfo/index.vue
View file @
b648f887
<
template
>
<div
class=
"app-container calendar-list-container"
>
<div
class=
"filter-container"
ref=
"filter-container"
>
<el-form
ref=
"queryForm"
:model=
"listQuery"
label-width=
"100px"
>
<el-row>
<el-col
:span=
"5"
>
<el-form-item
label=
"订单号"
>
<el-input
v-model=
"listQuery.no"
type=
"text"
placeholder=
"请输入订单号"
></el-input>
</el-form-item>
</el-col>
<div
class=
"app-container calendar-list-container"
>
<div
class=
"filter-container"
ref=
"filter-container"
>
<el-form
ref=
"queryForm"
:model=
"listQuery"
label-width=
"100px"
>
<el-row>
<el-col
:span=
"5"
>
<el-form-item
label=
"手机号"
>
<el-input
v-model=
"listQuery.phone"
placeholder=
"请输入手机号"
></el-input>
</el-form-item>
<el-form-item
label=
"订单号"
>
<el-input
v-model=
"listQuery.orderNo"
type=
"text"
placeholder=
"请输入订单号"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"手机号"
>
<el-input
v-model=
"listQuery.phone"
placeholder=
"请输入手机号"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"用户姓名"
>
<el-input
v-model=
"listQuery.name"
placeholder=
"请输入用户姓名"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"
状态"
>
<el-select
class=
"filter-item"
v-model=
"listQuery.status"
placeholder=
"请选择
状态"
>
<el-option
:key=
"null"
label=
"
无"
:value=
"null"
></el-option>
<el-form-item
label=
"订单
状态"
>
<el-select
class=
"filter-item"
v-model=
"listQuery.state"
placeholder=
"请选择订单
状态"
>
<el-option
:key=
"null"
label=
"
全部"
:value=
"null"
></el-option>
<el-option
:key=
"2"
label=
"取消"
:value=
"2"
></el-option>
<el-option
:key=
"3"
label=
"待付款"
:value=
"3"
></el-option>
<el-option
:key=
"6"
label=
"已完成"
:value=
"6"
></el-option>
</el-select>
</el-form-item>
</el-select>
</el-form-item>
</el-col>
<!--
<el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"创建时间"
>
<el-date-picker
v-model=
"createTime"
type=
"daterange"
@
change=
"changeCreate"
placeholder=
"选择日期范围"
>
</el-date-picker>
<!--
<el-date-picker
v-model=
"createTime"
type=
"datetimerange"
placeholder=
"选择时间范围"
@
change=
"changeCreate"
></el-date-picker>
-->
</el-form-item>
</el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"支付时间"
>
<!--
<el-date-picker
v-model=
"aplyTime"
type=
"datetimerange"
placeholder=
"选择支付时间范围"
@
change=
"changePay"
></el-date-picker>
-->
<el-date-picker
v-model=
"aplyTime"
type=
"daterange"
@
change=
"changeCreate"
placeholder=
"选择支付时间范围"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"上级手机号"
>
<el-input
v-model=
"listQuery.leaderPhone"
placeholder=
"请输入上级手机号"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"5"
>
<el-form-item
label=
"促成人手机号"
>
<el-input
v-model=
"listQuery.facilitatePhone"
placeholder=
"请输入促成人手机号"
></el-input>
</el-form-item>
</el-col>
<!--
<el-col>
<el-form-item
label=
"时间"
>
<el-date-picker
v-model=
"listQuery.startTime"
type =
"date"
placeholder =
"请输入开始时间"
></el-date-picker>
<span>
——
</span>
<el-date-picker
v-model=
"listQuery.endTime"
type =
"date"
placeholder =
"请输入结束时间"
></el-date-picker>
</el-form-item>
</el-col>
-->
</el-col>
-->
<el-col
:span=
"5"
>
<el-form-item
label=
"会员类型"
>
<el-select
class=
"filter-item"
v-model=
"listQuery.memberL
evel"
placeholder=
"请选择会员类型"
>
<el-option
:key=
"null"
label=
"
无"
:value=
"undefined"
></el-option>
<el-form-item
label=
"会员类型"
>
<el-select
class=
"filter-item"
v-model=
"listQuery.l
evel"
placeholder=
"请选择会员类型"
>
<el-option
:key=
"null"
label=
"
全部"
:value=
"undefined"
></el-option>
<el-option
:key=
"1"
label=
"普通会员"
:value=
"1"
></el-option>
<el-option
:key=
"2"
label=
"黄金会员"
:value=
"2"
></el-option>
<el-option
:key=
"3"
label=
"钻石会员"
:value=
"3"
></el-option>
</el-select>
</el-form-item>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
icon=
"search"
@
click=
"handleFilter"
>
搜索
</el-button>
</el-row>
</el-form>
<p
class=
"num-title"
>
数据统计
</p>
<el-card
class=
"box-card"
style=
"margin-bottom:20px;"
>
<ul>
<li>
<p>
{{
statistics
.
orderNum
||
'0'
}}
</p>
<p>
订单总数(单)
</p>
</li>
<li>
<p>
{{
statistics
.
totalAmount
||
'0'
}}
</p>
<p>
支付总额(元)
</p>
</li>
<li>
<p>
{{
statistics
.
diamondOrderNum
||
'0'
}}
</p>
<p>
钻石订单
</p>
</li>
<li>
<p>
{{
statistics
.
totalDiamondAmount
||
'0'
}}
</p>
<p>
钻石支付总额(元)
</p>
</li>
<li>
<p>
{{
statistics
.
goldOrderNum
||
'0'
}}
</p>
<p>
黄金订单
</p>
</li>
<li>
<p>
{{
statistics
.
totalGoldAmount
||
'0'
}}
</p>
<p>
黄金支付总额(元)
</p>
</li>
<li>
<p>
{{
statistics
.
generalOrderNum
||
'0'
}}
</p>
<p>
普通订单
</p>
</li>
<li>
<p>
{{
statistics
.
totalGeneralAmount
||
'0'
}}
</p>
<p>
普通支付总额(元)
</p>
</li>
</ul>
</el-card>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
icon=
"search"
@
click=
"handleFilter"
>
搜索
</el-button>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
icon=
"delete"
@
click=
"clearSearch"
>
清除搜索
</el-button>
<el-button
class=
"filter-item"
type=
"primary"
@
click=
"excel"
>
导出表格
</el-button>
</div>
<el-table
:key=
'tableKey'
:data=
"list"
v-loading
.
body=
"listLoading"
border
fit
highlight-current-row
style=
"width: 100%"
>
<el-table-column
align=
"center"
label=
"ID"
width=
"70"
>
<template
scope=
"scope"
>
<span>
{{
scope
.
row
.
id
}}
</span>
</
template
>
</el-table-column>
<el-table-column
align=
"center"
label=
"订单号"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
no
}}
</span>
</
template
>
</el-table-column>
<el-table-column
align=
"center"
label=
"名称"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
name
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"150"
align=
"center"
label=
"用户名"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
telephone
}}
</span>
</
template
>
<el-table
:key=
"tableKey"
:data=
"list"
v-loading
.
body=
"listLoading"
border
fit
highlight-current-row
style=
"width: 100%"
>
<el-table-column
align=
"center"
label=
"ID"
width=
"70"
>
<template
scope=
"scope"
>
<span>
{{
scope
.
row
.
id
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"110"
align=
"center"
label=
"商品价格"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
goodsAmount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"110"
align=
"center"
label=
"订单价格"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
orderAmount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"110"
align=
"center"
label=
"实际价格"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
realAmount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"110"
align=
"center"
label=
"状态"
>
<
template
scope=
"scope"
>
<span
v-if=
"scope.row.status == '2'"
>
取消
</span>
<el-table-column
align=
"center"
label=
"订单号/创建订单时间"
width=
"200px"
>
<
template
scope=
"scope"
>
<p>
{{
scope
.
row
.
orderNo
}}
</p>
<p>
{{
scope
.
row
.
creatTime
}}
</p>
</
template
>
</el-table-column>
<el-table-column
width=
"110"
align=
"center"
label=
"订单状态"
>
<
template
scope=
"scope"
>
<span
v-if=
"scope.row.status == '2'"
>
取消
</span>
<span
v-if=
"scope.row.status == '3'"
>
待付款
</span>
<span
v-if=
"scope.row.status == '6'"
>
已完成
</span>
</
template
>
</
template
>
</el-table-column>
<el-table-column
align=
"center"
label=
"名称/价格"
width=
"100px"
>
<
template
scope=
"scope"
>
<p>
{{
scope
.
row
.
name
}}
</p>
<p>
{{
scope
.
row
.
goodsAmount
}}
</p>
</
template
>
</el-table-column>
<el-table-column
width=
"100"
align=
"center"
label=
"用户名"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
userName
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"130"
align=
"center"
label=
"手机号"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
phone
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"130"
align=
"center"
label=
"上级姓名/手机号"
>
<
template
scope=
"scope"
>
<p>
{{
scope
.
row
.
leaderName
}}
</p>
<p>
{{
scope
.
row
.
leaderPhone
}}
</p>
</
template
>
</el-table-column>
<el-table-column
width=
"130"
align=
"center"
label=
"促成人姓名/手机号"
>
<
template
scope=
"scope"
>
<p>
{{
scope
.
row
.
facilitateName
}}
</p>
<p>
{{
scope
.
row
.
facilitatePhone
}}
</p>
</
template
>
</el-table-column>
<!-- <el-table-column width="150" align="center" label="手机号">
<template scope="scope">
<span>{{scope.row.telephone}}</span>
</template>
</el-table-column> -->
<el-table-column
width=
"180"
align=
"center"
label=
"创建时间"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
crtTime
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"180"
align=
"center"
label=
"更新时间"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
updTime
}}
</span>
</
template
>
<el-table-column
width=
"150"
align=
"center"
label=
"订单价格(元)"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
orderAmount
}}
</span>
</
template
>
</el-table-column>
<!-- <el-table-column align="center" label="操作" width="150">
<el-table-column
width=
"180"
align=
"center"
label=
"优惠金额(元)"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
couponAmount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
width=
"180"
align=
"center"
label=
"实付金额(元)"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
realAmount
}}
</span>
</
template
>
</el-table-column>
<el-table-column
align=
"center"
label=
"支付时间"
>
<
template
scope=
"scope"
>
<span>
{{
!!
scope
.
row
.
payTime
?
timestamp
(
new
Date
(
scope
.
row
.
payTime
))
:
''
}}
</span>
</
template
>
</el-table-column>
<!-- <el-table-column align="center" label="操作" width="150">
<template scope="scope">
<el-button v-if="btn_buy && scope.row.state == 0" size="small" type="success" @click="handleBuy(scope.row)">订单详情</el-button>
<el-button v-if="btn_buy && scope.row.state == 0" size="small" type="success" @click="handleBuy(scope.row)">操作</el-button>
</template>
</el-table-column>
-->
</el-table>
</el-table-column>
-->
</el-table>
<div
v-show=
"!listLoading"
class=
"pagination-container"
>
<el-pagination
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"listQuery.page"
:page-sizes=
"[10,20,30, 50]"
:page-size=
"listQuery.limit"
layout=
"total, sizes, prev, pager, next, jumper"
:total=
"total"
></el-pagination>
</div>
</div>
<div
v-show=
"!listLoading"
class=
"pagination-container"
>
<el-pagination
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"listQuery.page"
:page-sizes=
"[10,20,30, 50]"
:page-size=
"listQuery.limit"
layout=
"total, sizes, prev, pager, next, jumper"
:total=
"total"
></el-pagination>
</div>
</div>
</template>
<
script
>
import
{
page
}
from
'api/order/rentVehicle'
;
import
{
mapGetters
}
from
'vuex'
;
import
rsCode
from
'../../../utils/rsCode'
;
import
{
pageList
,
orderMemberExcel
}
from
'api/order/rentVehicle'
import
{
mapGetters
}
from
'vuex'
import
rsCode
from
'../../../utils/rsCode'
// import dataFormattor from '../../../utils/dataFormattor'
import
{
formatDate
}
from
'utils/dateFormattor'
export
default
{
name
:
'branchCompanyStock'
,
data
()
{
return
{
form
:
{
id
:
null
,
companyId
:
null
,
companyName
:
null
,
name
:
null
,
tel
:
null
,
count
:
null
,
state
:
null
},
rules
:
{
// companyName: [
// {
// required: true,
// message: '请输入用户',
// trigger: 'blur'
// }
// ],
},
applyState
:
{
'-1'
:
{
key
:
-
1
,
label
:
'放弃购买'
},
0
:
{
key
:
0
,
label
:
'申请中'
},
1
:
{
key
:
1
,
label
:
'确认购买'
}
},
list
:
null
,
total
:
null
,
listLoading
:
true
,
listQuery
:
{
page
:
1
,
limit
:
20
,
type
:
3
,
no
:
undefined
,
phone
:
undefined
,
status
:
null
,
startTime
:
undefined
,
endTime
:
undefined
,
memberLevel
:
undefined
},
dialogFormVisible
:
false
,
dialogStatus
:
''
,
btn_del
:
true
,
btn_buy
:
true
,
btn_cancel
:
true
,
tableKey
:
0
}
},
created
()
{
let
t
=
this
;
let
query
=
localStorage
.
getItem
(
"memberOrderInfo"
);
this
.
listQuery
.
no
=
this
.
$route
.
query
.
id
||
null
if
(
query
!=
"null"
&&
query
){
let
queryJson
=
JSON
.
parse
(
query
);
if
(
queryJson
.
page
){
t
.
listQuery
.
page
=
queryJson
.
page
;
}
if
(
queryJson
.
limit
){
t
.
listQuery
.
limit
=
queryJson
.
limit
;
}
if
(
queryJson
.
no
){
t
.
listQuery
.
no
=
queryJson
.
no
;
}
if
(
queryJson
.
type
){
t
.
listQuery
.
type
=
queryJson
.
type
;
}
// if(queryJson.startTime){
// t.listQuery.startTime = queryJson.startTime;
// }
// if(queryJson.endTime){
// t.listQuery.endTime = queryJson.endTime;
// }
if
(
queryJson
.
status
){
t
.
listQuery
.
status
=
queryJson
.
status
;
}
if
(
queryJson
.
phone
){
t
.
listQuery
.
phone
=
queryJson
.
phone
;
}
if
(
queryJson
.
memberLevel
){
t
.
listQuery
.
memberLevel
=
queryJson
.
memberLevel
;
}
}
this
.
getList
();
this
.
btn_del
=
this
.
elements
[
'branchCompany/stockApply:btn_delete'
];
},
computed
:
{
...
mapGetters
([
'elements'
]),
provinceRegions
()
{
return
getSonRegionByCodes
(
1
);
},
cityRegions
()
{
if
(
!
this
.
$utils
.
isInteger
(
this
.
form
.
addrProvince
))
{
return
null
;
}
return
getSonRegionByCodes
(
this
.
form
.
addrProvince
);
}
},
methods
:
{
handleBuy
(
row
)
{
this
.
$confirm
(
'此操作将确认购买, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
})
.
then
(()
=>
{
buyStock
(
row
.
id
)
.
then
(()
=>
{
this
.
$notify
({
title
:
'成功'
,
message
:
'操作成功'
,
type
:
'success'
,
duration
:
2000
});
this
.
getList
();
});
});
},
handleCancel
(
row
)
{
this
.
$confirm
(
'此操作将放弃购买, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
})
.
then
(()
=>
{
cancelApply
(
row
.
id
)
.
then
(()
=>
{
this
.
$notify
({
title
:
'成功'
,
message
:
'操作成功'
,
type
:
'success'
,
duration
:
2000
});
this
.
getList
();
});
});
},
handleDelete
(
row
)
{
this
.
$confirm
(
'此操作将永久删除, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
})
.
then
(()
=>
{
delObj
(
row
.
id
)
.
then
(()
=>
{
this
.
$notify
({
title
:
'成功'
,
message
:
'删除成功'
,
type
:
'success'
,
duration
:
2000
});
const
index
=
this
.
list
.
indexOf
(
row
);
this
.
list
.
splice
(
index
,
1
);
});
});
},
handleFilter
()
{
this
.
listQuery
.
page
=
1
;
this
.
$refs
.
queryForm
.
validate
(
valid
=>
{
if
(
valid
)
{
this
.
getList
();
}
else
{
return
false
;
}
});
export
default
{
name
:
'branchCompanyStock'
,
data
()
{
return
{
form
:
{
id
:
null
,
companyId
:
null
,
companyName
:
null
,
name
:
null
,
tel
:
null
,
count
:
null
,
state
:
null
},
clearSearch
()
{
this
.
listQuery
=
{
page
:
1
,
limit
:
20
,
type
:
3
,
no
:
undefined
,
phone
:
undefined
,
status
:
null
,
startTime
:
undefined
,
endTime
:
undefined
,
memberLevel
:
undefined
rules
:
{
// companyName: [
// {
// required: true,
// message: '请输入用户',
// trigger: 'blur'
// }
// ],
},
applyState
:
{
'-1'
:
{
key
:
-
1
,
label
:
'放弃购买'
},
0
:
{
key
:
0
,
label
:
'申请中'
},
1
:
{
key
:
1
,
label
:
'确认购买'
}
this
.
getList
()
},
getList
()
{
this
.
listLoading
=
true
;
console
.
log
(
this
.
listQuery
)
if
(
this
.
listQuery
.
startTime
){
this
.
listQuery
.
startTime
=
this
.
listQuery
.
startTime
.
getTime
();
statistics
:
[],
isStatistics
:
true
,
list
:
null
,
total
:
null
,
listLoading
:
true
,
listQuery
:
{
page
:
1
,
limit
:
20
,
// type: 3,
orderNo
:
undefined
,
phone
:
undefined
,
state
:
null
,
startTime
:
undefined
,
endTime
:
undefined
,
level
:
undefined
,
leaderPhone
:
null
,
facilitatePhone
:
null
,
startOrderTime
:
null
,
endOrderTime
:
null
,
startPayTime
:
null
,
endPayTime
:
null
,
isExport
:
false
,
name
:
null
},
createTime
:
null
,
aplyTime
:
null
,
dialogFormVisible
:
false
,
dialogStatus
:
''
,
btn_del
:
true
,
btn_buy
:
true
,
btn_cancel
:
true
,
tableKey
:
0
,
query
:
null
,
}
},
created
()
{
let
t
=
this
this
.
query
=
localStorage
.
getItem
(
'memberOrderInfo'
)
this
.
listQuery
.
orderNo
=
this
.
$route
.
query
.
id
||
null
if
(
this
.
query
!=
'null'
&&
this
.
query
)
{
let
queryJson
=
JSON
.
parse
(
this
.
query
)
if
(
queryJson
.
page
)
{
t
.
listQuery
.
page
=
queryJson
.
page
}
if
(
queryJson
.
limit
)
{
t
.
listQuery
.
limit
=
queryJson
.
limit
}
if
(
queryJson
.
orderNo
)
{
t
.
listQuery
.
orderNo
=
queryJson
.
orderNo
}
if
(
queryJson
.
type
)
{
t
.
listQuery
.
type
=
queryJson
.
type
}
// if(queryJson.startTime){
// t.listQuery.startTime = queryJson.startTime;
// }
// if(queryJson.endTime){
// t.listQuery.endTime = queryJson.endTime;
// }
if
(
queryJson
.
state
)
{
t
.
listQuery
.
state
=
queryJson
.
state
}
if
(
queryJson
.
phone
)
{
t
.
listQuery
.
phone
=
queryJson
.
phone
}
if
(
queryJson
.
level
)
{
t
.
listQuery
.
level
=
queryJson
.
level
}
}
this
.
getList
()
this
.
btn_del
=
this
.
elements
[
'branchCompany/stockApply:btn_delete'
]
},
computed
:
{
...
mapGetters
([
'elements'
]),
provinceRegions
()
{
return
getSonRegionByCodes
(
1
)
},
cityRegions
()
{
if
(
!
this
.
$utils
.
isInteger
(
this
.
form
.
addrProvince
))
{
return
null
}
return
getSonRegionByCodes
(
this
.
form
.
addrProvince
)
}
},
methods
:
{
changeCreate
(
val
){
!
val
?
this
.
clearSearch
()
:
''
},
changePay
(
val
){
!
val
?
this
.
clearSearch
()
:
''
},
timestamp
(
now
)
{
var
year
=
now
.
getFullYear
();
var
month
=
now
.
getMonth
()
+
1
;
var
date
=
now
.
getDate
();
var
Hours
=
now
.
getHours
();
var
Minutes
=
now
.
getMinutes
();
var
Seconds
=
now
.
getSeconds
();
month
=
month
.
toString
().
length
==
1
?
'0'
+
month
:
month
;
date
=
date
.
toString
().
length
==
1
?
'0'
+
date
:
date
;
Hours
=
Hours
.
toString
().
length
==
1
?
'0'
+
Hours
:
Hours
;
Minutes
=
Minutes
.
toString
().
length
==
1
?
'0'
+
Minutes
:
Minutes
;
Seconds
=
Seconds
.
toString
().
length
==
1
?
'0'
+
Seconds
:
Seconds
;
return
year
+
"-"
+
month
+
"-"
+
date
+
' '
+
Hours
+
':'
+
Minutes
+
":"
+
Seconds
},
excel
()
{
this
.
listQuery
.
isExport
=
true
orderMemberExcel
(
this
.
listQuery
).
then
(
res
=>
{
const
content
=
res
const
blob
=
new
Blob
([
content
])
const
fileName
=
this
.
timestamp
(
new
Date
())
if
(
'download'
in
document
.
createElement
(
'a'
))
{
// 非IE下载
const
elink
=
document
.
createElement
(
'a'
)
elink
.
download
=
fileName
elink
.
style
.
display
=
'none'
elink
.
href
=
URL
.
createObjectURL
(
blob
)
document
.
body
.
appendChild
(
elink
)
elink
.
click
()
URL
.
revokeObjectURL
(
elink
.
href
)
// 释放URL 对象
document
.
body
.
removeChild
(
elink
)
}
else
{
// IE10+下载
navigator
.
msSaveBlob
(
blob
,
fileName
)
}
if
(
this
.
listQuery
.
endTime
){
this
.
listQuery
.
endTime
=
this
.
listQuery
.
endTime
.
getTime
();
})
},
handleBuy
(
row
)
{
this
.
$confirm
(
'此操作将确认购买, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
buyStock
(
row
.
id
).
then
(()
=>
{
this
.
$notify
({
title
:
'成功'
,
message
:
'操作成功'
,
type
:
'success'
,
duration
:
2000
})
this
.
getList
()
})
})
},
handleCancel
(
row
)
{
this
.
$confirm
(
'此操作将放弃购买, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
cancelApply
(
row
.
id
).
then
(()
=>
{
this
.
$notify
({
title
:
'成功'
,
message
:
'操作成功'
,
type
:
'success'
,
duration
:
2000
})
this
.
getList
()
})
})
},
handleDelete
(
row
)
{
this
.
$confirm
(
'此操作将永久删除, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
delObj
(
row
.
id
).
then
(()
=>
{
this
.
$notify
({
title
:
'成功'
,
message
:
'删除成功'
,
type
:
'success'
,
duration
:
2000
})
const
index
=
this
.
list
.
indexOf
(
row
)
this
.
list
.
splice
(
index
,
1
)
})
})
},
handleFilter
()
{
this
.
listQuery
.
page
=
1
this
.
$refs
.
queryForm
.
validate
(
valid
=>
{
if
(
valid
)
{
this
.
getList
()
}
else
{
return
false
}
// if(this.listQuery.name == '1') {
// this.listQuery.name = "普通会员"
// } else
// if(this.listQuery.name == '2') {
// this.listQuery.name = "黄金会员"
// } else
// if(this.listQuery.name == '3') {
// this.listQuery.name = "钻石会员"
// } else {
// this.listQuery.name = null
// }
if
(
this
.
listQuery
){
localStorage
.
setItem
(
"memberOrderInfo"
,
JSON
.
stringify
(
this
.
listQuery
));
}
page
(
this
.
listQuery
)
.
then
(
response
=>
{
this
.
list
=
response
.
data
.
data
;
this
.
total
=
response
.
data
.
totalCount
;
this
.
listLoading
=
false
;
})
},
handleSizeChange
(
val
)
{
this
.
listQuery
.
limit
=
val
;
this
.
getList
();
},
handleCurrentChange
(
val
)
{
this
.
listQuery
.
page
=
val
;
this
.
getList
();
})
},
clearSearch
()
{
this
.
listQuery
=
{
page
:
1
,
limit
:
20
,
type
:
3
,
orderNo
:
undefined
,
phone
:
undefined
,
state
:
null
,
startTime
:
undefined
,
endTime
:
undefined
,
level
:
undefined
,
aplyTime
:
null
,
leaderPhone
:
null
,
facilitatePhone
:
null
,
isExport
:
false
,
endOrderTime
:
null
,
startPayTime
:
null
,
name
:
null
},
this
.
createTime
=
null
,
this
.
aplyTime
=
null
,
this
.
query
=
null
,
this
.
getList
()
},
getList
()
{
this
.
listLoading
=
true
if
(
!!
this
.
createTime
&&
!!
this
.
createTime
[
0
])
{
this
.
listQuery
.
startOrderTime
=
formatDate
(
this
.
createTime
[
0
],
'yyyy-MM-dd'
)
+
' 00:00:00'
this
.
listQuery
.
endOrderTime
=
formatDate
(
this
.
createTime
[
1
],
'yyyy-MM-dd'
)
+
' 23:59:59'
}
if
(
!!
this
.
aplyTime
&&
!!
this
.
aplyTime
[
0
])
{
this
.
listQuery
.
startPayTime
=
this
.
aplyTime
[
0
].
getTime
()
this
.
listQuery
.
endPayTime
=
this
.
aplyTime
[
1
].
getTime
()
}
}
}
if
(
this
.
listQuery
)
{
localStorage
.
setItem
(
'memberOrderInfo'
,
JSON
.
stringify
(
this
.
listQuery
)
)
}
pageList
(
this
.
listQuery
).
then
(
response
=>
{
this
.
list
=
response
.
data
.
memberOrderPage
.
data
if
(
this
.
listQuery
.
page
==
1
)
{
this
.
statistics
=
response
.
data
.
memberOrderStatisticsBo
}
this
.
total
=
response
.
data
.
memberOrderPage
.
totalCount
})
setTimeout
(()
=>
{
this
.
listLoading
=
false
},
300
)
},
handleSizeChange
(
val
)
{
this
.
listQuery
.
limit
=
val
this
.
getList
()
},
handleCurrentChange
(
val
)
{
this
.
listQuery
.
page
=
val
this
.
getList
()
}
}
}
</
script
>
<
style
>
.el-card__body
{
overflow
:
hidden
;
padding
:
0
;
width
:
100%
;
display
:
inline-block
;
}
.num-title
{
display
:
inline-block
;
float
:
left
;
margin-right
:
40px
;
font-size
:
14px
;
}
.box-card
li
{
list-style
:
none
;
float
:
left
;
text-align
:
center
;
width
:
12.5%
;
font-size
:
14px
}
.box-card
li
p
:nth-child
(
1
)
{
font-weight
:
bold
;
color
:
#333
;
font-size
:
16px
;
}
.box-card
li
p
:nth-child
(
2
)
{
font-weight
:
bold
;
color
:
#666
;
}
</
style
>
\ No newline at end of file
src/views/vehicle/vehicleInfo/index.vue
View file @
b648f887
...
...
@@ -416,8 +416,7 @@
</el-table-column>
</el-table>
<div
v-show=
"!listLoading"
class=
"pagination-container"
>
<el-pagination
<el-pagination
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"listQuery.page"
...
...
@@ -426,7 +425,6 @@
layout=
"total, sizes, prev, pager, next, jumper"
:total=
"total"
></el-pagination>
</div>
<!-- 对话框相关html元素 -->
<el-dialog
:title=
"textMap[dialogStatus]"
:visible
.
sync=
"dialogFormVisible"
@
close=
"closePop"
>
...
...
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