fo

src/views/home/component/dash.vue

@@ -9,7 +9,7 @@
       </div>
       <div class="flex ml-20 hide-scrollbar" style="overflow-x: scroll;width: 86vw">
         <div v-for="(item,index) in stage" :key='item.id' :class="active === index ? 'total-s' : 'total'"
-             class="flex flex-col flex-align-start flex-center mt-20 bold font-16 pointer"
+             class="flex flex-col  flex-center mt-20 bold font-16 pointer"
              @click="switchTab(item,index)">
           <span class="ml-15 sp">{{ item.name }}</span>
           <span class="ml-15 sp1 mt-5">{{ item.projectNumber }}<span class="grey font-14 ml-5">个</span></span>
@@ -358,11 +358,11 @@ export default {
 }
 
 .total-s {
-  width: 170px;
+  width: 220px;
   height: 70px;
   border: 1px solid #AC1F1D;
   border-radius: 10px;
-  margin-right: 40px;
+  margin-right: 20px;
   box-shadow: 2px 2px 10px 2px rgba(242, 162, 58, 0.49);
 
   .sp {
@@ -376,10 +376,10 @@ export default {
 }
 
 .total {
-  width: 170px;
+  width: 220px;
   height: 70px;
   border-radius: 10px;
-  margin-right: 40px;
+  margin-right: 20px;
   background-color: #F0F2F7;
 
   .sp {

src/views/home/component/left_bar.vue

@@ -8,7 +8,8 @@
       <div class='full-height' style="margin-left: 20px;text-align: left;">
         <span class="title">项目阶段-文件管理</span>
         <el-empty v-if="stage &&  stage.length === 0 "/>
-        <div v-else class='mt-20 full-height' style='overflow-y: scroll;margin-bottom: 200px'>
+        <div v-else class='mt-20 full-height hide-scrollbar'
+             style='overflow-y: scroll;margin-bottom: 200px;height: 800px'>
           <basic-step :active="active" :steps='stage'/>
         </div>
       </div>
@@ -31,7 +32,7 @@ import basicStep from '@/components/basic-step/index.vue'
 
 export default {
   name: 'left_bar',
-  components: {mainButton, basicStep},
+  components: { mainButton, basicStep },
   props: {
     data: Object,
     stage: Array,
@@ -42,18 +43,18 @@ export default {
   },
   watch: {
     active: {
-      handler(val) {
+      handler (val) {
         // this.change(0)
       },
       immediate: true
-    },
+    }
   },
-  data() {
+  data () {
     return {}
   },
 
   methods: {
-    proInfo() {
+    proInfo () {
       this.$emit('typeChange')
     }
   }

src/views/home/details.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="full-height full-width white-bg padding-left padding-top" style="margin-left: 300px">
       <proinfo v-if="type === '0'" :data="data" :issue="list" @refInfo="proInfo" @refresh="issueList"/>
-      <folder_info v-else :id="id"  :data='data' :projectStageId="projectStageId" />
+      <folder_info v-else :id="id" :data='data' :projectStageId="projectStageId"/>
     </div>
   </div>
 </template>