Commit 3080237b authored by tianhongyang's avatar tianhongyang

企业详情样式 异常 滚动条更正

parent 9e89fe7e
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<el-breadcrumb-item>{{companyInfo.simpleName || companyInfo.companyName || '&#45;&#45;'}}</el-breadcrumb-item> <el-breadcrumb-item>{{companyInfo.simpleName || companyInfo.companyName || '&#45;&#45;'}}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div>--> </div>-->
<div class="flex-box part-header" style="min-width:1248px;"> <div class="flex-box part-header">
<img class="header-logo" :src="companyInfo && companyInfo.logoUrl || require('@/assets/images/detail/company_logo.png')"> <img class="header-logo" :src="companyInfo && companyInfo.logoUrl || require('@/assets/images/detail/company_logo.png')">
{{companyInfo && companyInfo.companyName || '--'}} {{companyInfo && companyInfo.companyName || '--'}}
</div> </div>
......
<template> <template>
<div class="app-container part-container details-of-party"> <div class="app-container part-container details-of-party">
<Header :company-id="companyId" :companyInfo="companyInfo" :cooDetail="cooDetail" v-if="companyId" @close-detail="closeDetail" /> <Header :company-id="companyId" :companyInfo="companyInfo" :cooDetail="cooDetail" v-if="companyId" @close-detail="closeDetail" />
<div class="flex-box part-main"> <div class="part-main">
<div class="part-left"> <div class="part-left">
<side-bar :statisticObj="statisticObj" ref="sidebar" @currentPath="showPartPage" :pathName="currentPath.pathName" <side-bar :statisticObj="statisticObj" ref="sidebar" @currentPath="showPartPage" :pathName="currentPath.pathName"
:partBoxHeight="partBoxHeight" :customerId="customerId" :isCompany="isCompany" :isCustomer="isCustomer" /> :partBoxHeight="partBoxHeight" :customerId="customerId" :isCompany="isCompany" :isCustomer="isCustomer" />
...@@ -383,18 +383,12 @@ export default { ...@@ -383,18 +383,12 @@ export default {
margin-top: 12px; margin-top: 12px;
width: 100%; width: 100%;
height: calc(100vh - 155px); height: calc(100vh - 155px);
overflow-y: auto; /* overflow-y: auto; */
align-items: initial; align-items: initial;
} }
.part-left {
margin-right: 16px;
padding-bottom: 16px;
position: fixed;
background: #ffffff;
width: 144px;
}
.part-right { .part-right {
min-width: 1088px; /* min-width: 1088px; */
width: 100%; width: 100%;
background: #ffffff; background: #ffffff;
border-radius: 4px; border-radius: 4px;
...@@ -414,6 +408,7 @@ export default { ...@@ -414,6 +408,7 @@ export default {
margin: 0px; margin: 0px;
padding: 16px 24px; padding: 16px 24px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden;
::v-deep .header-container { ::v-deep .header-container {
.part-header { .part-header {
...@@ -423,11 +418,24 @@ export default { ...@@ -423,11 +418,24 @@ export default {
::v-deep .part-main { ::v-deep .part-main {
height: calc(100% - 68px); height: calc(100% - 68px);
overflow-y: hidden;
overflow-x: hidden; .part-left {
margin-right: 16px;
position: fixed;
background: #ffffff;
width: 144px;
height: calc(100% - 156px);
#detailPart {
height: 100%;
min-height: unset;
padding-bottom: 0px;
}
}
.part-right { .part-right {
margin-left: 160px; margin-left: 160px;
height: 100%;
width: calc(100% - 160px); width: calc(100% - 160px);
overflow: hidden; overflow: hidden;
...@@ -442,6 +450,7 @@ export default { ...@@ -442,6 +450,7 @@ export default {
height: auto; height: auto;
overflow: initial; overflow: initial;
box-sizing: border-box; box-sizing: border-box;
min-width: 1200px;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment