用户和角色是一对多的关系

用户和部门是多对多得关系

<code><template>

<div >

<!-- 操作按钮 -->

<div >

<el-input v-model="searchText" placeholder="请输入搜索关键词" ></el-input>code>

<el-button type="primary" @click="search">搜索</el-button>code>

<el-button @click="resetForm">重置</el-button>code>

</div>

<br>

<el-button type="primary" @click="showAddDialog">新增用户</el-button>code>

<el-table :data="tableData" >code>

<el-table-column prop="name" label="姓名"></el-table-column>code>

<el-table-column prop="user_email" label="邮箱号"></el-table-column>code>

<el-table-column label="角色">code>

<template slot-scope="scope">code>

{

-- -->{ getRoleName(scope.row.role_id) }}

</template>

</el-table-column>

<el-table-column label="部门">code>

<template slot-scope="scope">code>

<span v-for="(department, index) in scope.row.department_id" :key="department">code>

{

-- -->{ department.split(' ----- ').pop() }}

</span>

</template>

</el-table-column>

<el-table-column label="操作">code>

<template slot-scope="scope">code>

<el-button size="mini" @click="showEditDialog(scope.row)">编辑</el-button>code>

<el-button size="mini" type="danger" @click="handleDelete(scope.row.user_id)">删除</el-button>code>