抽奖次数、邀请好友优化
This commit is contained in:
parent
6cccadbbce
commit
9ee23afc38
|
|
@ -11,7 +11,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="list">
|
<el-table :data="rechargeData.list">
|
||||||
<el-table-column prop="userId" label="ID"></el-table-column>
|
<el-table-column prop="userId" label="ID"></el-table-column>
|
||||||
<el-table-column prop="avatar" label="头像">
|
<el-table-column prop="avatar" label="头像">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -20,18 +20,9 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="userName" label="用户昵称"></el-table-column>
|
<el-table-column prop="userName" label="用户昵称"></el-table-column>
|
||||||
<el-table-column prop="phone" label="手机号"></el-table-column>
|
<el-table-column prop="phone" label="手机号"></el-table-column>
|
||||||
<el-table-column prop="totalDrawCount" label="支付解锁信息">
|
<el-table-column prop="todayUnlocked" label="今日订单数">
|
||||||
<template slot-scope="scope">
|
|
||||||
<div @click="goUrl(scope.row)" style="color: rgb(101, 165, 249);cursor: pointer;">共解锁:{{ scope.row.unlocked }}</div>
|
|
||||||
<div>今日解锁:{{ scope.row.todayUnlocked }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="unlocked" label="抽奖次数信息">
|
<el-table-column prop="todayDrawCount" label="当日抽奖次数">
|
||||||
<template slot-scope="scope">
|
|
||||||
<div>共获得抽奖次数:{{ scope.row.totalDrawCount }}</div>
|
|
||||||
<div>剩余抽奖次数:{{ scope.row.residueDrawCount }}</div>
|
|
||||||
<div>今日抽奖次数:{{ scope.row.todayDrawCount }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="" label="操作">
|
<el-table-column prop="" label="操作">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -41,18 +32,25 @@
|
||||||
</el-table>
|
</el-table>
|
||||||
<div style="text-align: center;margin-top: 10px;">
|
<div style="text-align: center;margin-top: 10px;">
|
||||||
<el-pagination @size-change="handleSizeChange4" @current-change="handleCurrentChange4"
|
<el-pagination @size-change="handleSizeChange4" @current-change="handleCurrentChange4"
|
||||||
:page-sizes="[10, 20, 30, 40]" :page-size="limit" :current-page="page"
|
:page-sizes="[10, 20, 30, 40]" :page-size="rechargeData.limit" :current-page="rechargeData.page"
|
||||||
layout="total,sizes, prev, pager, next,jumper" :total="rechargeData.totalCount">
|
layout="total,sizes, prev, pager, next,jumper" :total="rechargeData.totalCount">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
<!-- 详情 -->
|
<!-- 详情 -->
|
||||||
<el-dialog title="抽奖详情" :visible.sync="dialogVisible" width="50%">
|
<el-dialog title="抽奖详情" :visible.sync="dialogVisible" width="50%">
|
||||||
<div>抽奖次数合计:{{ rewardtotalPage }} </div>
|
<div>抽奖次数合计:{{ rechargeDataA.totalCount }} </div>
|
||||||
<el-table :data="rewardDetailsList">
|
<el-table :data="rechargeDataA.list">
|
||||||
<el-table-column prop="id" label="ID"></el-table-column>
|
<el-table-column prop="id" label="ID"></el-table-column>
|
||||||
<el-table-column prop="name" label="抽奖结果"></el-table-column>
|
<el-table-column prop="name" label="抽奖结果"></el-table-column>
|
||||||
|
<el-table-column prop="number" label="金额"></el-table-column>
|
||||||
<el-table-column prop="createTime" label="抽奖时间"></el-table-column>
|
<el-table-column prop="createTime" label="抽奖时间"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<div style="text-align: center;margin-top: 10px;">
|
||||||
|
<el-pagination @size-change="handleSizeChange4A" @current-change="handleCurrentChange4A"
|
||||||
|
:page-sizes="[10, 20, 30, 40]" :page-size="rechargeDataA.limit" :current-page="rechargeDataA.page"
|
||||||
|
layout="total,sizes, prev, pager, next,jumper" :total="rechargeDataA.totalCount">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -64,16 +62,21 @@ export default {
|
||||||
formInline: {
|
formInline: {
|
||||||
keywords: ''
|
keywords: ''
|
||||||
},
|
},
|
||||||
page: 1,
|
|
||||||
limit: 10,
|
|
||||||
rechargeData: {
|
rechargeData: {
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
list: []
|
list: [],
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
},
|
||||||
|
rechargeDataA: {
|
||||||
|
totalCount: 0,
|
||||||
|
list: [],
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
itemUserId: ''
|
||||||
},
|
},
|
||||||
list: [],
|
list: [],
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
rewardDetailsList: [],
|
|
||||||
rewardtotalPage: 0,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
@ -81,11 +84,11 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
goUrl(item) {
|
goUrl(item) {
|
||||||
this.$router.push({ path: '/orderCenter', query: { userName: item.phone } })
|
this.$router.push({ path: '/orderCenter', query: { userName: item.userName } })
|
||||||
},
|
},
|
||||||
onSubmit() {
|
onSubmit() {
|
||||||
this.page = 1
|
this.rechargeData.page = 1
|
||||||
this.limit = 10
|
this.rechargeData.limit = 10
|
||||||
this.getRechargeData()
|
this.getRechargeData()
|
||||||
}, reset() {
|
}, reset() {
|
||||||
this.formInline = {
|
this.formInline = {
|
||||||
|
|
@ -96,13 +99,15 @@ export default {
|
||||||
getRechargeData() {
|
getRechargeData() {
|
||||||
this.$http.get('/ext/sys/lottery/count/query/page', {
|
this.$http.get('/ext/sys/lottery/count/query/page', {
|
||||||
params: {
|
params: {
|
||||||
page: this.page,
|
page: this.rechargeData.page,
|
||||||
limit: this.limit,
|
limit: this.rechargeData.limit,
|
||||||
keywords: this.formInline.keywords
|
keywords: this.formInline.keywords
|
||||||
}
|
}
|
||||||
}).then(response => {
|
}).then(response => {
|
||||||
if (response.data.code === 0) {
|
if (response.data.code === 0) {
|
||||||
this.list = response.data.data.list
|
this.rechargeData.list = response.data.data.list
|
||||||
|
this.rechargeData.totalCount = response.data.data.totalCount
|
||||||
|
// this.rechargeData = response.data.data
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(response.data.msg)
|
this.$message.error(response.data.msg)
|
||||||
}
|
}
|
||||||
|
|
@ -110,16 +115,20 @@ export default {
|
||||||
console.error(error)
|
console.error(error)
|
||||||
})
|
})
|
||||||
}, rewardDetails(item) {
|
}, rewardDetails(item) {
|
||||||
|
if (item) {
|
||||||
|
this.rechargeDataA.itemUserId = item.userId
|
||||||
|
}
|
||||||
this.$http.get('/ext/sys/lottery/detail/page', {
|
this.$http.get('/ext/sys/lottery/detail/page', {
|
||||||
params: {
|
params: {
|
||||||
page: 1,
|
page: this.rechargeDataA.page,
|
||||||
limit: 100,
|
limit: this.rechargeDataA.limit,
|
||||||
userId: item.userId
|
userId: this.rechargeDataA.itemUserId
|
||||||
}
|
}
|
||||||
}).then(response => {
|
}).then(response => {
|
||||||
if (response.data.code === 0) {
|
if (response.data.code === 0) {
|
||||||
this.rewardDetailsList = response.data.data.list
|
this.rechargeDataA.list = response.data.data.list
|
||||||
this.rewardtotalPage = response.data.data.totalPage
|
this.rechargeDataA.totalCount = response.data.data.totalCount
|
||||||
|
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(response.data.message)
|
this.$message.error(response.data.message)
|
||||||
|
|
@ -132,12 +141,23 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
handleSizeChange4(val) {
|
handleSizeChange4(val) {
|
||||||
this.limit = val
|
this.rechargeData.limit = val
|
||||||
|
this.rechargeData.page = 1
|
||||||
this.getRechargeData()
|
this.getRechargeData()
|
||||||
},
|
},
|
||||||
handleCurrentChange4(val) {
|
handleCurrentChange4(val) {
|
||||||
this.page = val
|
this.rechargeData.page = val
|
||||||
this.getRechargeData()
|
this.getRechargeData()
|
||||||
|
},
|
||||||
|
handleSizeChange4A(val) {
|
||||||
|
this.rechargeDataA.limit = val
|
||||||
|
this.rechargeDataA.page = 1
|
||||||
|
this.rewardDetails()
|
||||||
|
},
|
||||||
|
handleCurrentChange4A(val) {
|
||||||
|
console.log(val, '11111111111')
|
||||||
|
this.rechargeDataA.page = val
|
||||||
|
this.rewardDetails()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="rechargeDataList">
|
<el-table :data="rechargeDataAA.list">
|
||||||
<el-table-column prop="userId" label="ID"></el-table-column>
|
<el-table-column prop="userId" label="ID"></el-table-column>
|
||||||
<el-table-column label="头像" width="200">
|
<el-table-column label="头像" width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -32,25 +32,31 @@
|
||||||
</el-table>
|
</el-table>
|
||||||
<div style="text-align: center;margin-top: 10px;">
|
<div style="text-align: center;margin-top: 10px;">
|
||||||
<el-pagination @size-change="handleSizeChange4" @current-change="handleCurrentChange4"
|
<el-pagination @size-change="handleSizeChange4" @current-change="handleCurrentChange4"
|
||||||
:page-sizes="[10, 20, 30, 40]" :page-size="limit" :current-page="page"
|
:page-sizes="[10, 20, 30, 40]" :page-size="rechargeDataAA.limit" :current-page="rechargeDataAA.page"
|
||||||
layout="total,sizes, prev, pager, next,jumper" :total="rechargeData.totalCount">
|
layout="total,sizes, prev, pager, next,jumper" :total="rechargeDataAA.totalCount">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
<!-- 奖励详情 -->
|
<!-- 奖励详情 -->
|
||||||
<el-dialog title="奖励详情" :visible.sync="dialogVisible" width="50%">
|
<el-dialog title="奖励详情" :visible.sync="dialogVisible" width="50%">
|
||||||
<div>奖励发放金额合计:{{ rewardtotalPage }} </div>
|
<div>奖励发放金额合计:{{ rechargeDataBB.totalCount }} </div>
|
||||||
<el-table :data="rewardDetailsList">
|
<el-table :data="rechargeDataBB.list">
|
||||||
<el-table-column prop="userId" label="ID"></el-table-column>
|
<el-table-column prop="userId" label="ID"></el-table-column>
|
||||||
<el-table-column prop="amount" label="发放金额"></el-table-column>
|
<el-table-column prop="amount" label="发放金额"></el-table-column>
|
||||||
<el-table-column prop="userPhone" label="有效邀请人"></el-table-column>
|
<el-table-column prop="userPhone" label="有效邀请人"></el-table-column>
|
||||||
<el-table-column prop="createTime" label="发放时间"></el-table-column>
|
<el-table-column prop="createTime" label="发放时间"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<div style="text-align: center;margin-top: 10px;">
|
||||||
|
<el-pagination @size-change="handleSizeChange4BB" @current-change="handleCurrentChange4BB"
|
||||||
|
:page-sizes="[10, 20, 30, 40]" :page-size="rechargeDataCC.limit" :current-page="rechargeDataCC.page"
|
||||||
|
layout="total,sizes, prev, pager, next,jumper" :total="rechargeDataCC.totalCount">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 签到详情 -->
|
<!-- 签到详情 -->
|
||||||
<el-dialog title="签到详情" :visible.sync="dialogVisibles" width="50%">
|
<el-dialog title="签到详情" :visible.sync="dialogVisibles" width="50%">
|
||||||
<div><span>签到人数合计:{{ signInDetailsTotalPage }}</span> <span>实名人数合计:{{ signInDetailsTotalPage }}</span> </div>
|
<div><span>签到人数合计:{{ rechargeDataCC.totalCount }}</span> <span>实名人数合计:{{
|
||||||
|
rechargeDataCC.totalCount }}</span> </div>
|
||||||
<el-table :data="signInDetailsList">
|
<el-table :data="rechargeDataCC.list">
|
||||||
<el-table-column prop="userId" label="ID"></el-table-column>
|
<el-table-column prop="userId" label="ID"></el-table-column>
|
||||||
<el-table-column prop="userName" label="签到账号"></el-table-column>
|
<el-table-column prop="userName" label="签到账号"></el-table-column>
|
||||||
<el-table-column prop="phone" label="签到手机号"></el-table-column>
|
<el-table-column prop="phone" label="签到手机号"></el-table-column>
|
||||||
|
|
@ -64,6 +70,12 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="createTime" label="签到时间"></el-table-column>
|
<el-table-column prop="createTime" label="签到时间"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<div style="text-align: center;margin-top: 10px;">
|
||||||
|
<el-pagination @size-change="handleSizeChange4CC" @current-change="handleCurrentChange4CC"
|
||||||
|
:page-sizes="[10, 20, 30, 40]" :page-size="rechargeDataCC.limit" :current-page="rechargeDataCC.page"
|
||||||
|
layout="total,sizes, prev, pager, next,jumper" :total="rechargeDataCC.totalCount">
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -71,7 +83,6 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
rechargeDataList: [],
|
|
||||||
rewardDetailsList: [], // 奖励详情列表
|
rewardDetailsList: [], // 奖励详情列表
|
||||||
rewardtotalPage: 0, // 奖励详情总页数
|
rewardtotalPage: 0, // 奖励详情总页数
|
||||||
signInDetailsList: [], // 签到详情列表
|
signInDetailsList: [], // 签到详情列表
|
||||||
|
|
@ -81,9 +92,23 @@ export default {
|
||||||
},
|
},
|
||||||
page: 1,
|
page: 1,
|
||||||
limit: 10,
|
limit: 10,
|
||||||
rechargeData: {
|
rechargeDataAA: {
|
||||||
totalCount: 0,
|
totalCount: 0,
|
||||||
list: []
|
list: [],
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
},
|
||||||
|
rechargeDataBB: {
|
||||||
|
totalCount: 0,
|
||||||
|
list: [],
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
},
|
||||||
|
rechargeDataCC: {
|
||||||
|
totalCount: 0,
|
||||||
|
list: [],
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
},
|
},
|
||||||
dialogVisible: false,// 控制奖励详情弹窗的显示与隐藏
|
dialogVisible: false,// 控制奖励详情弹窗的显示与隐藏
|
||||||
dialogVisibles: false // 控制签到详情弹窗的显示与隐藏
|
dialogVisibles: false // 控制签到详情弹窗的显示与隐藏
|
||||||
|
|
@ -97,16 +122,19 @@ export default {
|
||||||
this.$router.push({ path: '/userDetail', query: { userId: item.userId, active: 'first' } })
|
this.$router.push({ path: '/userDetail', query: { userId: item.userId, active: 'first' } })
|
||||||
},
|
},
|
||||||
rewardDetails(item) {
|
rewardDetails(item) {
|
||||||
|
if (item) {
|
||||||
|
this.rechargeDataBB.itemUserId = item.userId
|
||||||
|
}
|
||||||
this.$http.get('/ext/sys/invite/friend/award/detail/page', {
|
this.$http.get('/ext/sys/invite/friend/award/detail/page', {
|
||||||
params: {
|
params: {
|
||||||
page: 1,
|
page: this.rechargeDataBB.page,
|
||||||
limit: 100,
|
limit: this.rechargeDataBB.limit,
|
||||||
userId: item.userId
|
userId: this.rechargeDataBB.itemUserId
|
||||||
}
|
}
|
||||||
}).then(response => {
|
}).then(response => {
|
||||||
if (response.data.code === 0) {
|
if (response.data.code === 0) {
|
||||||
this.rewardDetailsList = response.data.data.list
|
this.rechargeDataBB.list = response.data.data.list
|
||||||
this.rewardtotalPage = response.data.data.totalPage
|
this.rechargeDataBB.totalCount = response.data.data.totalCount
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(response.data.message)
|
this.$message.error(response.data.message)
|
||||||
|
|
@ -117,16 +145,19 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
signInDetails(item) {
|
signInDetails(item) {
|
||||||
|
if (item) {
|
||||||
|
this.rechargeDataCC.itemUserId = item.userId
|
||||||
|
}
|
||||||
this.$http.get('/ext/sys/invite/friend/signIn/page', {
|
this.$http.get('/ext/sys/invite/friend/signIn/page', {
|
||||||
params: {
|
params: {
|
||||||
page: 1,
|
page: this.rechargeDataCC.page,
|
||||||
limit: 100,
|
limit: this.rechargeDataCC.limit,
|
||||||
userId: item.userId
|
userId: this.rechargeDataCC.itemUserId
|
||||||
}
|
}
|
||||||
}).then(response => {
|
}).then(response => {
|
||||||
if (response.data.code === 0) {
|
if (response.data.code === 0) {
|
||||||
this.signInDetailsList = response.data.data.list
|
this.rechargeDataCC.list = response.data.data.list
|
||||||
this.signInDetailsTotalPage = response.data.data.totalPage
|
this.rechargeDataCC.totalCount = response.data.data.totalCount
|
||||||
this.dialogVisibles = true
|
this.dialogVisibles = true
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(response.data.message)
|
this.$message.error(response.data.message)
|
||||||
|
|
@ -137,8 +168,8 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
onSubmit() {
|
onSubmit() {
|
||||||
this.page = 1
|
this.rechargeDataAA.page = 1
|
||||||
this.limit = 10
|
this.rechargeDataAA.limit = 10
|
||||||
this.getRechargeData()
|
this.getRechargeData()
|
||||||
},
|
},
|
||||||
reset() {
|
reset() {
|
||||||
|
|
@ -150,13 +181,14 @@ export default {
|
||||||
getRechargeData() {
|
getRechargeData() {
|
||||||
this.$http.get('/ext/sys/invite/friend/award/page', {
|
this.$http.get('/ext/sys/invite/friend/award/page', {
|
||||||
params: {
|
params: {
|
||||||
page: this.page,
|
page: this.rechargeDataAA.page,
|
||||||
limit: this.limit,
|
limit: this.rechargeDataAA.limit,
|
||||||
keywords: this.formInline.keywords
|
keywords: this.formInline.keywords
|
||||||
}
|
}
|
||||||
}).then(response => {
|
}).then(response => {
|
||||||
if (response.data.code === 0) {
|
if (response.data.code === 0) {
|
||||||
this.rechargeDataList = response.data.data.list
|
this.rechargeDataAA.list = response.data.data.list
|
||||||
|
this.rechargeDataAA.totalCount = response.data.data.totalCount
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(response.data.message)
|
this.$message.error(response.data.message)
|
||||||
}
|
}
|
||||||
|
|
@ -166,13 +198,34 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
handleSizeChange4(val) {
|
handleSizeChange4(val) {
|
||||||
this.limit = val
|
this.rechargeDataAA.limit = val
|
||||||
|
this.rechargeDataAA.page = 1
|
||||||
this.getRechargeData()
|
this.getRechargeData()
|
||||||
},
|
},
|
||||||
handleCurrentChange4(val) {
|
handleCurrentChange4(val) {
|
||||||
this.page = val
|
this.rechargeDataAA.page = val
|
||||||
this.getRechargeData()
|
this.getRechargeData()
|
||||||
|
},
|
||||||
|
handleSizeChange4BB(val) {
|
||||||
|
this.rechargeDataBB.limit = val
|
||||||
|
this.rechargeDataBB.page = 1
|
||||||
|
this.rewardDetails()
|
||||||
|
},
|
||||||
|
handleCurrentChange4BB(val) {
|
||||||
|
this.rechargeDataBB.page = val
|
||||||
|
this.rewardDetails()
|
||||||
|
},
|
||||||
|
handleSizeChange4CC(val) {
|
||||||
|
this.rechargeDataCC.limit = val
|
||||||
|
this.rechargeDataCC.page = 1
|
||||||
|
this.signInDetails()
|
||||||
|
},
|
||||||
|
handleCurrentChange4CC(val) {
|
||||||
|
this.rechargeDataCC.page = val
|
||||||
|
this.signInDetails()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<el-tabs v-model = "activeName" @tab-click = "handleClick">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
<el-tab-pane label = "订单列表" name = "first">
|
<el-tab-pane label="订单列表" name="first">
|
||||||
<div style = "margin-right:2%;">
|
<div style="margin-right:2%;">
|
||||||
<span>状态:</span>
|
<span>状态:</span>
|
||||||
<el-select v-model="status" style="width:150px;margin-left: 10px;" @change="animeDat(status)">
|
<el-select v-model="status" style="width:150px;margin-left: 10px;" @change="animeDat(status)">
|
||||||
<el-option v-for="item in statesnum" :key="item.value" :label="item.label" :value="item.value">
|
<el-option v-for="item in statesnum" :key="item.value" :label="item.label" :value="item.value">
|
||||||
|
|
@ -49,48 +49,48 @@
|
||||||
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleans">重置
|
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleans">重置
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading = "tableDataLoading" :data = "tableData.list" >
|
<el-table v-loading="tableDataLoading" :data="tableData.list">
|
||||||
<el-table-column fixed prop = "ordersId" label = "编号" width = "80"></el-table-column>
|
<el-table-column fixed prop="ordersId" label="编号" width="80"></el-table-column>
|
||||||
<el-table-column prop = "ordersNo" label = "订单编号" width = "180"></el-table-column>
|
<el-table-column prop="ordersNo" label="订单编号" width="180"></el-table-column>
|
||||||
<el-table-column prop = "userName" label = "购买用户昵称" width = "120" align="center">
|
<el-table-column prop="userName" label="购买用户昵称" width="120" align="center">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span style = "color: #4f9dec;cursor: pointer;" @click = "updates(scope.row)">
|
<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row)">
|
||||||
{{ scope.row.userName}}
|
{{ scope.row.userName }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop = "title" label = "购买短剧/会员等级" width = "180" align="center">
|
<el-table-column prop="title" label="购买短剧/会员等级" width="180" align="center">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span v-if = "scope.row.ordersType == 1">{{scope.row.title}}</span>
|
<span v-if="scope.row.ordersType == 1">{{ scope.row.title }}</span>
|
||||||
<span v-if = "scope.row.ordersType == 2 && scope.row.vipNameType==0">月卡</span>
|
<span v-if="scope.row.ordersType == 2 && scope.row.vipNameType == 0">月卡</span>
|
||||||
<span v-if = "scope.row.ordersType == 2 && scope.row.vipNameType==1">季卡</span>
|
<span v-if="scope.row.ordersType == 2 && scope.row.vipNameType == 1">季卡</span>
|
||||||
<span v-if = "scope.row.ordersType == 2 && scope.row.vipNameType==2">年卡</span>
|
<span v-if="scope.row.ordersType == 2 && scope.row.vipNameType == 2">年卡</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop = "qdCode" label = "渠道码"></el-table-column>
|
<el-table-column prop="qdCode" label="渠道码"></el-table-column>
|
||||||
<el-table-column prop = "sysUserName" label = "渠道商名称" width = "180">
|
<el-table-column prop="sysUserName" label="渠道商名称" width="180">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span style = "color: #4f9dec;">{{ scope.row.sysUserName}}</span>
|
<span style="color: #4f9dec;">{{ scope.row.sysUserName }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop = "payWay" label = "订单类型" width = "120">
|
<el-table-column prop="payWay" label="订单类型" width="120">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span v-if = "scope.row.ordersType == 1">短剧</span>
|
<span v-if="scope.row.ordersType == 1">短剧</span>
|
||||||
<span v-if = "scope.row.ordersType == 2">会员</span>
|
<span v-if="scope.row.ordersType == 2">会员</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop = "payWay" label = "支付方式" width = "120">
|
<el-table-column prop="payWay" label="支付方式" width="120">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span v-if = "scope.row.payWay == null">暂无</span>
|
<span v-if="scope.row.payWay == null">暂无</span>
|
||||||
<span v-if = "scope.row.payWay == 1">微信APP</span>
|
<span v-if="scope.row.payWay == 1">微信APP</span>
|
||||||
<span v-if = "scope.row.payWay == 2">微信公众号</span>
|
<span v-if="scope.row.payWay == 2">微信公众号</span>
|
||||||
<span v-if = "scope.row.payWay == 3">微信小程序</span>
|
<span v-if="scope.row.payWay == 3">微信小程序</span>
|
||||||
<span v-if = "scope.row.payWay == 4">支付宝</span>
|
<span v-if="scope.row.payWay == 4">支付宝</span>
|
||||||
<span v-if = "scope.row.payWay == 5">会员免费</span>
|
<span v-if="scope.row.payWay == 5">会员免费</span>
|
||||||
<span v-if = "scope.row.payWay == 6">金币</span>
|
<span v-if="scope.row.payWay == 6">金币</span>
|
||||||
<span v-if = "scope.row.payWay == 7">抖音</span>
|
<span v-if="scope.row.payWay == 7">抖音</span>
|
||||||
<span v-if = "scope.row.payWay == 8">快手</span>
|
<span v-if="scope.row.payWay == 8">快手</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="payDiamond" label="钻石价格" width="100">
|
<el-table-column prop="payDiamond" label="钻石价格" width="100">
|
||||||
|
|
@ -101,47 +101,48 @@
|
||||||
<span v-else>否</span>
|
<span v-else>否</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop = "payMoney" label = "支付金额" width = "120"></el-table-column>
|
<el-table-column prop="payMoney" label="支付金额" width="120"></el-table-column>
|
||||||
<el-table-column prop = "qdMoney" label = "渠道佣金">
|
<el-table-column prop="qdMoney" label="渠道佣金">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span >{{ scope.row.qdMoney?scope.row.qdMoney:0}}</span>
|
<span>{{ scope.row.qdMoney ? scope.row.qdMoney : 0 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop = "status" label = "状态" width="80" fixed="right">
|
<el-table-column prop="status" label="状态" width="80" fixed="right">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<span v-if = "scope.row.status == null">待支付</span>
|
<span v-if="scope.row.status == null">待支付</span>
|
||||||
<span v-if = "scope.row.status == 0">待支付</span>
|
<span v-if="scope.row.status == 0">待支付</span>
|
||||||
<span v-if = "scope.row.status == 1">已支付</span>
|
<span v-if="scope.row.status == 1">已支付</span>
|
||||||
<span v-if = "scope.row.status == 2">已退款</span>
|
<span v-if="scope.row.status == 2">已退款</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column prop = "refundContent" label = "退款原因" ></el-table-column> -->
|
<!-- <el-table-column prop = "refundContent" label = "退款原因" ></el-table-column> -->
|
||||||
<el-table-column prop = "createTime" label = "创建时间" width = "200" ></el-table-column>
|
<el-table-column prop="createTime" label="创建时间" width="200"></el-table-column>
|
||||||
<el-table-column label = "操作" width = "80" align="center" fixed="right">
|
<el-table-column label="操作" width="80" align="center" fixed="right">
|
||||||
<template slot-scope = "scope">
|
<template slot-scope="scope">
|
||||||
<el-button style="margin:5px;" size="mini" type="warning" icon="document" :disabled="!isAuth('orderCenter:tuikuan')" @click="tuikuanBtn(scope.row)" v-if="scope.row.status==1&&scope.row.payWay != 5">退款
|
<el-button style="margin:5px;" size="mini" type="warning" icon="document"
|
||||||
|
:disabled="!isAuth('orderCenter:tuikuan')" @click="tuikuanBtn(scope.row)"
|
||||||
|
v-if="scope.row.status == 1 && scope.row.payWay != 5">退款
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size = "mini" type = "danger" :disabled = "!isAuth('orderCenter:delete')" style="margin:5px;"
|
<el-button size="mini" type="danger" :disabled="!isAuth('orderCenter:delete')"
|
||||||
@click = "deletes(scope.row)">删除</el-button>
|
style="margin:5px;" @click="deletes(scope.row)">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div style="color: #B94A48;font-size: 20px;margin-top: 10px;display: inline-block;">
|
<div style="color: #B94A48;font-size: 20px;margin-top: 10px;display: inline-block;">
|
||||||
本页累计收入统计:{{totalMoney.toFixed(2)}}元; </div>
|
本页累计收入统计:{{ totalMoney.toFixed(2) }}元; </div>
|
||||||
<div style = "text-align: center;margin-top: 10px;float:right">
|
<div style="text-align: center;margin-top: 10px;float:right">
|
||||||
<el-pagination @size-change = "handleSizeChange" @current-change = "handleCurrentChange" :page-sizes = "[10, 20, 30, 40, 100, 200, 500]"
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||||
:page-size = "limit" :current-page = "page" layout = "total,sizes, prev, pager, next,jumper"
|
:page-sizes="[10, 20, 30, 40, 100, 200, 500]" :page-size="limit" :current-page="page"
|
||||||
:total = "tableData.totalCount">
|
layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { watch } from 'fs'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
page: 1,
|
page: 1,
|
||||||
limit: 10,
|
limit: 10,
|
||||||
|
|
@ -154,7 +155,7 @@ import { watch } from 'fs'
|
||||||
tableDataLoading: true,
|
tableDataLoading: true,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
checkBoxData: [],//多选框选择的值
|
checkBoxData: [],//多选框选择的值
|
||||||
statesnum:[
|
statesnum: [
|
||||||
{
|
{
|
||||||
label: '全部',
|
label: '全部',
|
||||||
value: ''
|
value: ''
|
||||||
|
|
@ -190,14 +191,14 @@ import { watch } from 'fs'
|
||||||
userName: '',
|
userName: '',
|
||||||
startTime: '',
|
startTime: '',
|
||||||
endTime: '',
|
endTime: '',
|
||||||
qdCode:'',
|
qdCode: '',
|
||||||
sysUserName:'',
|
sysUserName: '',
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 多选
|
// 多选
|
||||||
changeFun (val) {
|
changeFun(val) {
|
||||||
this.checkBoxData = val
|
this.checkBoxData = val
|
||||||
},
|
},
|
||||||
//处理默认选中当前日期
|
//处理默认选中当前日期
|
||||||
|
|
@ -217,7 +218,7 @@ import { watch } from 'fs'
|
||||||
// this.$set(this.info, 'stockDate', defaultDate)
|
// this.$set(this.info, 'stockDate', defaultDate)
|
||||||
// },
|
// },
|
||||||
// tabs切换
|
// tabs切换
|
||||||
handleClick (tab, event) {
|
handleClick(tab, event) {
|
||||||
if (tab._props.label == '订单列表') {
|
if (tab._props.label == '订单列表') {
|
||||||
this.page = 1
|
this.page = 1
|
||||||
this.limit = 10
|
this.limit = 10
|
||||||
|
|
@ -225,11 +226,11 @@ import { watch } from 'fs'
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleSizeChange (val) {
|
handleSizeChange(val) {
|
||||||
this.limit = val
|
this.limit = val
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
},
|
},
|
||||||
handleCurrentChange (val) {
|
handleCurrentChange(val) {
|
||||||
this.page = val
|
this.page = val
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
},
|
},
|
||||||
|
|
@ -261,7 +262,7 @@ import { watch } from 'fs'
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
},
|
},
|
||||||
// 删除banner图
|
// 删除banner图
|
||||||
deletes (row) {
|
deletes(row) {
|
||||||
let delid = row.ordersId
|
let delid = row.ordersId
|
||||||
this.$confirm(`确定删除此条信息?`, '提示', {
|
this.$confirm(`确定删除此条信息?`, '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
|
|
@ -272,7 +273,7 @@ import { watch } from 'fs'
|
||||||
url: this.$http.adornUrl(`order/deleteOrders?ids=${delid}`),
|
url: this.$http.adornUrl(`order/deleteOrders?ids=${delid}`),
|
||||||
method: 'get',
|
method: 'get',
|
||||||
data: this.$http.adornData({})
|
data: this.$http.adornData({})
|
||||||
}).then(({data}) => {
|
}).then(({ data }) => {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: '删除成功',
|
message: '删除成功',
|
||||||
type: 'success',
|
type: 'success',
|
||||||
|
|
@ -286,7 +287,7 @@ import { watch } from 'fs'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 获取数据列表
|
// 获取数据列表
|
||||||
dataSelect () {
|
dataSelect() {
|
||||||
this.tableDataLoading = true
|
this.tableDataLoading = true
|
||||||
this.totalMoney = 0
|
this.totalMoney = 0
|
||||||
this.$http({
|
this.$http({
|
||||||
|
|
@ -295,8 +296,8 @@ import { watch } from 'fs'
|
||||||
params: this.$http.adornParams({
|
params: this.$http.adornParams({
|
||||||
'page': this.page,
|
'page': this.page,
|
||||||
'limit': this.limit,
|
'limit': this.limit,
|
||||||
'ordersNo':this.ordersNo,
|
'ordersNo': this.ordersNo,
|
||||||
'status':this.status,
|
'status': this.status,
|
||||||
'ordersType': this.ordersType,
|
'ordersType': this.ordersType,
|
||||||
'userName': this.userName,
|
'userName': this.userName,
|
||||||
'startTime': this.startTime,
|
'startTime': this.startTime,
|
||||||
|
|
@ -304,7 +305,7 @@ import { watch } from 'fs'
|
||||||
'qdCode': this.qdCode,
|
'qdCode': this.qdCode,
|
||||||
'sysUserName': this.sysUserName,
|
'sysUserName': this.sysUserName,
|
||||||
})
|
})
|
||||||
}).then(({data}) => {
|
}).then(({ data }) => {
|
||||||
if (data && data.code === 0) {
|
if (data && data.code === 0) {
|
||||||
this.tableDataLoading = false
|
this.tableDataLoading = false
|
||||||
for (var i in data.data.list) {
|
for (var i in data.data.list) {
|
||||||
|
|
@ -318,11 +319,11 @@ import { watch } from 'fs'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 详情跳转
|
// 详情跳转
|
||||||
updates (row) {
|
updates(row) {
|
||||||
this.$router.push({path: '/userDetail', query: {userId: row.userId}})
|
this.$router.push({ path: '/userDetail', query: { userId: row.userId } })
|
||||||
},
|
},
|
||||||
// 退款
|
// 退款
|
||||||
tuikuanBtn(row){
|
tuikuanBtn(row) {
|
||||||
let delid = row.ordersId
|
let delid = row.ordersId
|
||||||
this.$confirm(`确定退款吗?`, '提示', {
|
this.$confirm(`确定退款吗?`, '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
|
|
@ -330,13 +331,13 @@ import { watch } from 'fs'
|
||||||
type: 'warning'
|
type: 'warning'
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.$http({
|
this.$http({
|
||||||
url: this.$http.adornUrl('order/refundOrders?ordersId='+delid),
|
url: this.$http.adornUrl('order/refundOrders?ordersId=' + delid),
|
||||||
method: 'post',
|
method: 'post',
|
||||||
params: this.$http.adornParams({})
|
params: this.$http.adornParams({})
|
||||||
}).then(({
|
}).then(({
|
||||||
data
|
data
|
||||||
}) => {
|
}) => {
|
||||||
if(data.code==0){
|
if (data.code == 0) {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: '操作成功',
|
message: '操作成功',
|
||||||
type: 'success',
|
type: 'success',
|
||||||
|
|
@ -345,7 +346,7 @@ import { watch } from 'fs'
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}else{
|
} else {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: data.msg,
|
message: data.msg,
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
|
|
@ -359,16 +360,18 @@ import { watch } from 'fs'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted() {
|
||||||
// if(this.$route.query.userName) {
|
if (this.$route.query.userName) {
|
||||||
// this.userName = this.$route.query.userName
|
this.status = 1
|
||||||
// }
|
this.userName = this.$route.query.userName
|
||||||
|
}
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
// 监听路由变化,重新获取数据
|
// 监听路由变化,重新获取数据
|
||||||
'$route' (to, from) {
|
'$route'(to, from) {
|
||||||
if (to.query.userName) {
|
if (to.query.userName) {
|
||||||
|
this.status = 1
|
||||||
this.userName = to.query.userName
|
this.userName = to.query.userName
|
||||||
this.dataSelect()
|
this.dataSelect()
|
||||||
}
|
}
|
||||||
|
|
@ -379,7 +382,7 @@ import { watch } from 'fs'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.customWidth {
|
.customWidth {
|
||||||
width: 80% !important;
|
width: 80% !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue