update

user_web/src/view/admin/components/ManageSchool/ManageClass.vue

@@ -20,7 +20,7 @@ const props = defineProps({
                     "name" : "",
                 },
                 // 专业
-                "college" : {
+                "major" : {
                     "name" : "",
                 },
                 
@@ -314,6 +314,7 @@ const btnDetail = (res) => {
                 <div class="contentTitle-text">
                     {{ props.configDb.school.name }} <span class="symbol">|</span>
                     {{ props.configDb.college.name }} <span class="symbol">|</span>
+                    {{ props.configDb.college.major }} <span class="symbol">|</span>
                     管理班级
                 </div>
             </div>

user_web/src/view/admin/components/ManageSchool/ManageMajor.vue

@@ -3,6 +3,7 @@ import { computed, onMounted, onUnmounted, watch, ref } from "vue";
 import { useRouter } from 'vue-router';
 import { Search } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';
+import ManageClass from './ManageClass.vue';
 const router = useRouter();
 
 const props = defineProps({
@@ -107,6 +108,14 @@ let state = ref({
     "showDetails": false,
 });
 
+// 是否弹出新的分页窗口
+let newPageOpen = ref(false);
+// 新的分页窗口的数据
+let newPageConfigDb = ref();
+const callbackExitManageClass = () => {
+    newPageOpen.value = false;
+}
+
 // 用于表单验证规则必须要的对象
 let ruleFormRef = ref();
 
@@ -300,6 +309,16 @@ const btnDetail = (res) => {
  */
 const btnManage = (res) => {
     console.log('弹出管理', res);
+    newPageConfigDb.value = {
+        // 学校
+        "school" : props.configDb.school,
+        // 学院
+        "college" : props.configDb.college,
+        // 专业
+        "major" : res,
+        
+    };
+    newPageOpen.value = true;
 }
 
 </script>
@@ -434,6 +453,10 @@ const btnManage = (res) => {
             </template>
         </el-dialog>
         
+        <div class="newPage" v-if="newPageOpen == true" >
+            <ManageClass :configDb="newPageConfigDb" @callbackExit="callbackExitManageClass" ></ManageClass>
+        </div>
+
     </div>
 </template>
 
@@ -462,6 +485,15 @@ const btnManage = (res) => {
     left: 0px;
     background-color: #ffffff;
     
+    .newPage {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+    }
+
     .content {
 
         position: relative;