up

src/api/invest/index.js

@@ -1,46 +1,57 @@
 import fetch from '../fetch.js'
 
 export default {
-  /**
+    /**
      * 首页各部门-乡镇投资完成情况总览
      * @param params
      * @returns {Promise | Promise<unknown>}
      */
-  list (params) {
-    return fetch('/blade-project-manage-v2/project/v2/homeCountChildren', {
-      ...params
-    }, 'post')
-  },
-  /**
+    list(params) {
+        return fetch('/blade-project-manage-v2/project/v2/homeCountChildren', {
+            ...params
+        }, 'post')
+    },
+    /**
      * 首页投资数据统计
      * @param params
      * @returns {Promise | Promise<unknown>}
      */
-  count (params) {
-    return fetch('/blade-project-manage-v2/project/v2/homeMonthCount', params, 'post')
-  },
-  /**
+    count(params) {
+        return fetch('/blade-project-manage-v2/project/v2/homeMonthCount', params, 'post')
+    },
+    /**
      * 项目入库统计
      * @param params
      * @returns {Promise | Promise<unknown>}
      */
-  stroageCount (params) {
-    return fetch('/blade-project-manage-v2/project/v2/homeStorageCount', params, 'post')
-  },
-  /**
+    stroageCount(params) {
+        return fetch('/blade-project-manage-v2/project/v2/homeStorageCount', params, 'post')
+    },
+    /**
      * 首页年度投资比例
      * @param params
      * @returns {Promise | Promise<unknown>}
      */
-  homeInvest (params) {
-    return fetch('/blade-project-manage-v2/project/v2/homeCountInvestment', params, 'post')
-  },
-  /**
+    homeInvest(params) {
+        return fetch('/blade-project-manage-v2/project/v2/homeCountInvestment', params, 'post')
+    },
+    /**
      * 保存责任目标
      * @returns {Promise | Promise<unknown>}
      */
-  savePlan (params) {
-    return fetch('/blade-project-manage-v2/depttarget/updateTarget', params, 'post', 'json')
-  }
+    savePlan(params) {
+        return fetch('/blade-project-manage-v2/depttarget/updateTarget', params, 'post', 'json')
+    },
+    /**
+     * 投资是否低于平均值
+     */
+    belowAverage(params) {
+        return fetch(
+            '/blade-project-manage-v2/project/v2/isBelowAvg',
+            params,
+            'post',
+            'json'
+        )
+    },
 
 }

src/views/invest/index.vue

@@ -26,7 +26,15 @@
         <basic-container>
           <div class='flex '>
             <div class='flex-child-average full-width flex flex-col flex-justify-start'>
-              <span class='font-16 bold full-width text-left '>投资数据统计 单位（亿元）</span>
+              <div class="flex flex-center flex-justify-between">
+                <span class='font-16 bold full-width text-left '>投资数据统计 单位（亿元）</span>
+                <div v-if="isAverage === false" class="flex flex-center red">
+                  <el-icon>
+                    <Warning/>
+                  </el-icon>
+                  <span class='full-width text-right ml-5 nowrap mr-20'>上月未完成平均投资指标</span>
+                </div>
+              </div>
               <div class='full-width mt-10' style='background-color: #F7FAFD'>
                 <chart :dept-id='dept' :quarter='yearType.value === 0 ? "":yearType ' :year="year"/>
               </div>
@@ -64,16 +72,16 @@ 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'
+import {useStore} from '@/store/user.js'
 
 export default {
   name: 'index',
-  components: { BasicContainer, left, years, amount, chart, chart2, complete },
-  setup () {
+  components: {BasicContainer, left, years, amount, chart, chart2, complete},
+  setup() {
     const user = useStore()
-    return { user }
+    return {user}
   },
-  data () {
+  data() {
     return {
       yearType: {
         value: 0
@@ -102,26 +110,35 @@ export default {
         {
           value: 2017
         }
-      ]
+      ],
+      isAverage: true
     }
   },
-  created () {
+  created() {
     this.year = new Date().getFullYear()
+    this.isBelowAverage()
   },
   methods: {
-    changeDept (res) {
+    changeDept(res) {
       if (res === null) {
         this.dept = null
         return
       }
       this.dept = res.id
     },
-    change (index) {
+    change(index) {
       this.yearType = index
     },
-    yearSelect (res) {
+    yearSelect(res) {
       this.year = res
-    }
+    },
+    isBelowAverage() {
+      this.$api.invest.belowAverage().then(res => {
+        if (res.code === 200) {
+          this.isAverage = res.data
+        }
+      })
+    },
   }
 }
 </script>