修改

src/pages/Index.vue

 <template>
-  <q-page class="cloumn home">
+  <div class="home" >
     <!-- <img alt="Quasar logo" src="~assets/quasar-logo-full.svg"> -->
-    <div class="box">
+    <div class="box" v-if="AccountType==2 || ispower==true">
       <div style="margin: 0 auto;width: 130px;">
         <el-tabs v-model="model" >
           <el-tab-pane :label="item.label" :name="item.value" :key="item.value" v-for="(item, index) in options"></el-tab-pane>
-
         </el-tabs>
       </div>
 
@@ -13,10 +12,10 @@
     <div v-if="model=='one'" class="flex flex-center" style="flex: 1;min-height: 750px">
           <img style="width:250px;" alt="Quasar logo" src="../assets/images/logo.png" />
     </div>
-    <div v-if="model=='two'" style="padding-bottom: 50px;min-height: 750px;overflow: auto">
+    <div v-if="model=='two'" style="height: 750px;overflow: auto">
       <teachplan></teachplan>
     </div>
-  </q-page>
+  </div>
 </template>
 
 <script>
@@ -34,7 +33,8 @@
         ],
         model: 'one',
         AccountType:1,
-        ispower:false,
+        ispower:false,//是否显示备课管理
+
       }
     },
     created() {
@@ -42,6 +42,7 @@
     },
     mounted() {
       let userInfo = this.getLocalStorage();
+      this.AccountType = userInfo.AccountType
       if(userInfo.AccountType && userInfo.AccountType==2){      //是否是教师1不是 2是
         this.options=[
           {label: 'OKR', value: 'one'},
@@ -52,15 +53,12 @@
       if(userInfo.MenuList.length>0){
         this.getMapList(userInfo.MenuList)//判断菜单权限是否有
       }
-     if(this.ispower=true){
+     if(this.ispower==true){
        this.options=[
          {label: 'OKR', value: 'one'},
          {label: '备课管理', value: 'two'},
        ];
      }
-
-
-
     },
     methods:{
       getMapList(list){
@@ -81,6 +79,7 @@
   .home .box{
     width: 100%;
     height: 50px;
+
   }
   .home {
     margin: 0;