bug

luohairen

2024-10-30 ac9608cb94979d632caa6b6ae2e91a5879824e6f

 src/views/class-management/ClassStaff.vue

@@ -3,18 +3,18 @@
  <div class="app-container">
    <div style="display: flex; flex-direction: row">
      <div style="padding-bottom:20px">
        <span class="item">{{ title }}</span>
        <span class="item">{{ this.$route.query.className }}</span>
        <el-button class="item" @click="handlerAddStudent" type="primary" size="small">新增学员</el-button>
        <el-button class="item" @click="open = true" type="primary" size="small">学员调整</el-button>
      </div>
      <div>
        <el-form :inline="true" :model="searchForm" class="demo-form-inline">
          <el-form-item label="学员姓名">
            <el-input v-model="searchForm.studentName" size="small" clearable @clear="page"
            <el-input v-model="searchForm.studentName" size="small" clearable @clear="page" @input="page"
                      placeholder="学员姓名"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="page">查询</el-button>
            <el-button type="primary" @click="page" size="small">查询</el-button>
          </el-form-item>
        </el-form>
      </div>
@@ -59,9 +59,14 @@
        width="300px"
      >
        <template slot-scope="scope">
          <el-button @click="handlerEditStudent(scope.row)" type="warning">编辑</el-button>
          <el-button @click="remove(scope.row.id)" type="danger">删除</el-button>
          <el-button type="primary">分配角色</el-button>
          <el-button @click="handlerEditStudent(scope.row)" type="warning" size="small">编辑</el-button>
          <el-popconfirm
            style="margin: 0 5px"
            title="确定要删除该成员吗？"
            @confirm="remove(scope.row.id)"
          >
            <el-button slot="reference" type="danger" size="small" v-show="false">删除</el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
@@ -69,7 +74,7 @@
      class="block"
      style="display: flex; margin-top: 40px;"
    >
      <pagination v-show="total>0" :total="total" :page.sync="searchForm.pageNum"
      <pagination v-show="total>0" :total="total" :page.sync="searchForm.currentPage"
                  :limit.sync="searchForm.pageSize"
                  @pagination="page"/>
    </div>
@@ -77,26 +82,38 @@
      :title="studentTitle"
      :visible.sync="addOpen"
      width="700px"
      :before-close="handleAddClose">
      :before-close="handleAddClose"
      :close-on-click-modal="false">
      <el-form :model="studentForm" :rules="studentRules" ref="studentForm" label-width="100px" class="demo-ruleForm">
        <el-form-item label="姓名" prop="realName">
          <el-input v-model="studentForm.realName"></el-input>
        </el-form-item>
        <el-form-item label="性别" prop="sex">
          <el-select v-model="studentForm.sex">
            <el-option label="男" value="N"></el-option>
            <el-option label="女" value="V"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="电话" prop="phone">
          <el-input v-model="studentForm.phone"></el-input>
        </el-form-item>
        <el-form-item label="登录账号" prop="account">
          <el-input v-model="studentForm.account"></el-input>
        </el-form-item>
        <el-form-item label="登录密码" prop="password">
          <el-input v-model="studentForm.password" show-password placeholder="不填写会使用默认202406"></el-input>
        </el-form-item>
        <el-form-item label="真实姓名：" prop="realName" required>
        <el-input v-model="studentForm.realName"></el-input>
      </el-form-item>
      <el-form-item label="手机号码：" prop="phone" required>
        <el-input v-model="studentForm.phone"></el-input>
      </el-form-item>
      <el-form-item label="登录账号：" prop="userName" required>
        <el-input v-model="studentForm.userName" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item v-if="!studentForm.id" label="登录密码：" prop="password" required>
        <el-input v-model="studentForm.password" show-password autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="年龄：">
        <el-input v-model="studentForm.age"></el-input>
      </el-form-item>
      <el-form-item label="性别：">
        <el-select v-model="studentForm.sex" placeholder="性别" clearable>
          <el-option v-for="item in sexEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="出生日期：">
        <el-date-picker v-model="studentForm.birthDay" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/>
      </el-form-item>

      <el-form-item label="状态：" required>
        <el-select v-model="studentForm.status" placeholder="状态">
          <el-option v-for="item in statusEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
        </el-select>
      </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleAddClose">取 消</el-button>
@@ -133,7 +150,14 @@
<script>
// 引入彈出窗口組件
import UserApi from '@/api/user'
import { updateClassesUser, getClassesUsers, deleteClassesUserById, addClassesUser, edit } from '@/api/classesUser'
import { mapGetters, mapState } from 'vuex'
import {
  updateClassesUser,
  getClassesUsers,
  deleteClassesUserById,
  addClassesUser,
  editClassesUser
} from '@/api/classesUser'
import Pagination from '@/components/Pagination'

export default {
@@ -141,25 +165,27 @@
  data () {
    return {
      studentForm: {
        id: null,
        realName: '',
        sex: '',
        sex: 1,
        phone: '',
        birthDay: '',
        age: null,
        account: '',
        userName: '',
        password: ''
      },
      studentRules: {
        realName: [
          { required: true, message: '请填写学员姓名', trigger: 'blur' },
          { required: true, message: '请填写学员姓名', trigger: 'blur' }
        ],
        sex: [
          { required: true, message: '请选择学员性别', trigger: 'change' },
          { required: true, message: '请选择学员性别', trigger: 'change' }
        ],
        phone: [
          { required: true, message: '请填写学员电话', trigger: 'blur' },
          { required: true, message: '请填写学员电话', trigger: 'blur' }
        ],
        account: [
          { required: true, message: '请填写学员登录账号', trigger: 'blur' },
        userName: [
          { required: true, message: '请填写学员登录账号', trigger: 'blur' }
        ]
      },
      studentTitle: '新增学员',
@@ -169,7 +195,7 @@
      searchForm: {
        studentName: '',
        pageSize: 10,
        pageNum: 1,
        currentPage: 1,
        classesId: null
      },
      classes: {
@@ -182,9 +208,9 @@
      formLabelAlign: {
        type: '',
        user: '',
        region: '',
        region: ''
      },
      tableData: [],
      tableData: []
    }
  },
  mounted () {
@@ -205,29 +231,40 @@
    },
    submitStudentForm () {
      this.$refs['studentForm'].validate((valid) => {
        console.log(this.studentForm)
        if (valid) {
          this.studentForm.classes = this.classes.id
          this.studentForm.classesId = this.classes.id
          if (this.studentForm.id) {
            edit(this.studentForm).then(res => {
            editClassesUser(this.studentForm).then(res => {
              this.addOpen = false
              this.$message.success(res.data.message)
              this.submitForm()
              this.page()
              this.resetStudentForm()
            })
            window.location.reload()
          } else {
            addClassesUser(this.studentForm).then(res => {
              this.addOpen = false
              this.$message.success(res.data.message)
              this.page()
              this.resetStudentForm()
            })
            window.location.reload()
          }
          addClassesUser(this.studentForm).then(res => {
            this.addOpen = false
            this.$message.success(res.data.message)
            this.page()
          })
        }
      })
    },
    resetStudentForm () {
      this.studentForm = {
        id: null,
        realName: '',
        sex: '',
        sex: 1,
        phone: '',
        age: null
        birthDay: '',
        age: null,
        userName: '',
        password: ''
      }
    },
    handleAddClose () {
@@ -235,9 +272,15 @@
      this.resetStudentForm()
    },
    remove (id) {
      deleteClassesUserById(id).then(res => {
        this.$message.success(res.data.message)
        this.page()
      this.$confirm('确认是否删除?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteClassesUserById(id).then(res => {
          this.$message.success(res.data.message)
          this.page()
        })
      })
    },
    sexFormatter (row) {
@@ -266,6 +309,8 @@
      this.searchForm.classesId = this.classes.id
      getClassesUsers(this.searchForm).then(res => {
        this.tableData = res.data.data
        this.total = res.data.total
        this.loading = false
      })
    },
    submitForm () {
@@ -296,17 +341,28 @@
    // 生成试卷
    getCreate () {
      // 跳转到生成页面
      //跳转到对应的管理页面
      // 跳转到对应的管理页面
      this.$router.push({
        path: '/manage/test-paper-generation',
        path: '/manage/test-paper-generation'
      })
    },
    // 弹窗
    // 接收弹窗组件返回的表单值
    parentGoods (obj) {
      console.log(obj, '弹窗组件的表单值')
    },
    }
  },
  computed: {
    ...mapGetters('enumItem', [
      'enumFormat'
    ]),
    ...mapState('enumItem', {
      sexEnum: state => state.user.sexEnum,
      roleEnum: state => state.user.roleEnum,
      statusEnum: state => state.user.statusEnum,
      levelEnum: state => state.user.levelEnum
    })
  }
}
</script>
<style scoped lang="scss">
@@ -325,4 +381,3 @@
  margin-right: 5px;
}
</style>