更新依赖

src/api/modules/home/index.js

@@ -50,4 +50,44 @@ export default {
             params: {}
         }, false);
     },
+    //门户-年度列表
+    async yearList() {
+        return httpApi({
+            url: '/api/blade-control/annualBudget/yearList',
+            method: 'get',
+            params: {}
+        }, false);
+    },
+    //门户-年度各项费用统计
+    async portalAnnualCost(form) {
+        return httpApi({
+            url: '/api/blade-control/annualBudget/portalAnnualCost',
+            method: 'get',
+            params: form
+        }, false);
+    },
+    //门户-年度各项目支出对比
+    async portalAnnualProjectCost(form) {
+        return httpApi({
+            url: '/api/blade-control/annualBudget/portalAnnualProjectCost',
+            method: 'get',
+            params: form
+        }, false);
+    },
+    //门户-当月各部门计划安排比重
+    async portalDeptMonthPlanRatio(form) {
+        return httpApi({
+            url: '/api/blade-control/annualBudget/portalDeptMonthPlanRatio',
+            method: 'get',
+            params: form
+        }, false);
+    },
+    //门户-风险计划
+    async portalRiskPlan() {
+        return httpApi({
+            url: '/api/blade-control/annualBudget/portalRiskPlan',
+            method: 'get',
+            params: {}
+        }, false);
+    },
 }

src/views/home/index/admin.vue

@@ -11,8 +11,8 @@
                             <img class="hac-extra-img" :src="QImg" alt="">
                         </template>
                         <div class="hac-card-item-body">
-                            <div class="money">￥3,000.00</div>
-                            <div class="text">已收入：￥220</div>
+                            <div class="money">￥{{planAnnualTarget.annualContractTarget}}</div>
+                            <div class="text">已收入：￥{{planAnnualTarget.yearReturned}}</div>
                         </div>
                     </HcCardItem>
                 </el-col>
@@ -25,8 +25,8 @@
                             <img class="hac-extra-img" :src="QImg" alt="">
                         </template>
                         <div class="hac-card-item-body">
-                            <div class="money">￥1,000.00</div>
-                            <div class="text">已盈利：￥?</div>
+                            <div class="money">￥{{planAnnualTarget.annualProfitTarget}}</div>
+                            <div class="text">已盈利：￥{{planAnnualTarget.yearProfit}}</div>
                         </div>
                     </HcCardItem>
                 </el-col>
@@ -39,13 +39,13 @@
                             <div class="hac-item-progress">
                                 <div class="title">年度合同指标</div>
                                 <div class="num">
-                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="70" color="#8978FD"/>
+                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="planAnnualTarget.contractSchedule" color="#8978FD"/>
                                 </div>
                             </div>
                             <div class="hac-item-progress">
                                 <div class="title">年度利润指标</div>
                                 <div class="num">
-                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="30" color="#73A3FE"/>
+                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="planAnnualTarget.profitSchedule" color="#73A3FE"/>
                                 </div>
                             </div>
                         </div>
@@ -232,7 +232,7 @@
 </template>
 
 <script setup>
-import {ref} from "vue";
+import {onActivated, onMounted, ref} from "vue";
 import QImg from "~src/assets/images/q.png";
 import HeImg from "~src/assets/images/he.png";
 import ShouImg from "~src/assets/images/shou.png";
@@ -242,6 +242,40 @@ import BarLabelRotation from "~com/echarts/BarLabelRotation.vue";
 import BorderRadius from "~com/echarts/BorderRadius.vue";
 import SimpleChart from "~com/echarts/SimpleChart.vue";
 import ProgressChart from "~com/echarts/ProgressChart.vue";
+import mainApi from "~api/home/index";
+
+//时间类
+import dayjs from "dayjs"
+import 'dayjs/locale/zh-cn'
+import {getObjValue} from "js-fast-way";
+dayjs.locale('zh-cn')
+
+//获取当前年月
+onMounted(() => {
+    planTime.value = dayjs().format('YYYY-MM')
+})
+
+//缓存页面被激活时
+onActivated(() => {
+    getApi()
+})
+
+const getApi = () => {
+    getPlanAnnualTarget()
+}
+
+//项目类型
+const planAnnualTarget = ref({})
+const getPlanAnnualTarget = async () => {
+    const {error, code, data} = await mainApi.portalAnnualTarget()
+    //判断状态
+    if (!error && code === 200) {
+        planAnnualTarget.value = getObjValue(data)
+    } else {
+        planAnnualTarget.value = {}
+    }
+}
+
 
 //选择日期时间
 const planTime = ref('汇总所有')