学生管理模块-前端

src/api/busStudentInfo.js

@@ -50,9 +50,9 @@ export function updateBusStudentInfo(data) {
 }
 
 // 5. 逻辑删除学生信息
-export function delBusStudentInfo(businessId) {
+export function delBusStudentInfo(businessId, userId) {
   return request({
-    url: '/busstudentinfo/deleteLogical/' + businessId,
+    url: '/busstudentinfo/deleteLogical/' + businessId + '/' + userId,
     method: 'delete'
   })
 }

src/views/busStudentInfo/index.vue

 <template>
   <div class="app-container">
-    <el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
+    <el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true" :rules="rules">
             <el-form-item label="学号" prop="userCode">
         <el-input
           v-model="queryParams.userCode"
@@ -156,16 +156,16 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" size="small" label-width="90px">
         <el-form-item label="学号" prop="userCode">
-          <el-input v-model.trim="form.userCode" show-word-limit :maxlength="255" placeholder="请输入学号" />
+          <el-input v-model.trim="form.userCode" show-word-limit :maxlength="50" placeholder="请输入学号" />
         </el-form-item>
         <el-form-item label="账号" prop="userName">
-          <el-input v-model.trim="form.userName" show-word-limit :maxlength="255" placeholder="请输入账号" />
+          <el-input v-model.trim="form.userName" show-word-limit :maxlength="50" placeholder="请输入账号" />
         </el-form-item>
         <el-form-item label="姓名" prop="stuName">
-          <el-input v-model.trim="form.stuName" show-word-limit :maxlength="255" placeholder="请输入姓名" />
+          <el-input v-model.trim="form.stuName" show-word-limit :maxlength="10" placeholder="请输入姓名" />
         </el-form-item>
         <el-form-item label="手机号" prop="stuPhone">
-          <el-input v-model.trim="form.stuPhone" show-word-limit :maxlength="255" placeholder="请输入手机号" />
+          <el-input v-model="queryParams.stuPhone" v-model.trim="form.stuPhone" show-word-limit :maxlength="11" placeholder="请输入手机号" />
         </el-form-item>
         <el-form-item label="班级" prop="classesId">
           <el-input-number v-model.trim="form.classesId" controls-position="right" :min="0" />
@@ -229,13 +229,15 @@ export default {
         userCode: undefined,
         userName: undefined,
         userId: undefined,
-        stuName: undefined,
+        stuName: '',
         stuPhone: undefined,
         classesId: undefined,
         flag: ''
       },
       // 表单参数
-      form: {},
+      form: {
+        stuPhone: ''
+      },
       // 表单校验
       rules: {
         userCode: [
@@ -248,7 +250,8 @@ export default {
           { required: true, message: '姓名不能为空', trigger: 'blur' }
         ],
         stuPhone: [
-          { required: true, message: '手机号不能为空', trigger: 'blur' }
+          { required: true, message: '手机号不能为空', trigger: 'blur' },
+          { validator: this.isStuPhoneValid, message: '请输入正确的手机号', trigger: 'blur' }
         ],
         classesId: [
           { required: true, message: '班级不能为空', trigger: 'blur' }
@@ -256,7 +259,9 @@ export default {
       }
     }
   },
+  /** 手机号校验*/
   computed: {
+    /** 公共字段 */
     commonField() {
       return commonField
     }
@@ -265,6 +270,15 @@ export default {
     this.getList() // 列表查询
   },
   methods: {
+    // 手机号校验
+    isStuPhoneValid(rule, value, callback) {
+      const reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
+      if (!reg_tel.test(value)) {
+        callback(new Error('请输入正确的手机号'))
+      } else {
+        callback()
+      }
+    },
     /** 查询学生信息列表 */
     getList() {
       this.loading = true
@@ -356,9 +370,13 @@ export default {
         if (valid) {
           if (this.form.businessId !== undefined) {
             updateBusStudentInfo(this.form).then(response => {
-              this.msgSuccess('修改成功')
-              this.open = false
-              this.getList()
+              if (response.code === 200) {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              } else {
+                this.$message.error(response.message)
+              }
             })
           } else {
             addBusStudentInfo(this.form).then(response => {
@@ -382,7 +400,7 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(function() {
-        return delBusStudentInfo(id)
+        return delBusStudentInfo(id, row.userId)
       }).then(() => {
         this.getList()
         this.$message({