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

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

View File

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

View File

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

View File

@ -6,39 +6,44 @@ export const marketSearch = [
export const marketTableColumns = [ export const marketTableColumns = [
// id // 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: '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' },
] ]
//做市商添加配置 //做市商添加配置