feat:修改排行榜图片不显示问题

src/views/projectcenter/TaskPage.vue

@@ -1224,7 +1224,7 @@
     <!-- 学员-创建小组弹窗 -->
   </div>
 </template>
-  <script>
+<script>
 import { reactive, toRefs } from "vue";
 import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
@@ -1416,7 +1416,7 @@ export default {
       checked2: false,
       checkedd: false, //设置按钮1
       checkedd2: false, //设置按钮2
-      activeKey: "3",
+      activeKey: "6",
       activeKey1: "8",
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
@@ -1488,21 +1488,25 @@ export default {
           customRender: (text) => {
             if (text.record.rank == "1") {
               return (
-                <div
-                  style={{
-                    width: 24,
-                    height: 24,
-                    backgroundImage:
-                      "url(" +
-                      require("../../assets/images/taskpage/one.png") +
-                      ")",
-                  }}
-                >fewfwe</div>
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
               );
             } else if (text.record.rank == "2") {
-              return <div>ggg</div>;
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
             } else if (text.record.rank == "3") {
-              return <div>ggg</div>;
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
             } else {
               return <div>{text.record.rank}</div>;
             }
@@ -1588,6 +1592,32 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",
@@ -1669,6 +1699,32 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/one.png")}
+                />
+              );
+            } else if (text.record.rank == "2") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/two.png")}
+                />
+              );
+            } else if (text.record.rank == "3") {
+              return (
+                <img
+                  style={{ width: 24, height: 24 }}
+                  src={require("../../assets/images/taskpage/three.png")}
+                />
+              );
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",
@@ -3044,4 +3100,3 @@ export default {
   }
 }
 </style>
-