Skip to content

Commit 34ce7f7

Browse files
owen118zowen118z
committed
trade: 分销用户管理
1 parent 1e21208 commit 34ce7f7

File tree

2 files changed

+269
-0
lines changed

2 files changed

+269
-0
lines changed

‎src/api/mall/trade/brokerage/user/index.ts

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import request from '@/config/axios'
2+
3+
export interface BrokerageUserVO {
4+
id: number
5+
brokerageUserId: number
6+
brokerageBindTime: Date
7+
brokerageEnabled: boolean
8+
brokerageTime: Date
9+
brokeragePrice: number
10+
frozenBrokeragePrice: number
11+
}
12+
13+
// 查询分销用户列表
14+
export const getBrokerageUserPage = async (params: any) => {
15+
return await request.get({ url: `/trade/brokerage-user/page`, params })
16+
}
17+
18+
// 查询分销用户详情
19+
export const getBrokerageUser = async (id: number) => {
20+
return await request.get({ url: `/trade/brokerage-user/get?id=` + id })
21+
}

‎src/views/mall/trade/brokerage/user/index.vue

Lines changed: 248 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,248 @@
1+
<template>
2+
<ContentWrap>
3+
<!-- 搜索工作栏 -->
4+
<el-form
5+
class="-mb-15px"
6+
:model="queryParams"
7+
ref="queryFormRef"
8+
:inline="true"
9+
label-width="85px"
10+
>
11+
<el-form-item label="推广员编号" prop="brokerageUserId">
12+
<el-input
13+
v-model="queryParams.brokerageUserId"
14+
placeholder="请输入推广员编号"
15+
clearable
16+
@keyup.enter="handleQuery"
17+
class="!w-240px"
18+
/>
19+
</el-form-item>
20+
<el-form-item label="推广资格" prop="brokerageEnabled">
21+
<el-select
22+
v-model="queryParams.brokerageEnabled"
23+
class="!w-240px"
24+
clearable
25+
placeholder="请选择推广资格"
26+
>
27+
<el-option label="有" :value="true" />
28+
<el-option label="无" :value="false" />
29+
</el-select>
30+
</el-form-item>
31+
<el-form-item label="创建时间" prop="createTime">
32+
<el-date-picker
33+
v-model="queryParams.createTime"
34+
value-format="YYYY-MM-DD HH:mm:ss"
35+
type="daterange"
36+
start-placeholder="开始日期"
37+
end-placeholder="结束日期"
38+
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
39+
class="!w-240px"
40+
/>
41+
</el-form-item>
42+
<el-form-item>
43+
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
44+
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
45+
</el-form-item>
46+
</el-form>
47+
</ContentWrap>
48+
49+
<!-- 列表 -->
50+
<ContentWrap>
51+
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
52+
<el-table-column label="用户编号" align="center" prop="id" min-width="80px" />
53+
<el-table-column label="头像" align="center" prop="avatar" width="70px">
54+
<template #default="scope">
55+
<el-avatar :src="scope.row.avatar" />
56+
</template>
57+
</el-table-column>
58+
<el-table-column label="昵称" align="center" prop="nickname" min-width="80px" />
59+
<el-table-column
60+
label="推广用户数量（一级）"
61+
align="center"
62+
prop="brokerageUserCount"
63+
min-width="110px"
64+
/>
65+
<el-table-column
66+
label="推广订单数量"
67+
align="center"
68+
prop="brokerageOrderCount"
69+
min-width="110px"
70+
/>
71+
<el-table-column
72+
label="推广订单金额"
73+
align="center"
74+
prop="brokerageOrderPrice"
75+
min-width="110px"
76+
/>
77+
<el-table-column label="已提现金额" align="center" prop="withdrawPrice" min-width="100px" />
78+
<el-table-column label="已提现次数" align="center" prop="withdrawCount" min-width="100px" />
79+
<el-table-column label="未提现金额" align="center" prop="brokeragePrice" min-width="100px" />
80+
<el-table-column
81+
label="冻结中佣金"
82+
align="center"
83+
prop="frozenBrokeragePrice"
84+
min-width="100px"
85+
/>
86+
<el-table-column label="推广资格" align="center" prop="brokerageEnabled" min-width="80px">
87+
<template #default="scope">
88+
<el-switch
89+
v-model="scope.row.brokerageEnabled"
90+
active-text="有"
91+
inactive-text="无"
92+
inline-prompt
93+
:disabled="!checkPermi(['trade:brokerage-user:update-brokerage-user'])"
94+
@change="handleBrokerageEnabledChange(scope.row.id, !scope.row.brokerageEnabled)"
95+
/>
96+
</template>
97+
</el-table-column>
98+
<el-table-column
99+
label="成为推广员时间"
100+
align="center"
101+
prop="brokerageTime"
102+
:formatter="dateFormatter"
103+
width="170px"
104+
/>
105+
<el-table-column label="上级推广员编号" align="center" prop="brokerageUserId" width="150px" />
106+
<el-table-column
107+
label="推广员绑定时间"
108+
align="center"
109+
prop="brokerageBindTime"
110+
:formatter="dateFormatter"
111+
width="170px"
112+
/>
113+
<el-table-column label="操作" align="center" width="150px" fixed="right">
114+
<template #default="scope">
115+
<el-dropdown
116+
@command="(command) => handleCommand(command, scope.row)"
117+
v-hasPermi="[
118+
'trade:brokerage-user:user-query',
119+
'trade:brokerage-user:order-query',
120+
'trade:brokerage-user:update-brokerage-user',
121+
'trade:brokerage-user:clear-brokerage-user'
122+
]"
123+
>
124+
<template #dropdown>
125+
<el-dropdown-menu>
126+
<el-dropdown-item
127+
command="openBrokerageUserTable"
128+
v-if="checkPermi(['trade:brokerage-user:user-query'])"
129+
>
130+
推广人
131+
</el-dropdown-item>
132+
<el-dropdown-item
133+
command="openBrokerageOrderTable"
134+
v-if="checkPermi(['trade:brokerage-user:order-query'])"
135+
>
136+
推广订单
137+
</el-dropdown-item>
138+
<el-dropdown-item
139+
command="openUpdateBindUser"
140+
v-if="checkPermi(['trade:brokerage-user:update-brokerage-user'])"
141+
>
142+
修改上级推广人
143+
</el-dropdown-item>
144+
<el-dropdown-item
145+
command="openClearBindUser"
146+
v-if="checkPermi(['trade:brokerage-user:clear-brokerage-user'])"
147+
>
148+
清除上级推广人
149+
</el-dropdown-item>
150+
</el-dropdown-menu>
151+
</template>
152+
</el-dropdown>
153+
</template>
154+
</el-table-column>
155+
</el-table>
156+
<!-- 分页 -->
157+
<Pagination
158+
:total="total"
159+
v-model:page="queryParams.pageNo"
160+
v-model:limit="queryParams.pageSize"
161+
@pagination="getList"
162+
/>
163+
</ContentWrap>
164+
</template>
165+
166+
<script setup lang="ts">
167+
import { dateFormatter } from '@/utils/formatTime'
168+
import * as BrokerageUserApi from '@/api/mall/trade/brokerage/user'
169+
import { checkPermi } from '@/utils/permission'
170+
171+
defineOptions({ name: 'TradeBrokerageUser' })
172+
173+
const message = useMessage() // 消息弹窗
174+
const { t } = useI18n() // 国际化
175+
176+
const loading = ref(true) // 列表的加载中
177+
const total = ref(0) // 列表的总页数
178+
const list = ref([]) // 列表的数据
179+
const queryParams = reactive({
180+
pageNo: 1,
181+
pageSize: 10,
182+
brokerageUserId: null,
183+
brokerageEnabled: null,
184+
createTime: []
185+
})
186+
const queryFormRef = ref() // 搜索的表单
187+
188+
/** 查询列表 */
189+
const getList = async () => {
190+
loading.value = true
191+
try {
192+
const data = await BrokerageUserApi.getBrokerageUserPage(queryParams)
193+
list.value = data.list
194+
total.value = data.total
195+
} finally {
196+
loading.value = false
197+
}
198+
}
199+
200+
/** 搜索按钮操作 */
201+
const handleQuery = () => {
202+
queryParams.pageNo = 1
203+
getList()
204+
}
205+
206+
/** 重置按钮操作 */
207+
const resetQuery = () => {
208+
queryFormRef.value.resetFields()
209+
handleQuery()
210+
}
211+
212+
const handleCommand = (command: string, row: BrokerageUserApi.BrokerageUserVO) => {
213+
switch (command) {
214+
case 'openBrokerageUserTable':
215+
openBrokerageUserTable(row.id)
216+
break
217+
case 'openBrokerageOrderTable':
218+
openBrokerageOrderTable(row.id)
219+
break
220+
case 'openUpdateBindUser':
221+
openUpdateBindUser(row.id)
222+
break
223+
case 'openClearBindUser':
224+
openClearBindUser(row.id)
225+
break
226+
}
227+
}
228+
229+
/** 打开推广人列表 */
230+
const openBrokerageUserTable = (id: number) => {}
231+
232+
/** 打开推广订单列表 */
233+
const openBrokerageOrderTable = (id: number) => {}
234+
235+
/** 打开表单：修改上级推广人 */
236+
const openUpdateBindUser = (id: number) => {}
237+
238+
/** 打开表单：清除上级推广人 */
239+
const openClearBindUser = (id: number) => {}
240+
241+
/** 推广资格 开通/关闭 */
242+
const handleBrokerageEnabledChange = (id: number, enabled: boolean) => {}
243+
244+
/** 初始化 **/
245+
onMounted(() => {
246+
getList()
247+
})
248+
</script>

0 commit comments

Comments
 (0)