From 172d52c999492a30d76055edb658bf344fbe9bfb Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 31 十月 2024 20:41:26 +0800
Subject: [PATCH] 优化
---
src/views/class-management/ClassStaff.vue | 89 +++++++++++++++++++++-----------------------
1 files changed, 43 insertions(+), 46 deletions(-)
diff --git a/src/views/class-management/ClassStaff.vue b/src/views/class-management/ClassStaff.vue
index 92f1cfa..f1aaf33 100644
--- a/src/views/class-management/ClassStaff.vue
+++ b/src/views/class-management/ClassStaff.vue
@@ -53,22 +53,6 @@
label="鐢佃瘽"
>
</el-table-column>
- <el-table-column
- label="鎿嶄綔"
- align="center"
- width="300px"
- >
- <template slot-scope="scope">
- <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>
<div
class="block"
@@ -85,16 +69,16 @@
: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" required>
+ <el-form-item label="鐪熷疄濮撳悕锛�" prop="realName">
<el-input v-model="studentForm.realName"></el-input>
</el-form-item>
- <el-form-item label="鎵嬫満鍙风爜锛�" prop="phone" required>
+ <el-form-item label="鎵嬫満鍙风爜锛�" prop="phone">
<el-input v-model="studentForm.phone"></el-input>
</el-form-item>
- <el-form-item label="鐧诲綍璐﹀彿锛�" prop="userName" required>
+ <el-form-item label="鐧诲綍璐﹀彿锛�" prop="userName">
<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-form-item v-if="!studentForm.id" label="鐧诲綍瀵嗙爜锛�" prop="password">
<el-input v-model="studentForm.password" show-password autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="骞撮緞锛�">
@@ -109,7 +93,7 @@
<el-date-picker v-model="studentForm.birthDay" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡"/>
</el-form-item>
- <el-form-item label="鐘舵�侊細" required>
+ <el-form-item label="鐘舵�侊細">
<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>
@@ -163,6 +147,30 @@
export default {
components: { Pagination },
data () {
+ var validatePassword = (rule, value, callback) => {
+ if (value === '') {
+ callback(new Error('璇疯緭鍏ョ櫥褰曞瘑鐮�'))
+ } else if (!/[A-Z]/.test(value)) {
+ callback(new Error('瀵嗙爜蹇呴』鍖呭惈鑷冲皯涓�涓ぇ鍐欏瓧姣�'))
+ } else if (!/[a-z]/.test(value)) {
+ callback(new Error('瀵嗙爜蹇呴』鍖呭惈鑷冲皯涓�涓皬鍐欏瓧姣�'))
+ } else if (!/[0-9]/.test(value)) {
+ callback(new Error('瀵嗙爜蹇呴』鍖呭惈鑷冲皯涓�涓暟瀛�'))
+ } else {
+ callback()
+ }
+ }
+ var validatePhone = (rule, value, callback) => {
+ // 鎵嬫満鍙烽獙璇侀�昏緫
+ const phoneRegex = /^1[3-9]\d{9}$/;
+ if (!value) {
+ callback(new Error('璇疯緭鍏ユ墜鏈哄彿'));
+ } else if (!phoneRegex.test(value)) {
+ callback(new Error('鎵嬫満鍙锋牸寮忎笉姝ｇ‘'));
+ } else {
+ callback();
+ }
+ }
return {
studentForm: {
id: null,
@@ -175,17 +183,17 @@
password: ''
},
studentRules: {
- realName: [
- { required: true, message: '璇峰～鍐欏鍛樺鍚�', trigger: 'blur' }
+ userName: [
+ { required: true, message: '璇疯緭鍏ョ櫥褰曡处鍙�', trigger: 'blur' }
],
- sex: [
- { required: true, message: '璇烽�夋嫨瀛﹀憳鎬у埆', trigger: 'change' }
+ realName: [
+ { required: true, message: '璇疯緭鍏ョ湡瀹炲鍚�', trigger: 'blur' }
+ ],
+ password: [
+ { validator: validatePassword, trigger: 'blur' }
],
phone: [
- { required: true, message: '璇峰～鍐欏鍛樼數璇�', trigger: 'blur' }
- ],
- userName: [
- { required: true, message: '璇峰～鍐欏鍛樼櫥褰曡处鍙�', trigger: 'blur' }
+ { validator: validatePhone, trigger: 'blur' }
]
},
studentTitle: '鏂板瀛﹀憳',
@@ -238,23 +246,12 @@
console.log(this.studentForm)
if (valid) {
this.studentForm.classesId = this.classes.id
- if (this.studentForm.id) {
- editClassesUser(this.studentForm).then(res => {
- this.addOpen = false
- this.$message.success(res.data.message)
- 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()
+ this.resetStudentForm()
+ })
}
})
},
--
Gitblit v1.8.0