修改学生管理添加班级后没获取最新班级列表问题

src/components/pages/PersonnelManagement/components/classL.vue

@@ -30,7 +30,7 @@
             <span @click="openUpdate(scope.row.id, scope.row.name)"
               >修改名称</span
             >
-            <span @click="deleteClass(scope.row.id)">删除</span>
+            <span @click="deleteClass(scope.row.id)" style="color: red;">删除</span>
           </div>
         </template>
       </el-table-column>
@@ -471,6 +471,7 @@ export default {
             this.dialogVisible = false;
             this.getClass();
             this.className = "";
+            this.$emit('getClassdata')
           }
         })
         .catch(err => {
@@ -575,6 +576,11 @@ export default {
   box-sizing: border-box;
   padding: 15px 0;
 }
+.classButtonBox {
+  display: flex;
+  gap: 15px;
+}
+
 .classButtonBox span {
   color: #6b6b6b;
   font-size: 14px;

src/components/pages/PersonnelManagement/components/grade.vue

@@ -27,7 +27,7 @@
           <div class="baseFlex">
             <span @click="getStudent(scope.row.id)">查看班级</span>
             <span @click="openUpdate(scope.row.id, scope.row.name)">修改</span>
-            <span @click="deleteGrade(scope.row.id)">删除</span>
+            <span @click="deleteGrade(scope.row.id)" style="color: red;">删除</span>
           </div>
         </template>
       </el-table-column>
@@ -250,9 +250,9 @@ export default {
               type: "success"
             });
             this.dialogVisible = false;
-            this.sClassName = "";
             this.getClass();
             this.className = "";
+            this.$emit('getgradeData')
           }
         })
         .catch(err => {
@@ -281,6 +281,10 @@ export default {
   box-sizing: border-box;
   padding: 15px 0;
 }
+.baseFlex {
+  display: flex;
+  gap: 15px;
+}
 .baseFlex > span {
   color: #6b6b6b;
   font-size: 14px;

src/components/pages/PersonnelManagement/components/student.vue

@@ -12,13 +12,13 @@
           </div>
         </div>
         <div class="baseFlex">
-          <el-tag size="mini" v-if="i.gname">{{ i.gname }}</el-tag>
-          <el-tag size="mini" v-else type="danger">无年级</el-tag>
+          <el-tag size="mini" v-if="i.gname" style="background: #E9F6FE;color: #5498F7;">{{ i.gname }}</el-tag>
+          <el-tag size="mini" v-else type="danger" style="background: #FDF1F0;color: #E76337;">无年级</el-tag>
 
-          <el-tag size="mini" v-if="i.classname" type="success">{{
+          <el-tag size="mini" v-if="i.classname" type="success" style="background: #F8FFEE;color: #73C241;">{{
             i.classname
           }}</el-tag>
-          <el-tag size="mini" v-else type="danger">无班级</el-tag>
+          <el-tag size="mini" v-else type="danger" style="background: #FDF1F0;color: #E76337;">无班级</el-tag>
 
          
             <span @click="iniPassword(i.userid)">初始化密码</span>
@@ -26,7 +26,7 @@
             <template v-if="cidL">
                 <span @click="deleteClassStudent(i.userid)">移出</span>
             </template>
-            <span v-else @click="deleteStudent(i.userid, i.state)">删除</span>
+            <span v-else @click="deleteStudent(i.userid, i.state)" style="color: red;">删除</span>
 
           
         </div>
@@ -781,7 +781,7 @@ export default {
 .baseFlex {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 15px;
   height: 100%;
 }
 .baseFlex > img {

src/components/pages/PersonnelManagement/index.vue

@@ -104,6 +104,7 @@
         :gidL="gidL"
         :searhValue="searhValue"
         @lookstudentL="lookstudentL"
+        @getClassdata="getClassdata"
       />
 
       <grade
@@ -115,6 +116,7 @@
         :role="role"
         :searhValue="searhValue"
         @lookgradeL="lookgradeL"
+        @getgradeData="getgradeData"
       />
     </div>
   </div>