修改

src/api/system/index.js

@@ -23,4 +23,10 @@ export function serviceModeStatistics(query) {
         params: query
     })
 }
-
+export function taskSituation(query) {
+    return request({
+        url: '/system/homePage/taskSituation',
+        method: 'get',
+        params: query
+    })
+}

src/views/index.vue

@@ -30,42 +30,28 @@
       </div>
       <div class="appright">
         <div class="wait">待办任务</div>
-        <div class="all">
+        <div
+          class="all"
+          v-for="(item, index) in taskSituationlist"
+          :key="index"
+        >
           <div class="person" @click="goback">
             <el-tooltip
               class=""
               effect="dark"
-              content="任务总数量"
+              :content="item.name == '人工审核' ? '已审核数' : '已随访数'"
               placement="top"
             >
-              <span class="">人工审核</span>
+              <span class="">{{ item.name }}</span>
             </el-tooltip>
-
+            <el-badge :value="item.allCount-item.count" class="item"></el-badge>
-            <el-badge :value="139" class="item"></el-badge>
             <i class="el-icon-arrow-right"></i>
           </div>
           <div style="display: flex" @click="goback">
-            <el-progress :percentage="50"></el-progress>
+            <el-progress :percentage="item.content"></el-progress>
-            <span style="float: right; margin: 12px 19px 0 10px">10/20</span>
+            <span style="float: right; margin: 12px 19px 0 10px"
-          </div>
+              >{{ item.count }}/{{ item.allCount }}</span
-        </div>
-        <div class="all">
-          <div class="person" @click="gofollowup">
-            <el-tooltip
-              class=""
-              effect="dark"
-              content="随访总数量"
-              placement="top"
             >
-              <span class="">人工随访</span>
-            </el-tooltip>
-
-            <el-badge :value="22" class="item"></el-badge>
-            <i class="el-icon-arrow-right"></i>
-          </div>
-          <div style="display: flex" @click="gofollowup">
-            <el-progress :percentage="50"></el-progress>
-            <span style="float: right; margin: 12px 19px 0 10px">10/20</span>
           </div>
         </div>
       </div>
@@ -88,6 +74,7 @@ import {
   topStatistics,
   signPatientCount,
   serviceModeStatistics,
+  taskSituation,
 } from "@/api/system/index";
 import * as echarts from "echarts";
 
@@ -99,6 +86,7 @@ export default {
       version: "0.0.1",
       list: {},
       namelist: [],
+      taskSituationlist: [],
     };
   },
   mounted() {
@@ -120,9 +108,16 @@ export default {
     // 上部分
     infolist() {
       topStatistics().then((res) => {
-        console.log(res, "res");
+        // console.log(res, "res");
         this.list = res.data;
       });
+      taskSituation().then((res) => {
+        this.taskSituationlist = res.data;
+        this.taskSituationlist.forEach((e) => {
+          e.content = Math.ceil((e.count / e.allCount) * 100);
+          console.log(e.content, " e.content");
+        });
+      });
     },
     getlist() {
       signPatientCount().then((res) => {