项目资讯,项目需求按钮显示判断,招投标项目申请合作后刷新列表

pages/projectInfo/components/bids/index.tsx

@@ -22,13 +22,14 @@ export default function Bids(props: Props) {
   const [count, setCount] = useState(0);
   const [abort, setAbort] = useState<AbortController | null>(null);
   const [loading, setLoading] = useState(false);
-  const {userInfo, setNeedLogin} = useContext(UserContext);
+  const { userInfo, setNeedLogin } = useContext(UserContext);
+  const [reload, setReload] = useState(false);
 
   useEffect(() => {
     //中断前一次请求
     abort?.abort();
     setAbort(new AbortController());
-  }, [pageParams, props.params]);
+  }, [pageParams, props.params, reload]);
 
   useEffect(() => {
     if (!abort) {
@@ -70,6 +71,7 @@ export default function Bids(props: Props) {
         .then((res) => {
           if (res.code === "200") {
             window.messageApi.success("申请成功");
+            setReload(!reload);
           }
         });
     } else {

pages/projectInfo/components/requirements/api/index.ts

@@ -24,6 +24,7 @@ export interface Item {
   publishName: string;
   publishPhone: string;
   requireDescription: string;
+  requirementTypeName: string;
   solved?: 0 | 1;
   createTime: string;
   updateTime?: string;
@@ -31,7 +32,6 @@ export interface Item {
 
 export interface SolveRequireParams {
   requirementsInfoId: number, //需求id
-  userAccountId: number //用户id
 }
 
 

pages/projectInfo/components/requirements/index.module.scss

@@ -32,6 +32,7 @@
       }
 
       .desc {
+        width: fit-content;
         font-size: 14px;
         font-family: MicrosoftYaHei;
         color: RGBA(135, 135, 135, 0.4);

pages/projectInfo/components/requirements/index.tsx

-import { Button, Empty, Pagination, Popconfirm, Spin } from "antd";
+import { Button, Empty, Pagination, Popconfirm, Spin, Tooltip } from "antd";
 import router from "next/router";
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useContext } from "react";
+import { UserContext } from "~/lib/userProvider";
 import api, { Item } from "./api";
 import styles from "./index.module.scss";
 
@@ -22,12 +23,8 @@ export default function Requirements(props: Props) {
   });
   const [count, setCount] = useState(0);
   const [abort, setAbort] = useState<AbortController | null>(null);
-  const [userId, setUserId] = useState(-1);
   const [reload, setReload] = useState(false);
-
-  useEffect(() => {
-    setUserId(Number(window.localStorage.getItem("userId") || -1));
-  }, []);
+  const { userInfo } = useContext(UserContext);
 
   useEffect(() => {
     //中断前一次请求
@@ -72,7 +69,6 @@ export default function Requirements(props: Props) {
     api
       .solveRequire({
         requirementsInfoId: item.id,
-        userAccountId: userId,
       })
       .then((res) => {
         if (res.code === "200") {
@@ -94,14 +90,16 @@ export default function Requirements(props: Props) {
               <div className={styles.logo}></div>
               <div className={styles.info}>
                 <div className={styles.title}>
-                  项目需求：{item.requireDescription}
+                  项目需求：{item.requirementTypeName}
                 </div>
-                {/* 
-                <div className={styles.desc}>
-                  具体需求：{item.requireDescription}
-                </div> */}
+
+                <Tooltip placement="top" title={item.requireDescription}>
+                  <div className={styles.desc}>
+                    具体需求：{item.requireDescription}
+                  </div>
+                </Tooltip>
               </div>
-              {item.userAccountId === userId ? (
+              {userInfo && item.userAccountId === userInfo.id ? (
                 <Popconfirm
                   title="提示"
                   description="确认该需求已经解决了吗？"