更改项目报表服务

fhKeeper/formulahousekeeper/timesheet/src/views/corpreport/list.vue

@@ -1,9 +1,10 @@
 <template>
   <section>
-    <div>
-    <div class="sidebars" ref="sidebars" style="width: 200px;display: block;background: #fff;">
-      <div ref="abbisd" style="width: 100%;overflow: hidden;">
-        <div :style="'height: '+(windowHeight - 60)+'px; overflow: auto;overflow-x: hidden'">
+    <div style=" display: flex;">
+    <!-- <div class="sidebars" ref="sidebars" style="width: 200px;display: block;background: #fff;"> -->
+    <div ref="sidebars" style="width: 200px;display: block;background: #fff;border-right: 1px solid #E6E6E6;">
+      <div ref="abbisd" style="width: 200px;overflow: hidden;">
+        <!-- <div :style="'height: '+(windowHeight - 60)+'px; overflow: auto;overflow-x: hidden'"> -->
           <el-col :span="12">
             <el-menu
               :default-active="defaultActive"
@@ -12,7 +13,7 @@
               background-color="#ffffff"
               text-color="#666666"
               active-text-color="#20A0FF"
-              style="width:100%">
+              style="width:200px">
               <el-submenu index="1">
                 <template slot="title">
                   <i class="iconfont firerock-iconbaobiao"></i>
@@ -33,9 +34,9 @@
                 </el-submenu>
               </el-menu>
           </el-col>
-        </div>
+        <!-- </div> -->
       </div>
-      <div class="side" @click="side" ref="sid" style="left: 200px">
+      <div class="side" @click="side" ref="sid" style="left: 400px">
         <div class="spans" ref="side" style="left: -19px;"><i  ref="sideI" class="el-icon-arrow-left"></i></div>
       </div>
     </div>
@@ -45,8 +46,8 @@
       </div> -->
     <!-- 内容主体区域 -->
   <div class="contents" v-if="allWrong">
-    <div class="headine" ref="headine">
-      <h3 ref="headHe" style="padding-left: 210px">{{shuz[ins]}}</h3>
+    <div class="headine headConCon" ref="headine" :style="'width:'+(windowWidth - 400)+'px'">
+      <h3 ref="headHe" style="padding-left: 10px">{{shuz[ins]}}</h3>
       <div class="headScreen">
       <!-- 客户项目利润表的筛选 -->
         <template v-if="ins == 4">
@@ -93,8 +94,8 @@
       </div>
       <p style="float: right;margin-right: 25px;" ><el-button type="primary" @click="exportExcel" size="mini">报表导出</el-button></p>
     </div>
-    <div ref="staff" style="margin: 5px 0px 0px 200px; width: 84%">
-        <div class="staff">
+    <div ref="staff" style="margin: 5px 0px 0px 10px; width: 98%">
+        <div class="staff" ref="tabless" :style="'width:'+(windowWidth - 410)+'px'">
             <!--项目报表 -->
             <el-table v-if="ins == 0" key="0" border :data="list0" highlight-current-row v-loading="listLoading" :height="tableHeight" style="width: 100%;">
                 <el-table-column  prop="projectCode" label="项目编号"  width="120"></el-table-column>
@@ -618,6 +619,7 @@ export default {
       listPosition1:0,
       listPosition2:0,
       windowHeight: document.documentElement.clientHeight,
+      windowWidth: document.documentElement.clientWidth,
 
 
       list2: [],
@@ -1475,20 +1477,24 @@ export default {
     side() {
       if(this.$refs.side.style.left < '1px') {
         this.$refs.sidebars.style.width = '1px'
-        this.$refs.sid.style.left = '1px'
+        this.$refs.sid.style.left = '201px'
         this.$refs.side.style.left = '1px'
         this.$refs.sideI.className = 'el-icon-arrow-right'
         this.$refs.staff.style.margin = '5px 0px 0px 5px'
         this.$refs.staff.style.width = '100%'
-        this.$refs.headHe.style.paddingLeft = '20px'
+        this.$refs.headHe.style.paddingLeft = '10px'
+        this.$refs.headine.style.width = (this.windowWidth - 200)+'px'
+        this.$refs.tabless.style.width = (this.windowWidth - 200)+'px'
       } else {
         this.$refs.sidebars.style.width = '200px'
-        this.$refs.sid.style.left = '200px'
+        this.$refs.sid.style.left = '400px'
         this.$refs.side.style.left = '-19px'
         this.$refs.sideI.className = 'el-icon-arrow-left'
-        this.$refs.staff.style.margin = '5px 0px 0px 200px'
-        this.$refs.staff.style.width = '84%'
-        this.$refs.headHe.style.paddingLeft = '210px'
+        this.$refs.staff.style.margin = '5px 0px 0px 10px'
+        this.$refs.staff.style.width = '98%'
+        this.$refs.headHe.style.paddingLeft = '10px'
+        this.$refs.headine.style.width = (this.windowWidth - 400)+'px'
+        this.$refs.tabless.style.width = (this.windowWidth - 400)+'px'
       }
     },
     picks() {
@@ -1570,8 +1576,13 @@ export default {
 };
 </script>
 <style scoped>
+.headConCon {
+  position: fixed;
+  /* width: 99%; */
+  top: 60px;
+}
 .headine {
-  width: 100%;
+  /* width: 100%; */
   height: 46.4px;
   line-height: 46.4px;
   background: #fff;
@@ -1659,6 +1670,8 @@ export default {
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   background: #fff;
+  position: fixed;
+  top: 110px;
 }
 
 /*  */
@@ -1727,9 +1740,11 @@ export default {
 /* 右边整体页面 */
 .contents {
   height: 100%;
+  width: 100%;
   /* padding: 30px; */
   background: #F7F7F7;
   /* position: absolute; */
+  position: relative;
 }
 
 .submits {