yueyixin
/
foreign-admin-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

代理列表

This commit is contained in:
杨 2026-05-11 17:37:13 +08:00
parent db0bfc7fd4
commit dc9cba09b2
12 changed files with 85 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/styles/user.scss
View File

@ -100,4 +100,10 @@
.form-switch-leave-to { .form-switch-leave-to {
opacity: 0; opacity: 0;
transform: translateX(-10px) scale(0.98); transform: translateX(-10px) scale(0.98);
}
.table_form-container {
display: flex;
flex-direction: column;
height: 100%;
} }

16
src/components/common/Pagination.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="pagination-container"> <div class="pagination-container">
<el-pagination <el-pagination
style="width: auto;"
v-model:current-page="currentPage" v-model:current-page="currentPage"
v-model:page-size="pageSize" v-model:page-size="pageSize"
:page-sizes="pageSizes" :page-sizes="pageSizes"
@ -112,9 +113,16 @@ const handleCurrentChange = (val: number) => {
<style scoped lang="scss"> <style scoped lang="scss">
.pagination-container { .pagination-container {
position: fixed; // position: fixed;
bottom: 20px; // bottom: 20px;
right: 20px; // float: right;
z-index: 1000; width: 100%;
display: flex;
padding: 10px;
background-color: #fff;
justify-content: flex-end;
align-items: flex-end;
// right: 20px;
// z-index: 1000;
} }
</style> </style>

15
src/components/common/Table.vue
View File

@ -2,8 +2,7 @@
<div class="table-container"> <div class="table-container">
<el-table <el-table
ref="tableRef" ref="tableRef"
height="100%" style="width: 100%; flex: 1"
style="width: 100%"
:data="tableData" :data="tableData"
:row-key="rowKey" :row-key="rowKey"
:tree-props="treeProps" :tree-props="treeProps"
@ -142,7 +141,15 @@ defineExpose({
<style scoped lang="scss"> <style scoped lang="scss">
.table-container { .table-container {
width: 100%; width: 100%;
height: 100%; height: 0;
// overflow: hidden; flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
:deep(.el-table) {
flex: 1;
overflow: auto;
}
} }
</style> </style>

9
src/components/layout/Layout.vue
View File

@ -11,14 +11,17 @@
<!-- 右侧内容区：面包屑 + 页签 + 主体内容 --> <!-- 右侧内容区：面包屑 + 页签 + 主体内容 -->
<section class="content-container"> <section class="content-container">
<!-- 面包屑导航 --> <!-- 面包屑导航 -->
<!-- <Breadcrumb />--> <!-- <Breadcrumb />-->
<!-- 页签标签栏 --> <!-- 页签标签栏 -->
<!-- <Tabs />--> <!-- <Tabs />-->
<!-- 主体内容区 --> <!-- 主体内容区 -->
<main class="main-content"> <main class="main-content">
<transition name="fade-transform" mode="out-in"> <transition name="fade-transform" mode="out-in"
style="height: 100%;
display: flex;
flex-direction: column;">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">
<KeepAlive> <KeepAlive>
<component :is="Component" :key="route.path" /> <component :is="Component" :key="route.path" />

5
src/views/mould/risk/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="risk"> <div class="risk table_form-container">
<div class="bar"> <div class="bar">
<span>风控管理</span> <span>风控管理</span>
<el-button type="primary" @click="handleAddRisk" v-auth="'riskControl_createRiskControl'" <el-button type="primary" @click="handleAddRisk" v-auth="'riskControl_createRiskControl'"
@ -380,12 +380,14 @@ const handleClose = () => {
} }
.risk-table-content { .risk-table-content {
flex: 1;
display: flex; display: flex;
gap: 10px; gap: 10px;
.table-switch { .table-switch {
flex-basis: 20%; flex-basis: 20%;
min-width: 200px; min-width: 200px;
height: 100%;
:deep(.el-table__row.current-row) { :deep(.el-table__row.current-row) {
background-color: #ecf5ff !important; background-color: #ecf5ff !important;
@ -395,6 +397,7 @@ const handleClose = () => {
.table-content { .table-content {
flex: 1; flex: 1;
height: 100%;
.risk-content-group { .risk-content-group {
display: flex; display: flex;

56
src/views/profile/agent/index.vue
View File

@ -3,36 +3,36 @@
<!-- 搜索 --> <!-- 搜索 -->
<CustomerListSearch :search-form="searchForm" :search-options="searchOptions" @search="handleSearch" <CustomerListSearch :search-form="searchForm" :search-options="searchOptions" @search="handleSearch"
@reset="handleReset"></CustomerListSearch> @reset="handleReset"></CustomerListSearch>
<!-- 表格 --> <!-- 表格 -->
<CustomerListTable :table-data="tableTree" :columns="tableColumnsOptions" row-key="userId" <CustomerListTable :table-data="tableTree" :columns="tableColumnsOptions" row-key="userId"
:default-sort="{ prop: 'createTime', order: 'descending' }" @expand-change="handleGetSubList"> :default-sort="{ prop: 'createTime', order: 'descending' }" @expand-change="handleGetSubList">
<template #marginRatio="{ row }"> <template #marginRatio="{ row }">
<el-button v-if="row.role_id === 5" type="primary" size="small" v-auth="'agent_getSelfVarietyPointDiffConfig'" <el-button v-if="row.role_id === 5" type="primary" size="small" v-auth="'agent_getSelfVarietyPointDiffConfig'"
@click="handleMarginRatio(row)"> @click="handleMarginRatio(row)">
修改 修改
</el-button> </el-button>
</template> </template>
<template #commissionRatio="{ row }"> <template #commissionRatio="{ row }">
{{ row.commissionRatio }} {{ row.commissionRatio }}
<el-button v-if="row.role_id === 5" type="primary" size="small" @click="handleCommissionRatio(row)" <el-button v-if="row.role_id === 5" type="primary" size="small" @click="handleCommissionRatio(row)"
v-auth="'agent_editAgent'"> v-auth="'agent_editAgent'">
修改 修改
</el-button> </el-button>
</template> </template>
<template #action="{ row }"> <template #action="{ row }">
<!-- <el-button link type="primary" size="small" @click="handleDetail(row)" v-if="row.userId"> <!-- <el-button link type="primary" size="small" @click="handleDetail(row)" v-if="row.userId">
查看详情 查看详情
</el-button> --> </el-button> -->
<!-- <el-divider direction="vertical" /> --> <!-- <el-divider direction="vertical" /> -->
<el-button link type="primary" size="small" @click="handleEditCustomer(row)"> <el-button link type="primary" size="small" @click="handleEditCustomer(row)">
编辑 编辑
</el-button> </el-button>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<el-button link type="warning" size="small" @click="handleAdjustAmount(row)"> <el-button link type="warning" size="small" @click="handleAdjustAmount(row)">
调整金额 调整金额
</el-button> </el-button>
</template> </template>
</CustomerListTable> </CustomerListTable>
<!-- 分页 --> <!-- 分页 -->
<CustomerListPagination v-model="currentPage" v-model:pageSizeValue="pageSize" :total="total" <CustomerListPagination v-model="currentPage" v-model:pageSizeValue="pageSize" :total="total"
@pagination-change="handlePaginationChange" /> @pagination-change="handlePaginationChange" />

25
src/views/profile/business/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="market"> <div class="market table_form-container">
<!-- 搜索 --> <!-- 搜索 -->
<MarketSearch :search-form="marketSearchForm" :search-options="marketSearchOptions" @search="handleSearch" <MarketSearch :search-form="marketSearchForm" :search-options="marketSearchOptions" @search="handleSearch"
@reset="handleReset"> @reset="handleReset">
@ -316,7 +316,7 @@ const mapMarketTree = (data: any) => {
closeProfitLoss: item.wallet_capital.closing_profit, //平仓盈亏 closeProfitLoss: item.wallet_capital.closing_profit, //平仓盈亏
riskMargin: item.wallet_capital.risk, //风险保证金 riskMargin: item.wallet_capital.risk, //风险保证金
serviceFee: item.wallet_capital.service, //服务费 serviceFee: item.wallet_capital.service, //服务费
flag: item.role_id * 1 === 5 ? (item.type! === 1 ? 1 : 2) : null, flag: item.role_id * 1 === 5 ? item.type * 1 : null,
//使用这个字段来判断是否是做市商 //使用这个字段来判断是否是做市商
mobile: item.mobile || '--', mobile: item.mobile || '--',
email: item.email || '--', email: item.email || '--',
@ -342,18 +342,10 @@ const handleMarketFormLinkage = async (type: 'level' | 'parentAccountName', valu
// 调用获取上级账户列表接口 // 调用获取上级账户列表接口
let flag = null let flag = null
if ( if (marketForm.value?.level * 1 === 5) flag = 1
(selectedRow.value?.role_id * 1 === 5 || marketForm.value?.level * 1 === 5) && if (marketForm.value?.level * 1 === 6) flag = 2
selectedRow.value?.type * 1 === 1 console.log('datasssssssssssss', marketForm.value)
) const data = await getParAgentListApi({ role_id: +value === 6 ? 5 : value, flag: flag })
flag = 1
if (
(selectedRow.value?.role_id * 1 === 6 || marketForm.value?.level * 1 === 6) &&
selectedRow.value?.type * 1 === 2
)
flag = 2
const data = await getParAgentListApi({ role_id: value, flag: flag })
console.log('datasssssssssssss', data)
// 格式化下拉选项 // 格式化下拉选项
marketFormOptionsMap.value.parentAccountName = data.map((item: any) => ({ marketFormOptionsMap.value.parentAccountName = data.map((item: any) => ({
label: item.username, label: item.username,
@ -380,7 +372,7 @@ const handleMarketFormLinkage = async (type: 'level' | 'parentAccountName', valu
marketForm.value.maxCommissionRatio = rulesData.row.wallet_capital.fee_handling_percent marketForm.value.maxCommissionRatio = rulesData.row.wallet_capital.fee_handling_percent
// 调用获取点差列表接口 // 调用获取点差列表接口
const data = await getPointDiffConfigListApi({ user_id: value }) const data = await getPointDiffConfigListApi({ user_id: value, flag: flag })
// 格式化点差表格数据（按实际需求调整） // 格式化点差表格数据（按实际需求调整）
marketPointTree.value = data.map((item: any) => ({ marketPointTree.value = data.map((item: any) => ({
...item, ...item,
@ -533,7 +525,7 @@ const handleEditMarket = async () => {
try { try {
// 先设置编辑模式，避免 watch 触发获取点差接口 // 先设置编辑模式，避免 watch 触发获取点差接口
dialogType.value = 'edit' dialogType.value = 'edit'
// 先加载上级选项 // 先加载上级选项
await handleMarketFormLinkage('level', marketForm.value.level) await handleMarketFormLinkage('level', marketForm.value.level)
if (parentId) { if (parentId) {
@ -741,6 +733,7 @@ const handleCancel = async () => {
.table-container { .table-container {
max-width: 100%; max-width: 100%;
height: 100%;
} }
// 抽屉样式 // 抽屉样式

5
src/views/profile/user/index.vue
View File

@ -522,6 +522,11 @@ const handleAdjustAmountClose = () => {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.client{
height: 100%;
display: flex;
flex-direction: column;
}
:deep(.el-form-item__content) { :deep(.el-form-item__content) {
margin-left: 0 !important; margin-left: 0 !important;
} }

2
src/views/system/menu/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="system"> <div class="system table_form-container">
<!-- 菜单列表头 --> <!-- 菜单列表头 -->
<div class="header"> <div class="header">
<h4>菜单列表</h4> <h4>菜单列表</h4>

2
src/views/system/role/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="system"> <div class="system table_form-container">
<!-- 角色列表头 --> <!-- 角色列表头 -->
<div class="header"> <div class="header">
<h4>角色列表</h4> <h4>角色列表</h4>

2
src/views/system/setting/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="system"> <div class="system table_form-container">
<!-- 菜单列表头 --> <!-- 菜单列表头 -->
<MenuHeader :title="menuTitle" :buttons="menuHeaderButtons" @click="handleAddMenu" /> <MenuHeader :title="menuTitle" :buttons="menuHeaderButtons" @click="handleAddMenu" />
<!-- 菜单列表表格 --> <!-- 菜单列表表格 -->

2
src/views/trade/variety/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="variety"> <div class="variety table_form-container">
<!-- 搜索 --> <!-- 搜索 -->
<VarietySearch <VarietySearch
:search-form="searchForm" :search-form="searchForm"