实现学生列表、教师列表、管理员列表的班级展示

luohairen

2024-10-28 c134e423c9ef8655ac2c4d288ba1408619599b2a

实现学生列表、教师列表、管理员列表的班级展示

 src/views/user/admin/list.vue

@@ -16,6 +16,14 @@
      <el-table-column prop="userName" label="用户名"/>
      <el-table-column prop="realName" label="真实姓名" />
      <el-table-column prop="sex" label="性别" width="60px;" :formatter="sexFormatter"/>
      <el-table-column label="班级">
        <template slot-scope="scope">
        <span v-if="Array.isArray(scope.row.className) && scope.row.className.length > 0">
          {{ scope.row.className.join(', ') }}
        </span>
          <span v-else>-</span>
        </template>
      </el-table-column>
      <el-table-column prop="phone" label="手机号"/>
      <el-table-column prop="createTime" label="创建时间" width="160px"/>
      <el-table-column label="状态" prop="status" width="70px">

 src/views/user/teacher/list.vue

@@ -16,6 +16,14 @@
      <el-table-column prop="userName" label="用户名"/>
      <el-table-column prop="realName" label="真实姓名" />
      <el-table-column prop="sex" label="性别" width="60px;" :formatter="sexFormatter"/>
      <el-table-column label="班级">
        <template slot-scope="scope">
        <span v-if="Array.isArray(scope.row.className) && scope.row.className.length > 0">
          {{ scope.row.className.join(', ') }}
        </span>
          <span v-else>-</span>
        </template>
      </el-table-column>
      <el-table-column prop="phone" label="手机号"/>
      <el-table-column prop="createTime" label="创建时间" width="160px"/>
      <el-table-column label="状态" prop="status" width="70px">