flx：调整样式问题 进度管理新增展开/收起

src/views/sevenLargeScreen/comprehensiveManage/homeOverview/leftBottom.vue

@@ -473,6 +473,7 @@ onMounted(async () => {
 			background: url("@/assets/images/bthgIcon/homeOverview_bg5.png") no-repeat;
 			background-size: 100% 100%;
 			cursor: pointer;
+			font-size: 14px;
 			>img {
 				width: 14%;
 				height: 14%;

src/views/sevenLargeScreen/comprehensiveManage/homeOverview/leftCenter.vue

@@ -580,6 +580,7 @@ onMounted(() => {
 		display: flex;
 		justify-content: space-between;
 		margin-top: 15px;
+		font-size: 14px;
 		> div::after {
 			content: "";
 			position: absolute;

src/views/sevenLargeScreen/qualityControl/schedulePlan/ganttChart.vue

@@ -50,7 +50,7 @@
           </template>
         </tr>
       </thead>
-      <tbody>
+      <tbody :class="{myTbody : !showDwon}">
         <template v-for="(cur, index) in projectItemList">
           <tr class="td_start_boxs" v-for="(item, index) in cur.children" :key="item.id">
             <td v-if="index == 0" :rowspan="cur.children.length">
@@ -109,7 +109,7 @@ import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import isBetween from 'dayjs/plugin/isBetween';
 
 export default {
-  props: ['yearList', 'milestoneList', 'projectItemList'],
+  props: ['yearList', 'milestoneList', 'projectItemList', 'showDwon'],
   data() {
     return {
       // 年份列表
@@ -365,6 +365,10 @@ export default {
       -webkit-overflow-scrolling: touch;
     }
 
+    .myTbody {
+      height: 516px;
+    }
+
     tbody::-webkit-scrollbar {
       /*隐藏滚轮*/
       display: none;
@@ -444,7 +448,7 @@ export default {
     vertical-align: bottom;
 
     td:first-child {
-      min-width: 130px;
+      min-width: 155px;
       vertical-align: middle;
     }
 
@@ -645,7 +649,7 @@ export default {
 
   td {
     text-align: center;
-    min-width: 180px;
+    min-width: 90px;
     padding: 0;
     position: relative;
 
@@ -739,13 +743,13 @@ export default {
 // 美化滚动条
 .gasanalysis-table1::-webkit-scrollbar,
 tbody::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
+  width: 8px;
+  height: 8px;
 }
 
 .gasanalysis-table1::-webkit-scrollbar-track,
 tbody::-webkit-scrollbar-track {
-  width: 6px;
+  width: 8px;
   background: rgba(#101f1c, 0.1);
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;

src/views/sevenLargeScreen/qualityControl/schedulePlan/index.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="schedule-plan">
-		<div class="top">
-			<rightTop class="rightTop"></rightTop>
+		<div class="top" :style="{height: (!showDown ? '100%' : '65%')}">
+			<rightTop class="rightTop" :showDown="showDown"></rightTop>
 		</div>
-		<div class="bottom">
+		<div class="bottom" v-if="showDown">
 			<completionProjectQuantity class="leftTop"></completionProjectQuantity>
 			<!-- <ganttText class="rightTop"></ganttText> -->
 			<!-- <div class="rightBottom">
@@ -12,6 +12,12 @@
 			</div> -->
 			<rightBottom class="rightBottom"></rightBottom>
 		</div>
+		<el-tooltip class="box-item" effect="dark" :content="showDown ? '收起' : '展开'" placement="top">
+			<el-icon @click="showDownFn" :style="{top: (showDown ? '64.5%' : '96%')}" class="showDown">
+				<ArrowUpBold v-show="!showDown" />
+				<ArrowDownBold v-show="showDown"  />
+			</el-icon>
+		</el-tooltip>
 	</div>
 </template>
 
@@ -26,12 +32,26 @@ import rightBottomRight from "./rightBottomRight.vue";
 import rightBottom from "./rightBottom.vue";
 import ganttText from "./ganttText.vue";
 
+const showDown = ref(true);
+const showDownFn = () => {
+	showDown.value = !showDown.value;
+}
+
 onMounted(() => {});
 </script>
 <style lang="scss" scoped>
 .schedule-plan {
 	width: 100%;
 	height: 100%;
+	position: relative;
+	.showDown {
+		cursor: pointer;
+		font-size: 20px;
+		position: absolute;
+		right: 20px;
+		top: 64.5%;
+		color: white;
+	}
 	.top {
 		width: 100%;
 		height: 65%;
@@ -57,7 +77,7 @@ onMounted(() => {});
 				margin-top: 1% !important;
 			}
 		}
-		
+
 		.leftTop {
 			width: 49%;
 			height: 100%;

src/views/sevenLargeScreen/qualityControl/schedulePlan/rightTop.vue

@@ -31,6 +31,7 @@
 					:yearList="pageInfo.yearList"
 					:milestoneList="pageInfo.milestoneList"
 					:projectItemList="pageInfo.projectItemList"
+					:showDwon="props.showDown"
 				/>
 			</div>
 		</div>
@@ -46,6 +47,13 @@ import { GlobalStore } from "@/stores";
 import Card from "@/components/card.vue";
 const store = GlobalStore();
 
+const props = defineProps({
+	showDown: {
+		type: Boolean,
+		default: true
+	}
+});
+
 const pageInfo = reactive({
 	pageNo: 1,
 	pageSize: 10,