医健宝营期优化,处理营期页面抖动问题

src/store/modules/permission.js

@@ -108,15 +108,8 @@ function filterChildren(childrenMap, lastRouter = false) {
   return children
 }
 
-export const loadView = (view) => {
-  // 添加错误处理和路径调试
-  console.log('Loading view:', view)
-  try {
-    return (resolve) => require([`@/views/${view}`], resolve)
-  } catch (e) {
-    console.error('Failed to load view:', view, e)
-    return (resolve) => require(['@/views/error/404'], resolve)
-  }
+export const loadView = (view) => { // 路由懒加载
+  return (resolve) => require([`@/views/${view}`], resolve)
 }
 
 export default permission

src/views/course/userCoursePeriod/index.vue

@@ -94,7 +94,7 @@
             />
           </el-form-item>
           <el-form-item label="公司" prop="companyIdList">
-            <el-select v-model="queryParams.companyIdList"  filterable placeholder="请选择公司" clearable size="small" multiple>
+            <el-select v-model="queryParams.companyIdList"  placeholder="请选择公司" filterable  clearable size="small" multiple>
               <el-option
                 v-for="item in companyOptions"
                 :key="item.companyId"
@@ -2103,7 +2103,10 @@ export default {
   padding: 0;
   display: flex;
   flex-direction: column;
-  height: 800px;
+  height: calc(100vh - 140px);
+  min-height: 600px;
+  max-height: 900px;
+  overflow: hidden;
 }
 
 .left-header {
@@ -2181,6 +2184,7 @@ export default {
   flex: 1;
   overflow-y: auto;
   padding: 3px;
+  scrollbar-gutter: stable;
 }
 
 .camp-item {
@@ -2304,6 +2308,19 @@ export default {
 
 .el-main {
   padding: 10px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 确保容器高度稳定 */
+.app-container >>> .el-container {
+  height: calc(100vh - 100px);
+}
+
+.app-container >>> .el-aside,
+.app-container >>> .el-main {
+  height: auto;
 }
 
 /* 添加训练营表单样式 */