luohairen
2024-10-30 55b2e475da98ae7bf13a4ecd50eb8a278aeeeee3
src/views/user/admin/list.vue
@@ -1,8 +1,8 @@
<template>
  <div class="app-container">
    <el-form :model="queryParam" ref="queryForm" :inline="true">
      <el-form-item label="用户名:">
        <el-input v-model="queryParam.userName"></el-input>
      <el-form-item label="真实姓名:">
        <el-input v-model="queryParam.realName"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="submitForm">查询</el-button>
@@ -13,10 +13,17 @@
    </el-form>
    <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
      <el-table-column prop="id" label="Id" />
      <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">
@@ -53,7 +60,7 @@
  data () {
    return {
      queryParam: {
        userName: '',
        realName: '',
        role: 3,
        pageIndex: 1,
        pageSize: 10
@@ -70,7 +77,7 @@
    search () {
      this.listLoading = true
      userApi.getUserPageList(this.queryParam).then(data => {
        const re = data.response
        const re = data.data
        this.tableData = re.list
        this.total = re.total
        this.queryParam.pageIndex = re.pageNum
@@ -81,7 +88,7 @@
      let _this = this
      userApi.changeStatus(row.id).then(re => {
        if (re.code === 1) {
          row.status = re.response
          row.status = re.data
          _this.$message.success(re.message)
        } else {
          _this.$message.error(re.message)