'首页动态图标添加'

src/views/index.vue

@@ -5,12 +5,17 @@
       <div class="headerMain">我的待办</div>
     </div>
     <div class="homeMain">
-      <div class="cardList" v-for="(item, index) in pendingTasks" :key="index" @click="pushPage(item.caseFlowId)">
-        <div class="badge">{{item.caseCount}}</div>
+      <div
+        class="cardList"
+        v-for="(item, index) in pendingTasks"
+        :key="index"
+        @click="pushPage(item.caseFlowId)"
+      >
+        <div class="badge">{{ item.caseCount }}</div>
         <div class="cardMain">
-          <img class="iconImg" src="@/assets/images/daiban.png" alt="" />
+          <img class="iconImg" :src="iconHead + item.fileName" alt="" />
         </div>
-        <div class="cardMain">
+        <div class="cardMain1">
           <div class="imgTitle">{{ item.caseStatusName }}</div>
         </div>
       </div>
@@ -27,6 +32,7 @@ export default {
       // 版本号
       version: "3.8.6",
       pendingTasks: [], //案件代办状态
+      iconHead: process.env.VUE_APP_BASE_API
     };
   },
   created() {
@@ -39,14 +45,17 @@ export default {
     // 查询代办状态
     gettodoCount() {
       todoCount({}).then((res) => {
-      this.pendingTasks = res.data.toDoCountList
-      console.log(res.data.toDoCountList, "this.pendingTasks");
+        this.pendingTasks = res.data.toDoCountList;
+        console.log(res.data.toDoCountList, "this.pendingTasks");
       });
     },
     // 点击待办按钮跳转
     pushPage(status) {
-      this.$router.push({ path: '/caseManagement/caseManagement/caseList', query: { caseFlowId: status + '' } })
-    }
+      this.$router.push({
+        path: "/caseManagement/caseManagement/caseList",
+        query: { caseFlowId: status + "" },
+      });
+    },
   },
 };
 </script>
@@ -99,9 +108,9 @@ export default {
         line-height: 30px;
         font-size: 18px;
         font-weight: 500;
-        color: #e32a4f;
+        color: red;
         border-radius: 10px 30px 10px 30px;
-        background-color: #05baf1;
+        background-color: #1296DB;
         position: absolute;
         right: 0;
       }
@@ -110,13 +119,16 @@ export default {
         width: 100%;
         display: flex;
         justify-content: center;
-        margin-top: 20px;
-
+        margin-top: 40px;
         .iconImg {
           width: 100px;
           height: 110px;
         }
-
+      }
+      .cardMain1 {
+        width: 100%;
+        display: flex;
+        justify-content: center;
         .imgTitle {
           font-size: 15px;
           font-weight: 900;