<el-table ref="multipleTable" :data="limit_infos" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="分组名称">
<template slot-scope="scope">{{ scope.row.stakes_name }}</template>
</el-table-column>
<el-table-column v-for="item in limit_info" :label="item.lable">
<template slot-scope="scope">
<div v-for="(item,index) in scope.row.data" :key="index">
<p>{{'最低'+item.min_stake_score}}</p>
<p>{{'最高'+item.max_stake_score}}</p>
</div>
</template>
</el-table-column>
</el-table>
数据格式：
limit_infos：[
{
stakes_name :‘分组一’,
data:[
{id:1,max_stake_score:2000,min_stake_score:20,name:'规则一'},
{id:1,max_stake_score:5000,min_stake_score:40,name:'规则二'},
{id:1,max_stake_score:3500,min_stake_score:50,name:'规则三'},
{id:1,max_stake_score:7000,min_stake_score:60,name:'规则四'},
{id:1,max_stake_score:2000,min_stake_score:20,name:'规则五'},
]
}，
{
stakes_name :‘分组二’,
data:[
{id:1,max_stake_score:20,min_stake_score:2,name:'规则一'},
{id:1,max_stake_score:54,min_stake_score:3,name:'规则二'},
{id:1,max_stake_score:64,min_stake_score:5,name:'规则三'},
{id:1,max_stake_score:80,min_stake_score:12,name:'规则四'},
{id:1,max_stake_score:89,min_stake_score:45,name:'规则五'},
]
}
]，
limit_info:[}
this.limit_infos.map((res)=>{
this.limit_info = res.data.map((item)=>{
return { lable:item.name }
})
})
添加回答
举报
0/150
提交
取消