ToB企服应用市场:ToB评测及商务社交产业平台

标题: vue前端可以完备的体现编辑子级部门，用户管理可以为用户分副脚色和部门？ [打印本页]

---

作者: 风雨同行    时间: 2024-8-31 09:30
标题: vue前端可以完备的体现编辑子级部门，用户管理可以为用户分副脚色和部门？

• 用户和脚色是一对多的关系
  
• 用户和部门是多对多得关系
  
• 
  
  
  
• 1. <template>
  2.   <div class="s">
  3.     <!-- 操作按钮 -->
  4.     <div class="shang">
  5.       <el-input v-model="searchText" placeholder="请输入搜索关键词" style="width: 500px;"></el-input>
  6.       <el-button type="primary" @click="search">搜索</el-button>
  7.       <el-button @click="resetForm">重置</el-button>
  8.     </div>
  9.     <br>
  10.     <el-button type="primary" @click="showAddDialog">新增用户</el-button>
  11.     <el-table :data="tableData" style="width: 100%">
  12.       <el-table-column prop="name" label="姓名"></el-table-column>
  13.       <el-table-column prop="user_email" label="邮箱号"></el-table-column>
  14.       <el-table-column label="角色">
  15.         <template slot-scope="scope">
  16.           {
  17.     { getRoleName(scope.row.role_id) }}
  18.         </template>
  19.       </el-table-column>
  21.       <el-table-column label="部门">
  22.         <template slot-scope="scope">
  23.           <span v-for="(department, index) in scope.row.department_id" :key="department">
  24.             {
  25.     { department.split(' ----- ').pop() }}
  26.           </span>
  27.         </template>
  28.       </el-table-column>
  30.       <el-table-column label="操作">
  31.         <template slot-scope="scope">
  32.           <el-button size="mini" @click="showEditDialog(scope.row)">编辑</el-button>
  33.           <el-button size="mini" type="danger" @click="handleDelete(scope.row.user_id)">删除</el-button>
  34.         

  复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4