暂存下

src/views/assessChecks/assistedViewing.vue

 <template>
   <div class="main">
     <el-form :model="ruleForm" ref="formName" label-width="100px" class="demo-ruleForm">
+      <div class="upicon"  :class="openBar?'upicon':'downicon'" @click="openBar=!openBar">
+        <i class="el-icon-bottom"></i>
+      </div>
       <el-form-item label="批次年度:" prop="batchYear" class="fromItem">
         <el-select v-model="ruleForm.batchYear" placeholder="请选择" clearable>
           <el-option
@@ -599,6 +602,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessChecks/auxiliaryInspection.vue

@@ -2,6 +2,9 @@
 <template>
   <div class="main">
     <el-form :model="ruleForm" ref="formName" label-width="100px" class="demo-ruleForm">
+      <div class="upicon"  :class="openBar?'upicon':'downicon'" @click="openBar=!openBar">
+        <i class="el-icon-bottom"></i>
+      </div>
       <el-form-item label="批次年度:" prop="batchYear" class="fromItem">
         <el-select v-model="ruleForm.batchYear" placeholder="请选择" clearable>
           <el-option
@@ -1016,6 +1019,8 @@ export default {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessChecks/auxiliarySelection.vue

@@ -2,6 +2,9 @@
 <template>
   <div class="main">
     <el-form :model="ruleForm" label-width="100px" class="demo-ruleForm" ref="formName">
+      <div class="upicon"  :class="openBar?'upicon':'downicon'" @click="openBar=!openBar">
+        <i class="el-icon-bottom"></i>
+      </div>
       <el-form-item label="批次年度:" prop="batchYear" class="fromItem">
         <el-select v-model="ruleForm.batchYear" placeholder="请选择" clearable>
           <el-option
@@ -575,6 +578,7 @@ export default {
   mixins: [tableMixin],
   data() {
     return {
+      openBar:false,
       value1: '',
       yearsList: generateYearOptions(),
       totalXQ: 0,
@@ -1132,6 +1136,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessChecks/checkCompliance.vue

@@ -840,6 +840,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-y: auto;
+  display: flex;
+  flex-direction: column;
 }
 .close {
   position: absolute;

src/views/assessChecks/checkComplianceFZ.vue

@@ -249,6 +249,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
   .Btn {
     width: calc(100% - 270px);
     position: fixed;

src/views/assessChecks/confirmRelease.vue

@@ -994,6 +994,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessChecks/materialAcquisition.vue

@@ -1034,6 +1034,8 @@ export default {
   width: 100%;
 
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessChecks/mianHome.vue

@@ -180,6 +180,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .mainhome {
   font-size: 14px;

src/views/assessZC/assistedViewing.vue

@@ -599,6 +599,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessZC/auxiliaryInspection.vue

@@ -1015,6 +1015,8 @@ export default {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessZC/auxiliarySelection.vue

@@ -1141,6 +1141,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessZC/checkCompliance.vue

@@ -842,6 +842,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-y: auto;
+  display: flex;
+  flex-direction: column;
 }
 .close {
   position: absolute;

src/views/assessZC/checkComplianceFZ.vue

@@ -249,6 +249,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
   .Btn {
     width: calc(100% - 270px);
     position: fixed;

src/views/assessZC/confirmRelease.vue

@@ -986,6 +986,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/assessZC/materialAcquisition.vue

@@ -1031,7 +1031,8 @@ export default {
   position: relative;
   height: 100%;
   width: 100%;
-
+  display: flex;
+  flex-direction: column;
   box-sizing: border-box;
 }
 .el-form {

src/views/assessZC/projectView.vue

 <template>
   <div class="main">
     <el-form :model="ruleForm" ref="formName" label-width="100px" class="demo-ruleForm">
+      <div class="upicon"  :class="openBar?'upicon':'downicon'" @click="openBar=!openBar">
+        <i class="el-icon-bottom"></i>
+      </div>
       <el-form-item label="项目编码:" prop="projectCode" class="fromItem">
         <el-input
           v-model="ruleForm.projectCode"
@@ -333,6 +336,7 @@ export default {
   mixins: [tableMixin],
   data() {
     return {
+      openBar:false,
       dialogFullScreen: false,
       tableHistory: [],
       processen: '',
@@ -827,6 +831,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/checkCompliance/automaticCheck.vue

@@ -415,6 +415,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/compliance/checkRules.vue

@@ -946,6 +946,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/compliance/taskConfigure.vue

@@ -1630,6 +1630,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/layout/mainLayout.vue

@@ -245,7 +245,7 @@ export default {
   }
 }
 </style>
-<style>
+<style lang="scss">
 .el-tooltip__popper{
    max-width:400px;
    line-height: 20px;
@@ -271,20 +271,57 @@ export default {
 }
 .el-form{
   margin: 0 !important;
+  position: relative;
+  .upicon{
+    position: absolute;
+    width: 30px;
+    height:30px;
+    border-radius: 50%;
+    background: #23c6c8;
+    right: 15px;
+    .el-icon-bottom:before {
+    content: "\e6eb";
+    color: #fff;
+    font-size: 24px;
+    line-height: 30px;
+   }
+   
+
+  }
+  .downicon{
+    position: absolute;
+    width: 30px;
+    height:30px;
+    border-radius: 50%;
+    background: #23c6c8;
+    right: 15px;
+    transform: rotate(180deg);
+    .el-icon-bottom:before {
+    content: "\e6eb";
+    color: #fff;
+    font-size: 24px;
+    line-height: 30px;
+   }
+   
+
+  }
 }
+
 .el-form .button{
   margin-bottom: 0;
   vertical-align: middle;
 }
-
+.elpagination{
+  margin-bottom: 5px;
+}
 .setscroll{
-  height: calc(100% - 260px);
+  height: calc(100% );
   min-height: 300px;
   overflow-y: auto;
 }
 
 .setscrollOne {
-  height: calc(100% - 210px);
+  height: calc(100% );
   min-height: 300px;
   position: relative;
   overflow: auto;

src/views/postConcentrationCheck/projectCheckQuestionQuery.vue

@@ -319,6 +319,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/postConcentrationCheck/rectificationFeedbackQuery.vue

@@ -338,6 +338,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/projectCheck/checkResault.vue

@@ -407,6 +407,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/projectCheck/confirmResault.vue

@@ -523,6 +523,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/projectCheck/problemRectify.vue

@@ -635,6 +635,8 @@ export default {
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;

src/views/projectCheck/verificationRectify.vue

@@ -659,6 +659,8 @@ this.dialog = true;
   width: 100%;
   box-sizing: border-box;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 .el-form {
   display: flex;