首页顶部数据联调

src/api/agent/index.js

@@ -1,5 +1,12 @@
 import request from '@/utils/request2'
 
+export function getHomeHeaderData() {
+  return request({
+    url: '/core/home/getHomeHeader',
+    method: 'get'
+  })
+}
+
 export function getContractList(query) {
   return request({
     url: '/core/chat/messages?query='+query,

src/views/modules/home.vue

@@ -4,18 +4,18 @@
       <el-col :span="6">
         <div class="home_box">
           <div class="tg_top adfacjb">
-            <div class="tgt_l">执行项目</div>
+            <div class="tgt_l">项目</div>
             <div class="tgt_r">
               <img src="@/assets/images/agent/home_xm.png">
             </div>
           </div>
-          <div class="tg_num adfac">{{ 42 }}<span>个</span></div>
+          <div class="tg_num adfac">{{ headerData?.projectNum||0 }}<span>个</span></div>
           <div class="tg_jd">
-            <div class="tj tj1" :style="{'width':70+'%'}"></div>
+            <div class="tj tj1" :style="{'width':100+'%'}"></div>
           </div>
           <div class="tg_tn adfac">
-            <div class="tt_pre adfac">进行中<span>{{6}}</span></div>
-            <div class="tt_pre adfac">已完成<span>{{36}}</span></div>
+            <div class="tt_pre adfac">团队<span>{{headerData?.teamNum||0}}</span></div>
+            <div class="tt_pre adfac">团队成员<span>{{headerData?.memberNum||0}}</span></div>
           </div>
         </div>
       </el-col>
@@ -27,30 +27,31 @@
               <img src="@/assets/images/agent/home_wj.png">
             </div>
           </div>
-          <div class="tg_num adfac">{{ 120 }}<span>份</span></div>
+          <div class="tg_num adfac">{{ headerData?.queNum||0 }}<span>份</span></div>
           <div class="tg_jd">
-            <div class="tj tj2" :style="{'width':40+'%'}"></div>
+            <div class="tj tj2" :style="{'width':(headerData?.queNum==0?0:(headerData?.runingQueNum/headerData?.queNum*100))+'%'}"></div>
           </div>
           <div class="tg_tn adfac">
-            <div class="tt_pre adfac">已完成<span>{{36}}</span></div>
-            <div class="tt_pre adfac">进行中<span>{{6}}</span></div>
+            <div class="tt_pre adfac">已完成<span>{{headerData?.finishQueNum||0}}</span></div>
+            <div class="tt_pre adfac">进行中<span>{{headerData?.runingQueNum||0}}</span></div>
           </div>
         </div>
       </el-col>
       <el-col :span="6">
         <div class="home_box">
           <div class="tg_top adfacjb">
-            <div class="tgt_l">团队</div>
+            <div class="tgt_l">报告</div>
             <div class="tgt_r">
               <img src="@/assets/images/agent/home_td.png">
             </div>
           </div>
-          <div class="tg_num adfac">{{ 43 }}<span>个</span></div>
+          <div class="tg_num adfac">{{ headerData?.reportNum||0 }}<span>个</span></div>
           <div class="tg_jd">
             <div class="tj tj3" :style="{'width':100+'%'}"></div>
           </div>
           <div class="tg_tn adfac">
-            <div class="tt_pre adfac">团队成员<span>{{236}}</span></div>
+            <div class="tt_pre adfac">团队报告<span>{{headerData?.reportTeamNum||0}}</span></div>
+            <div class="tt_pre adfac">个人报告<span>{{headerData?.reportMemberNum||0}}</span></div>
           </div>
         </div>
       </el-col>
@@ -62,13 +63,13 @@
               <img src="@/assets/images/agent/home_zs.png">
             </div>
           </div>
-          <div class="tg_num adfac">{{ 356720 }}<span>条</span></div>
+          <div class="tg_num adfac">{{ headerData?.knowledgeNum||0 }}<span>条</span></div>
           <div class="tg_jd">
-            <div class="tj tj4" :style="{'width':80+'%'}"></div>
+            <div class="tj tj4" :style="{'width':100+'%'}"></div>
           </div>
           <div class="tg_tn adfac">
-            <div class="tt_pre adfac">解析中<span>{{6}}</span></div>
-            <div class="tt_pre adfac">已完成<span>{{356714}}</span></div>
+            <!-- <div class="tt_pre adfac">解析中<span>{{headerData?.reportTeamNum||0}}</span></div>
+            <div class="tt_pre adfac">已完成<span>{{headerData?.reportTeamNum||0}}</span></div> -->
           </div>
         </div>
       </el-col>
@@ -151,10 +152,11 @@
 <script setup name="">
   import * as echarts from "echarts";
   import { ref, getCurrentInstance, onMounted } from 'vue'
-  import { getTeamQuestionnaireList,getQueNumLineGraph,getQueTypePieChart,getReportList } from '@/api/agent/index.js'
+  import { getHomeHeaderData,getTeamQuestionnaireList,getQueNumLineGraph,getQueTypePieChart,getReportList } from '@/api/agent/index.js'
   const { proxy } = getCurrentInstance();
 
   const tidx = ref(1);
+  const headerData = ref({})
   const startEndDate = ref('');
   const djsltjRef = ref(null);
   const wjlbzbRef = ref(null);
@@ -318,9 +320,17 @@
     proxy.$router.push({path:'/agent-report',query:{relationId: item.relationId,type: item.type}});
   }
 
+  const getHomeHeaderDataFn = () => {
+    getHomeHeaderData().then(res=>{
+      if(res.code!==0) return proxy.$message.error(res.msg);
+      headerData.value = res.data;
+    })
+  }
+
   onMounted(()=>{
     initDjsltjChart();
     initWjlbzbChart();
+    getHomeHeaderDataFn();
     getTeamQuestionnaireListFn();
     getReportListFn();
     getQueNumLineGraphFn();