0d32da772d
# v1.3 更新列表
1. 【新增】砍价
2. 【新增】拼团
3. 【新增】一号通
4. 【修复】商品sku 编辑时出现商品属性对应错误的问题
5. 【修复】商品推广海报生成二维码可能会出错的问题【小程序调试中】
6. 【修复】微信公众号和小程序头像可能获取不到的问题
7. 【修复】下单时可能会出错的问题
8. 【修复】pc管理端用户访问量
9. 【修复】微信退款
10. 【修复】管理端订单状态可能出现不正确的情况
11. 【修复】WEB管理端-菜单色调，短信API更新，首页用户访问量，系统设置tab是自动选择下一及表单
12. 【修复】系统设置出现更新不正确的问题
462 lines
14 KiB
Vue
462 lines
14 KiB
Vue
<template>
|
|
<div class="divBox">
|
|
<el-card class="box-card">
|
|
<div slot="header" class="clearfix">
|
|
<div class="container">
|
|
<el-form size="small" label-width="100px">
|
|
<el-form-item label="时间选择：" class="width100">
|
|
<el-radio-group v-model="tableFrom.dateLimit" type="button" class="mr20" size="small" @change="selectChange(tableFrom.dateLimit)">
|
|
<el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
|
|
</el-radio-group>
|
|
<el-date-picker v-model="timeVal" value-format="yyyy-MM-dd" format="yyyy-MM-dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
|
|
</el-form-item>
|
|
<el-form-item label="关键字：">
|
|
<el-input v-model="tableFrom.keywords" placeholder="请输入姓名、电话、UID" class="selWidth" size="small" clearable>
|
|
<el-button slot="append" icon="el-icon-search" size="small" @click="seachList" />
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<cards-data :cardLists="cardLists"></cards-data>
|
|
</div>
|
|
<el-table
|
|
v-loading="listLoading"
|
|
:data="tableData.data"
|
|
style="width: 100%"
|
|
size="mini"
|
|
class="table"
|
|
highlight-current-row
|
|
>
|
|
<el-table-column
|
|
prop="uid"
|
|
label="ID"
|
|
width="60"
|
|
/>
|
|
<el-table-column
|
|
label="头像"
|
|
min-width="80"
|
|
>
|
|
<template slot-scope="scope">
|
|
<div class="demo-image__preview">
|
|
<el-image
|
|
:src="scope.row.avatar"
|
|
:preview-src-list="[scope.row.avatar]"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="nickname"
|
|
label="用户信息"
|
|
min-width="130"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
prop="spreadCount"
|
|
label="推广用户数量"
|
|
min-width="120"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="订单数量"
|
|
min-width="120"
|
|
prop="payCount"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="推广订单金额"
|
|
min-width="120"
|
|
prop="payCount"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="佣金金额"
|
|
min-width="120"
|
|
prop="brokeragePrice"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="已提现金额"
|
|
min-width="120"
|
|
prop="brokeragePrice"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="提现金额"
|
|
min-width="120"
|
|
prop="brokeragePrice"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="未提现金额"
|
|
min-width="120"
|
|
prop="brokeragePrice"
|
|
/>
|
|
<el-table-column
|
|
prop="spreadNickname"
|
|
label="上级推广人"
|
|
min-width="150"
|
|
/>
|
|
<el-table-column label="操作" min-width="150" fixed="right" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" size="small" class="mr10" @click="onSpread(scope.row.uid, 'man')">推广人</el-button>
|
|
<el-dropdown>
|
|
<span class="el-dropdown-link">
|
|
更多<i class="el-icon-arrow-down el-icon--right" />
|
|
</span>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item @click.native="onSpreadOrder(scope.row.uid, 'order')">推广订单</el-dropdown-item>
|
|
<!--<el-dropdown-item @click.native="onSpreadType(scope.row.uid)">推广方式</el-dropdown-item>-->
|
|
<el-dropdown-item @click.native="clearSpread(scope.row)" v-if="scope.row.spreadNickname">清除上级推广人</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<div class="block">
|
|
<el-pagination
|
|
:page-sizes="[20, 40, 60, 80]"
|
|
:page-size="tableFrom.limit"
|
|
:current-page="tableFrom.page"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="tableData.total"
|
|
@size-change="handleSizeChange"
|
|
@current-change="pageChange"
|
|
/>
|
|
</div>
|
|
</el-card>
|
|
|
|
<!--推广人-->
|
|
<el-dialog
|
|
title="提示"
|
|
:visible.sync="dialogVisible"
|
|
width="900px"
|
|
:before-close="handleClose"
|
|
>
|
|
<div class="container">
|
|
<el-form size="small" label-width="100px">
|
|
<el-form-item label="时间选择：" class="width100">
|
|
<el-radio-group v-model="spreadFrom.dateLimit" type="button" class="mr20" size="small" @change="selectChangeSpread(spreadFrom.dateLimit)">
|
|
<el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
|
|
</el-radio-group>
|
|
<el-date-picker v-model="timeValSpread" value-format="yyyy-MM-dd" format="yyyy-MM-dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTimeSpread" />
|
|
</el-form-item>
|
|
<el-form-item label="用户类型：">
|
|
<el-radio-group v-model="spreadFrom.type" size="small" @change="onChanges">
|
|
<el-radio-button label="null">全部</el-radio-button>
|
|
<el-radio-button label="1">一级推广人</el-radio-button>
|
|
<el-radio-button label="2">二级推广人</el-radio-button>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="关键字：" class="width100">
|
|
<el-input v-model="spreadFrom.nickName" :placeholder="onName === 'order'?'请输入订单号':'请输入姓名、电话、UID'" class="selWidth" size="small" clearable>
|
|
<el-button slot="append" icon="el-icon-search" size="small" @click="onChanges" />
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<el-table
|
|
v-if="onName === 'man'"
|
|
key="men"
|
|
v-loading="spreadLoading"
|
|
:data="spreadData.data"
|
|
style="width: 100%"
|
|
size="mini"
|
|
class="table"
|
|
highlight-current-row
|
|
>
|
|
<el-table-column
|
|
prop="uid"
|
|
label="ID"
|
|
width="60"
|
|
/>
|
|
<el-table-column
|
|
label="头像"
|
|
min-width="80"
|
|
>
|
|
<template slot-scope="scope">
|
|
<div class="demo-image__preview">
|
|
<el-image
|
|
:src="scope.row.avatar"
|
|
:preview-src-list="[scope.row.avatar]"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="nickname"
|
|
label="用户信息"
|
|
min-width="130"
|
|
/>
|
|
<el-table-column
|
|
prop="is_promoter"
|
|
label="是否推广员"
|
|
min-width="120"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.is_promoter | filterYesOrNo }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
sortable
|
|
label="推广人数"
|
|
min-width="120"
|
|
prop="spread_count"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="订单数"
|
|
min-width="120"
|
|
prop="pay_count"
|
|
/>
|
|
<el-table-column
|
|
prop="create_time"
|
|
label="关注时间"
|
|
min-width="150"
|
|
/>
|
|
</el-table>
|
|
<el-table
|
|
v-if="onName === 'order'"
|
|
key="order"
|
|
v-loading="spreadLoading"
|
|
:data="spreadData.data"
|
|
style="width: 100%"
|
|
size="mini"
|
|
class="table"
|
|
highlight-current-row
|
|
>
|
|
<el-table-column
|
|
prop="orderId"
|
|
label="订单ID"
|
|
min-width="120"
|
|
/>
|
|
<el-table-column
|
|
label="用户信息"
|
|
min-width="150"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{scope.row.realName}}<el-divider direction="vertical"></el-divider>{{ scope.row.userPhone }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="createTime"
|
|
label="时间"
|
|
min-width="150"
|
|
/>
|
|
<el-table-column
|
|
sortable
|
|
label="返佣金额"
|
|
min-width="120"
|
|
prop="deductionPrice"
|
|
/>
|
|
</el-table>
|
|
<div class="block">
|
|
<el-pagination
|
|
:page-sizes="[10, 20, 30, 40]"
|
|
:page-size="spreadFrom.limit"
|
|
:current-page="spreadFrom.page"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="spreadData.total"
|
|
@size-change="handleSizeChangeSpread"
|
|
@current-change="pageChangeSpread"
|
|
/>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { promoterListApi, spreadStatisticsApi, spreadListApi, spreadOrderListApi, spreadClearApi } from '@/api/distribution'
|
|
import { fromList } from '@/utils/constants.js'
|
|
import cardsData from '@/components/cards/index'
|
|
export default {
|
|
name: 'AccountsUser',
|
|
components: { cardsData },
|
|
data() {
|
|
return {
|
|
cardLists: [],
|
|
timeVal: [],
|
|
tableData: {
|
|
data: [],
|
|
total: 0
|
|
},
|
|
listLoading: true,
|
|
tableFrom: {
|
|
dateLimit: '',
|
|
keywords: '',
|
|
page: 1,
|
|
limit: 20
|
|
},
|
|
fromList: fromList,
|
|
dialogVisible: false,
|
|
spreadData: {
|
|
data: [],
|
|
total: 0
|
|
},
|
|
spreadFrom: {
|
|
page: 1,
|
|
limit: 10,
|
|
dateLimit: '',
|
|
type: null,
|
|
nickName: '',
|
|
uid: ''
|
|
},
|
|
timeValSpread: [],
|
|
spreadLoading: false,
|
|
uid: '',
|
|
onName: ''
|
|
}
|
|
},
|
|
mounted() {
|
|
this.spreadStatistics()
|
|
this.getList()
|
|
},
|
|
methods: {
|
|
seachList() {
|
|
this.tableFrom.page = 1
|
|
this.getList()
|
|
},
|
|
// 统计
|
|
spreadStatistics() {
|
|
spreadStatisticsApi({ dateLimit: this.tableFrom.dateLimit, nickName: this.tableFrom.nickName}).then((res) => {
|
|
this.cardLists = res
|
|
})
|
|
},
|
|
// 清除
|
|
clearSpread(row) {
|
|
this.$modalSure('解除【' + row.nickname + '】的上级推广人吗').then(() => {
|
|
spreadClearApi(row.uid).then((res) => {
|
|
this.$message.success('清除成功')
|
|
this.getList()
|
|
})
|
|
})
|
|
},
|
|
onSpread(uid, n) {
|
|
this.onName = n
|
|
this.uid = uid
|
|
this.dialogVisible = true
|
|
this.spreadFrom = {
|
|
page: 1,
|
|
limit: 10,
|
|
dateLimit: '',
|
|
type: null,
|
|
nickName: '',
|
|
uid: uid
|
|
}
|
|
this.getListSpread()
|
|
},
|
|
handleClose() {
|
|
this.dialogVisible = false
|
|
},
|
|
// 选择时间
|
|
selectChangeSpread(tab) {
|
|
this.timeValSpread = []
|
|
this.spreadFrom.dateLimit = tab
|
|
this.spreadFrom.page = 1
|
|
this.onName === 'man' ? this.getListSpread() : this.getSpreadOrderList()
|
|
},
|
|
// 具体日期
|
|
onchangeTimeSpread(e) {
|
|
this.timeValSpread = e
|
|
this.tableFrom.dateLimit = e ? this.timeValSpread.join(',') : ''
|
|
this.spreadFrom.page = 1
|
|
this.onName === 'man' ? this.getListSpread() : this.getSpreadOrderList()
|
|
},
|
|
onChanges() {
|
|
this.spreadFrom.page = 1
|
|
this.onName === 'man' ? this.getListSpread() : this.getSpreadOrderList()
|
|
},
|
|
// 推广人列表
|
|
getListSpread() {
|
|
this.spreadLoading = true
|
|
spreadListApi({ page: this.spreadFrom.page, limit: this.spreadFrom.limit}, this.spreadFrom).then(res => {
|
|
this.spreadData.data = res.list
|
|
this.spreadData.total = res.total
|
|
this.spreadLoading = false
|
|
}).catch(() => {
|
|
this.spreadLoading = false
|
|
})
|
|
},
|
|
pageChangeSpread(page) {
|
|
this.spreadFrom.page = page
|
|
this.onName === 'man' ? this.getListSpread(this.uid) : this.getSpreadOrderList(this.uid)
|
|
},
|
|
handleSizeChangeSpread(val) {
|
|
this.spreadFrom.limit = val
|
|
this.onName === 'man' ? this.getListSpread(this.uid) : this.getSpreadOrderList(this.uid)
|
|
},
|
|
// 推广订单
|
|
onSpreadOrder(uid, n) {
|
|
this.uid = uid
|
|
this.onName = n
|
|
this.dialogVisible = true
|
|
this.spreadFrom = {
|
|
page: 1,
|
|
limit: 10,
|
|
dateLimit: '',
|
|
type: '',
|
|
nickName: '',
|
|
uid: uid
|
|
}
|
|
this.getSpreadOrderList()
|
|
},
|
|
getSpreadOrderList() {
|
|
this.spreadLoading = true
|
|
spreadOrderListApi({ page: this.spreadFrom.page, limit: this.spreadFrom.limit}, this.spreadFrom).then(res => {
|
|
this.spreadData.data = res.list
|
|
this.spreadData.total = res.total
|
|
this.spreadLoading = false
|
|
}).catch(() => {
|
|
this.spreadLoading = false
|
|
})
|
|
},
|
|
selectChange(tab) {
|
|
this.tableFrom.dateLimit = tab
|
|
this.tableFrom.page = 1
|
|
this.timeVal = []
|
|
this.getList()
|
|
},
|
|
// 具体日期
|
|
onchangeTime(e) {
|
|
this.timeVal = e
|
|
this.tableFrom.dateLimit = e ? this.timeVal.join(',') : ''
|
|
this.tableFrom.page = 1
|
|
this.getList()
|
|
},
|
|
// 列表
|
|
getList() {
|
|
this.listLoading = true
|
|
promoterListApi(this.tableFrom).then(res => {
|
|
this.tableData.data = res.list
|
|
this.tableData.total = res.total
|
|
this.listLoading = false
|
|
}).catch(() => {
|
|
this.listLoading = false
|
|
})
|
|
},
|
|
pageChange(page) {
|
|
this.tableFrom.page = page
|
|
this.getList()
|
|
},
|
|
handleSizeChange(val) {
|
|
this.tableFrom.limit = val
|
|
this.getList()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.selWidth{
|
|
width: 350px;
|
|
}
|
|
.el-dropdown-link {
|
|
cursor: pointer;
|
|
color: #409EFF;
|
|
font-size: 12px;
|
|
}
|
|
.el-icon-arrow-down {
|
|
font-size: 12px;
|
|
}
|
|
</style>
|