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

整体布局优化调整，做事商列表优化

This commit is contained in:
Songsl 2026-04-29 14:45:27 +08:00
parent 6a714a77a9
commit aadff7e389
3 changed files with 95 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/styles/global.scss
View File

@ -1,5 +1,6 @@
@use './user.scss';
@use './system.scss';
* {
margin: 0;
padding: 0;
@ -18,10 +19,12 @@ body,
}
.app-container {
width: inherit;
height: inherit;
width: 100vw;
height: 100vh;
display: flex;
.layout {
width: 100%;
display: flex;
flex: 1;
@ -29,16 +32,21 @@ body,
width: 200px;
height: 100%;
border-right: solid 1px var(--el-menu-border-color);
flex: 0 0 auto;
}
.main-container {
flex: 1;
width: calc(100% - 200px);
flex: 1 1 auto;
height: 100%;
main {
padding: 20px;
overflow: auto;
max-height: calc(1080px - 200px);
height: 100%;
width: 100%;
box-sizing: border-box;
}
}
}

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

@ -3,6 +3,7 @@
<el-table
ref="tableRef"
height="100%"
style="width: 100%"
:data="tableData"
:row-key="rowKey"
:tree-props="treeProps"

37
src/views/profile/business/options.ts
View File

@ -6,39 +6,44 @@ export const marketSearch = [
export const marketTableColumns = [
// id
{ label: 'ID', prop: 'id', align: 'center' as const },
{ label: 'ID', prop: 'id', align: 'center' as const, width: '100px' },
//代理关系
{ label: '代理关系', prop: 'agentRelation', align: 'center' as const, width: '200px' },
//账户名
{ label: '账户名', prop: 'accountName', align: 'center' as const },
{ label: '账户名', prop: 'accountName', align: 'center' as const, width: '120px' },
//级别
{ label: '级别', prop: 'level', align: 'center' as const },
{ label: '级别', prop: 'level', align: 'center' as const, width: '120px' },
//基本账户
{ label: '基本账户', prop: 'basicAccount', align: 'center' as const },
{ label: '基本账户', prop: 'basicAccount', align: 'center' as const, width: '200px' },
//保证金
{ label: '保证金', prop: 'margin', align: 'center' as const },
{ label: '保证金', prop: 'margin', align: 'center' as const, width: '200px' },
//停止接单保证金
{ label: '停止接单保证金', prop: 'stopOrderMargin', align: 'center' as const, width: '160px' },
{ label: '停止接单保证金', prop: 'stopOrderMargin', align: 'center' as const, width: '200px' },
//持仓转移保证金
{ label: '持仓转移保证金', prop: 'positionTransferMargin', align: 'center' as const, width: '160px' },
{
label: '持仓转移保证金',
prop: 'positionTransferMargin',
align: 'center' as const,
width: '200px',
},
//头寸比率
{ label: '头寸比率', prop: 'positionRatio', align: 'center' as const },
{ label: '头寸比率', prop: 'positionRatio', align: 'center' as const, width: '150px' },
//点差返佣
{ label: '点差返佣', prop: 'pointSpreadCommission', align: 'center' as const },
{ label: '点差返佣', prop: 'pointSpreadCommission', align: 'center' as const, width: '200px' },
//点差
{ label: '点差', slotName: 'pointSpread', align: 'center' as const },
{ label: '点差', slotName: 'pointSpread', align: 'center' as const, width: '150px' },
//手续费比例
{ label: '手续费比例', prop: 'commissionRatio', align: 'center' as const },
{ label: '手续费比例', prop: 'commissionRatio', align: 'center' as const, width: '150px' },
//手续费返佣
{ label: '手续费返佣', prop: 'commissionReturn', align: 'center' as const },
{ label: '手续费返佣', prop: 'commissionReturn', align: 'center' as const, width: '150px' },
//浮动盈亏
{ label: '浮动盈亏', prop: 'floatProfitLoss', align: 'center' as const },
{ label: '浮动盈亏', prop: 'floatProfitLoss', align: 'center' as const, width: '100px' },
//平仓盈亏
{ label: '平仓盈亏', prop: 'closeProfitLoss', align: 'center' as const },
{ label: '平仓盈亏', prop: 'closeProfitLoss', align: 'center' as const, width: '150px' },
//风险金
{ label: '风险金', prop: 'riskMargin', align: 'center' as const },
{ label: '风险金', prop: 'riskMargin', align: 'center' as const, width: '150px' },
//服务费
{ label: '服务费', prop: 'serviceFee', align: 'center' as const },
{ label: '服务费', prop: 'serviceFee', align: 'center' as const, width: '150px' },
]
//做市商添加配置