update

user_web/src/view/admin/components/ManageSchool/ManageCollege.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 ManageMajor from './ManageMajor.vue';
 const router = useRouter();
 
 const props = defineProps({
@@ -99,6 +100,14 @@ let state = ref({
     "showDetails": false,
 });
 
+// 是否弹出新的分页窗口
+let newPageOpen = ref(false);
+// 新的分页窗口的数据
+let newPageConfigDb = ref();
+const callbackExitManageMajor = () => {
+    newPageOpen.value = false;
+}
+
 // 用于表单验证规则必须要的对象
 let ruleFormRef = ref();
 
@@ -292,6 +301,9 @@ const btnDetail = (res) => {
  */
 const btnManage = (res) => {
     console.log('弹出管理', res);
+    newPageConfigDb.value = res;
+    newPageOpen.value = true;
+
 }
 
 </script>
@@ -422,6 +434,10 @@ const btnManage = (res) => {
             </template>
         </el-dialog>
         
+        <div class="newPage" v-if="newPageOpen == true" >
+            <ManageMajor :configDb="newPageConfigDb" @callbackExit="callbackExitManageMajor" ></ManageMajor>
+        </div>
+
     </div>
 </template>
 
@@ -450,6 +466,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;