update

user_web/src/view/admin/ManageSchool.vue

@@ -3,9 +3,11 @@ 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 ManageCollege from './components/ManageSchool/ManageCollege.vue';
 const router = useRouter();
 
 
+
 // let state = ref({
 //     listParams: {
 //         keyword: '',
@@ -394,6 +396,10 @@ const btnManage = (res) => {
             </template>
         </el-dialog>
         
+        <div class="newPage" >
+            <ManageCollege></ManageCollege>
+        </div>
+
     </div>
 </template>
 
@@ -422,6 +428,14 @@ const btnManage = (res) => {
     left: 0px;
     background-color: #ffffff;
 
+    .newPage {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+    }
     
     .content {
 

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

@@ -295,23 +295,23 @@ const btnManage = (res) => {
             <div class="contentRow">
                 <div class="rowLeft">
                     <div class="rowBtn rowBtn1" @click="btnAddStudent(ruleFormRef)">
-                        <img src="./assets/img/manageUser/add.svg" alt="" />
+                        <img src="../../assets/img/manageUser/add.svg" alt="" />
                         <span class="rowBtn-text rowBtn-text1">添加学院</span>
                     </div>
                     <!-- <div class="rowBtn rowBtn2">
-                        <img src="./assets/img/manageUser/download.svg" alt="" />
+                        <img src="../../assets/img/manageUser/download.svg" alt="" />
                         <span class="rowBtn-text rowBtn-text2">模板下载</span>
                     </div>
                     <div class="rowBtn rowBtn1">
-                        <img src="./assets/img/manageUser/import.svg" alt="" />
+                        <img src="../../assets/img/manageUser/import.svg" alt="" />
                         <span class="rowBtn-text rowBtn-text1">批量导入</span>
                     </div>
                     <div class="rowBtn rowBtn1">
-                        <img src="./assets/img/manageUser/export.svg" alt="" />
+                        <img src="../../assets/img/manageUser/export.svg" alt="" />
                         <span class="rowBtn-text rowBtn-text1">批量导出</span>
                     </div> -->
                     <div class="rowBtn rowBtn3" @click="btnShowDel">
-                        <img src="./assets/img/manageUser/delete.svg" alt="" />
+                        <img src="../../assets/img/manageUser/delete.svg" alt="" />
                         <span class="rowBtn-text rowBtn-text3">批量删除</span>
                     </div>
                 </div>
@@ -394,7 +394,7 @@ const btnManage = (res) => {
         <el-dialog v-model="state.showDel" width="600" class="del">
             <template #header>
                 <div style="display: flex; align-items: center">
-                    <img class="del-img" src="./assets/img/manageUser/error-line.svg" alt="" />
+                    <img class="del-img" src="../../assets/img/manageUser/error-line.svg" alt="" />
                     <div class="del-name">批量删除</div>
                 </div>
             </template>

user_web/src/view/admin/components/ManageSchool/css/commonsScrollbar.scss

@@ -0,0 +1,154 @@
+
+/* 滚动 */
+.commonsScrollbar {
+    overflow-y: scroll;
+    overflow-x: visible;
+}
+
+
+/* 滚动槽 【 由于被全局其他的地方影响，这里另外单独处理 】*/
+.commonsScrollbar::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+}
+/* 滚动条滑块 【 由于被全局其他的地方影响，这里另外单独处理 】 */
+.commonsScrollbar::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+}
+
+/* 滚动条整体样式 */
+.commonsScrollbar::-webkit-scrollbar {
+    width: 1px;
+    height: 1px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::scrollbar {
+    width: 1px;
+    height: 1px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::-moz-scrollbar {
+    width: 1px;
+    height: 1px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::-ms-scrollbar {
+    width: 1px;
+    height: 1px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::-o-scrollbar {
+    width: 1px;
+    height: 1px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+/* 滚动条里面小方块 */
+.commonsScrollbar::-webkit-scrollbar-thumb {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    background-clip: padding-box;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    min-height: 1px;
+}
+
+.commonsScrollbar::scrollbar-thumb {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    background-clip: padding-box;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    min-height: 1px;
+}
+
+.commonsScrollbar::-moz-scrollbar-thumb {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    background-clip: padding-box;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    min-height: 1px;
+}
+
+.commonsScrollbar::-ms-scrollbar-thumb {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    background-clip: padding-box;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    min-height: 1px;
+}
+
+.commonsScrollbar::-o-scrollbar-thumb {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    background-clip: padding-box;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    min-height: 1px;
+}
+
+/* 滚动条里面轨道 */
+.commonsScrollbar::-webkit-scrollbar-thumb:hover {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::scrollbar-thumb:hover {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::-moz-scrollbar-thumb:hover {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::-ms-scrollbar-thumb:hover {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.commonsScrollbar::-o-scrollbar-thumb:hover {
+    /* background-color: #EAEAEA;*/
+    background-color: #D9D9D9;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+
+
+
+