、、、、、、、循环动态展示表格内容
<el-table
border
:header-cell-style="{ background: '#f2f6fc' }"
:data="proGroup"
:height="tableheight"
>
<el-table-column align="center" prop="roleName" label="项目群名称">
</el-table-column>
<template>
<el-table-column
v-for="(item, index) in roleList"
:key="index"
align="center"
:label="item.proleName"
>
<template slot-scope="scope">
<div
style="display: block;height:25px;cursor: pointer"
@click="editRole(scope.row, item)"
>
<div v-for="(items, indexs) in userList" :key="indexs">
<div
v-if="
items.proleName == item.proleName &&
scope.row.roleId == items.roleGroupId
"
>
{
{ items.userName }}
<span
style="cursor: pointer;color: #0f8ae4;border-bottom: 1px solid #0f8ae4;margin-left: 5px"
@click.stop="synchronization(scope.row, item)"
v-if="items.proleName == '交付经理'"
>同步</span
>
</div>
</div>
</div>
</template>
</el-table-column>
</template>
<el-table-column
align="center"
width="120px"
label="操作"
header-align="center"
>
<template slot-scope="scope">
<div style="display: flex;justify-content: space-between">
<span
style="cursor: pointer;color: #0f8ae4"
@click="jumpProject(scope.row)"
>项目列表</span
>
</div>
</template>
</el-table-column>
</el-table>