|
@@ -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: [],
|
|
@@ -674,7 +676,7 @@ export default {
|
|
|
watch: {},
|
|
|
created() {
|
|
|
let height = window.innerHeight;
|
|
|
- this.tableHeight = height - 200;
|
|
|
+ this.tableHeight = height - 170;
|
|
|
const that = this;
|
|
|
window.onresize = function temp() {
|
|
|
that.tableHeight = window.innerHeight - 175;
|
|
@@ -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 {
|