From ac9608cb94979d632caa6b6ae2e91a5879824e6f Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期三, 30 十月 2024 19:45:21 +0800
Subject: [PATCH] bug

---
 src/views/class-management/ClassStaff.vue |  103 +++++++++++++++++++++++++++++++++------------------
 1 files changed, 66 insertions(+), 37 deletions(-)

diff --git a/src/views/class-management/ClassStaff.vue b/src/views/class-management/ClassStaff.vue
index 0df8115..762f043 100644
--- a/src/views/class-management/ClassStaff.vue
+++ b/src/views/class-management/ClassStaff.vue
@@ -3,14 +3,14 @@
   <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>
@@ -65,7 +65,7 @@
             title="纭畾瑕佸垹闄よ鎴愬憳鍚楋紵"
             @confirm="remove(scope.row.id)"
           >
-            <el-button slot="reference" type="danger" size="small">鍒犻櫎</el-button>
+            <el-button slot="reference" type="danger" size="small" v-show="false">鍒犻櫎</el-button>
           </el-popconfirm>
         </template>
       </el-table-column>
@@ -85,24 +85,35 @@
       :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="1"></el-option>
-            <el-option label="濂�" :value="2"></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>
@@ -139,6 +150,7 @@
 <script>
 // 寮曞叆褰堝嚭绐楀彛绲勪欢
 import UserApi from '@/api/user'
+import { mapGetters, mapState } from 'vuex'
 import {
   updateClassesUser,
   getClassesUsers,
@@ -147,7 +159,6 @@
   editClassesUser
 } from '@/api/classesUser'
 import Pagination from '@/components/Pagination'
-import {deleteExamById} from "@/api/exam";
 
 export default {
   components: { Pagination },
@@ -158,22 +169,23 @@
         realName: '',
         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: '鏂板瀛﹀憳',
@@ -196,9 +208,9 @@
       formLabelAlign: {
         type: '',
         user: '',
-        region: '',
+        region: ''
       },
-      tableData: [],
+      tableData: []
     }
   },
   mounted () {
@@ -226,26 +238,33 @@
             editClassesUser(this.studentForm).then(res => {
               this.addOpen = false
               this.$message.success(res.data.message)
+              this.submitForm()
               this.page()
               this.resetStudentForm()
             })
-          }else {
+            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()
           }
         }
       })
     },
     resetStudentForm () {
       this.studentForm = {
+        id: null,
         realName: '',
-        sex: '',
+        sex: 1,
         phone: '',
-        age: null
+        birthDay: '',
+        age: null,
+        userName: '',
+        password: ''
       }
     },
     handleAddClose () {
@@ -322,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">
@@ -351,4 +381,3 @@
   margin-right: 5px;
 }
 </style>
-

--
Gitblit v1.8.0