修改样式

src/pages/Index.vue

 <template>
-  <q-page class="flex flex-center">
+  <q-page class="cloumn home">
     <!-- <img alt="Quasar logo" src="~assets/quasar-logo-full.svg"> -->
-    <img style="width:250px;" alt="Quasar logo" src="../assets/images/logo.png" />
+    <div class="box">
+      <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>
+
+    </div>
+    <div v-if="model=='one'" class="flex flex-center" style="flex: 1;min-height: 800px">
+          <img style="width:250px;" alt="Quasar logo" src="../assets/images/logo.png" />
+    </div>
+    <div v-if="model=='two'" style="padding-bottom: 50px;height: 800px;overflow: auto">
+      <teachplan></teachplan>
+    </div>
   </q-page>
 </template>
 
 <script>
+  import teachplan from './course/teacherLesson'
   export default {
-    name: 'PageIndex'
+    components:{
+      teachplan
+    },
+    name: 'PageIndex',
+    data(){
+      return{
+        options:[
+          {label: 'OKR', value: 'one'},
+
+        ],
+        model: 'one',
+        AccountType:1,
+        ispower:false,
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+      let userInfo = this.getLocalStorage();
+      if(userInfo.AccountType && userInfo.AccountType==2){      //是否是教师1不是 2是
+        this.options=[
+          {label: 'OKR', value: 'one'},
+          {label: '备课管理', value: 'two'},
+        ];
+      }
+      this.ispower = false;
+      if(userInfo.MenuList.length>0){
+        this.getMapList(userInfo.MenuList)//判断菜单权限是否有
+      }
+     if(this.ispower=true){
+       this.options=[
+         {label: 'OKR', value: 'one'},
+         {label: '备课管理', value: 'two'},
+       ];
+     }
+
+
+
+    },
+    methods:{
+      getMapList(list){
+        list.forEach(x=>{
+          if(x.MenuUrl == '/course/teacherLesson'){
+            this.ispower=true
+          }
+          if(x.SubList.length>0){
+            this.getMapList(x.SubList)
+          }
+        })
+      }
+    }
   }
 
 </script>
+<style>
+  .home .box{
+    width: 100%;
+  }
+  .home {
+    margin: 0;
+  }
+  ::-webkit-scrollbar {
+    display: none; /* Chrome Safari */
+  }
+  .box{
+    margin: 0 0 15px;
+  }
+  .box .el-tabs__header{
+    margin: 0;
+  }
+</style>

src/pages/course/prepareclassDetails.vue

@@ -131,7 +131,7 @@
           <div class="text-title">指導内容</div>
           <div class="marginl-15 margint-15 row" style="align-items: flex-start" v-for="(item,index) in data.LessonPlanList" :key="index">
             <div class="text12-n width70">{{item.CourseName}}：</div>
-            <div class="text12-o " style="flex:1">{{item.CourseTitle}}</div>
+            <div class="text14-o " style="flex:1">{{item.CourseTitle}}</div>
           </div>
 
         </div>
@@ -139,7 +139,11 @@
           <div class="text-title">指導項目</div>
           <div class="marginl-15 margint-15 row" style="align-items: flex-start" v-for="(item,index) in data.LessonPlanList" :key="index">
             <div class="text12-n width70">{{item.CourseName}}：</div>
-            <div class="text12-o" style="flex:1" v-for="(x,y) in item.LessonPlanProjectsList" :key="y">{{x.ProjectContent}}</div>
+            <div class="text14-o" style="flex:1" v-for="(x,y) in item.LessonPlanProjectsList" :key="y" >
+              <div v-for="(xx,yy) in x.ProjectContentList" :key="yy">
+                {{yy+1}}、{{xx}}
+              </div>
+            </div>
           </div>
         </div>
 
@@ -147,10 +151,10 @@
           <div class="text-title">上课内容</div>
           <div class="marginl-15 margint-15 row" style="align-items: flex-start;flex-wrap: nowrap" v-for="(item,index) in data.LessonPlanList" :key="index">
             <div class="text12-n width70">{{item.CourseName}}：</div>
-            <div class="text12-o" style="flex:1">
+            <div class="text14-o" style="flex:1">
               <div class="column"  v-for="(x,y) in item.LessonPlanDetailsList" :key="y">
                 <div class="text14-l">{{x.Duration}}分钟-{{x.DurationEndTime}}</div>
-                <div class="text12-o">{{x.ProjectContent}}</div>
+                <div class="text14-o" v-html="x.ProjectContent"></div>
                 <div style="width: 100%;background: #F0F5FB;border-radius: 5px;margin: 10px 0">
 
                   <q-input
@@ -169,7 +173,7 @@
             </div>
           </div>
         </div>
-        <q-btn color="accent" size="sm" class="q-mr-md marginl-15 margint-15" label="提交" @click="saveOrderInfo()" :loading="Dloading" />
+        <q-btn color="accent" size="sm" class="q-mr-md marginl-15 margint-15" label="提交" @click="saveOrderInfo()" :loading="Dloading" v-if="AccountType==false"/>
 
 
       </div>
@@ -263,7 +267,7 @@
             },
             data:{},
             CommentList:[],
-            AccountType:false
+            AccountType:true
           }
       },
       created(){