联校学生端全屏显示

src/styles/report.scss

@@ -37,6 +37,9 @@
     // box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
     display: flex;
     justify-content:space-between;
+    &.full_screen{
+      margin: 10px;
+    }
     .header_left 
     {
       width: auto;
@@ -132,6 +135,11 @@
       .content_right_scroll{
         width: 80%;
         margin: 0 auto;
+        &.full_screen{
+          width: 100%;
+          padding:0 10px;
+          box-sizing: border-box;
+        }
       }
     }
     

src/views/analysisReport/studentPage/mainPage.vue

@@ -1,7 +1,7 @@
 <template>
     <!-- 分析报告详情总页面 -->
     <div class="analysis_main">
-        <div class="main_header" ref="mainHeader">
+        <div :class="['main_header',{'full_screen':isLianXiao}]" ref="mainHeader">
             <div class="header_left">
                 <span class="back_button" @click="GoBack">
                     <i class="iconfont icon_return"></i>返回
@@ -26,7 +26,7 @@
 
         <div class="main_content">
             <div class="content_right" ref="rightContent" @scroll="ScrollChange">
-                <div class="content_right_scroll" ref="contentRightScroll">
+                <div :class="['content_right_scroll',{'full_screen':isLianXiao}]" ref="contentRightScroll">
                     <template v-if="isLianXiao">
                         <div class="mm_body">
                             <div class="left">
@@ -125,7 +125,12 @@ export default {
 
         SetHeadWidth() {
             if (this.$refs.contentRightScroll) {
-                const scrollDivWidth = this.$refs.contentRightScroll.offsetWidth;
+                let scrollDivWidth = 0;
+                if(this.isLianXiao){
+                    scrollDivWidth = this.$refs.contentRightScroll.offsetWidth - 20;//联校
+                }else{
+                    scrollDivWidth = this.$refs.contentRightScroll.offsetWidth;
+                }
                 const headDiv = this.$refs.mainHeader;
                 headDiv.style.width = `${scrollDivWidth}px`;
             }