fix ui

src/views/invest/components/amount.vue

@@ -1,6 +1,6 @@
 <template>
   <div class='flex flex-justify-start flex-col'>
-    <span class='font-16 bold full-width text-left'>各部分/乡镇投资完成情况总览</span>
+    <span class='font-16 bold full-width text-left'>各部门/乡镇投资完成情况总览</span>
     <div class='full-width flex-justify-end  flex'>
       <el-select v-model="month" class="m-2" placeholder="请选择" ref='month' clearable @change='changeMonth'>
         <el-option
@@ -54,7 +54,7 @@ export default {
       form: {},
       data: [],
       option: {
-        height: '800',
+        height: '550',
         align: 'center',
         menuAlign: 'center',
         menu: false,
@@ -71,19 +71,23 @@ export default {
           },
           {
             label: '责任目标',
-            prop: 'planCompleteAmount'
+            prop: 'planCompleteAmount',
+            sortable: true
           },
           {
-            label: '完成投资（万元）',
-            prop: 'totalCompleteAmount'
+            label: '完成投资(万元)',
+            prop: 'totalCompleteAmount',
+            sortable: true
           },
           {
             label: '完成率',
-            prop: 'completionRate'
+            prop: 'completionRate',
+            sortable: true
           },
           {
             label: '计划入库',
-            prop: 'storageNum'
+            prop: 'storageNum',
+            sortable: true
           }
         ]
       },

src/views/invest/components/chart.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <charts id="chart" height="405px" :option="option"/>
+    <charts id="chart" height="255px" :option="option"/>
   </div>
 </template>
 

src/views/invest/components/chart2.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <charts id="chart2" height="405px" :option="option"/>
+    <charts id="chart2" height="305px" :option="option"/>
   </div>
 </template>
 

src/views/invest/components/left.vue

@@ -6,7 +6,7 @@
       <div v-else style='height: 55px'></div>
       <div class='full-width flex flex-center mt-20'>
         <el-tabs v-model="activeName" class="font-16" @tab-change="getOrg">
-          <el-tab-pane label="住建局" name="1"/>
+          <el-tab-pane label="部门" name="1"/>
           <el-tab-pane label="乡镇" name="2"/>
         </el-tabs>
       </div>
@@ -72,7 +72,7 @@ export default {
 
 <style lang='scss' scoped>
 .content {
-  height: 1032px;
+  height: 785px;
   overflow-y: scroll
 }
 

src/views/invest/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class='flex flex-center full-width'>
     <div class='ml-10 mr-10 mt-10 flex flex-align-start full-width'>
-      <basic-container style='flex: 1;padding: 0'>
+      <basic-container style='flex: 1;padding: 0' v-if='user.info.viewStage === 1' >
         <left @change='changeDept'/>
       </basic-container>
       <div class='full-width ml-5' style='flex:4;'>
@@ -50,10 +50,15 @@ import amount from '@/views/invest/components/amount.vue'
 import chart from '@/views/invest/components/chart.vue'
 import chart2 from '@/views/invest/components/chart2.vue'
 import complete from '@/views/invest/components/complete.vue'
+import { useStore } from '@/store/user.js'
 
 export default {
   name: 'index',
   components: { BasicContainer, left, years, amount, chart, chart2, complete },
+  setup () {
+    const user = useStore()
+    return { user }
+  },
   data () {
     return {
       yearType: {