feat: 产品列表回显

mock/main.ts

@@ -113,15 +113,18 @@ export default [
               "baiFenBiText": "90%活动用户选购本产品t",
               "fengXian": "中低风险",
               "code": "23112008P",
-              "status": index % 2 === 0 ? '1' : '0',
-              "realBuyJumpUrl": `https://www.baidu.com?t=${index}`
+              "status": (index + 1) % 2 === 0 ? '1' : '0',
+              "mineProduct": (index + 1) % 3 === 0,
+              "realBuyJumpUrl": `https://www.baidu.com?t=${(index + 1)}`,
+              "rate": 502, // 利率（需要除100展示）	
+              "rateName": `年化收益率${index + 1}`, // 利率名称
             }
           }),
           "codeList": [
-            "23112008P",
-            "consectetur",
-            "non",
-            "tempor"
+            { code: "23112008P", type: 0 },
+            { code: "consectetur", type: 1 },
+            { code: "non", type: 1 },
+            { code: "tempor", type: 1 },
           ],
         }
       }

src/pages/HomePage/HomePage.tsx

@@ -116,6 +116,13 @@ class HomePage extends React.Component<any, any> {
     const { curTab } = this.state;
     const { bigStartConfig, virtualAssets, checkIn, recommendProductConfig, myEndTime, currentTime } = store.indexData
     const isReachEndT = myEndTime <= currentTime
+    // 推荐产品
+    const rProductList = recommendProductConfig?.filter((item) => item.status == 1)
+    // 我的持仓
+    const mProductList = recommendProductConfig?.filter((item) => item.mineProduct)
+    // 当前tab的产品列表
+    const curTabProductList = curTab == 1 ? recommendProductConfig : mProductList
+
     return (
       <div className="com_Container" ref={(el) => this.root = el}>
         <div className="homePage">
@@ -134,7 +141,7 @@ class HomePage extends React.Component<any, any> {
             </div>
           </div>}
           {/* 领奖banner */}
-          {isReachEndT &&<div className="prize_banner">
+          {isReachEndT && <div className="prize_banner">
             <span className="prize_btn" onClick={this.prizeHandle}></span>
           </div>}
           {/* 模拟资产 */}
@@ -198,7 +205,7 @@ class HomePage extends React.Component<any, any> {
           <div className="recommend_products">
             <span className="r_products_title"></span>
             <div className="r_products_list">
-              {recommendProductConfig?.map((item, index) => (
+              {rProductList?.map((item, index) => (
                 <div className="r_products_item" key={`r_prdct_${index}`}>
                   <span className="r_product_bg"></span>
                   <span className="r_product_name">{item.name}</span>
@@ -218,26 +225,23 @@ class HomePage extends React.Component<any, any> {
             <span className="tab1_btn" onClick={() => this.toggleTab(1)}></span>
             <span className="tab2_btn" onClick={() => this.toggleTab(2)}></span>
             <div className="products_list">
-              {/* TODO 字段 */}
-              {recommendProductConfig?.map((item, index) => (
+              {curTabProductList?.map((item, index) => (
                 <div className="b_product_item" key={`r_prdct_${index}`} onClick={() => this.jumpRealDetailHandle(item.realBuyJumpUrl)}>
                   <span className="b_product_name">{item.name}</span>
                   <div className="b_product_rate">
-                    <span className="b_product_rate_label">年化收益率</span>
-                    {/* TODO */}
-                    <span className="b_product_rate_value">1.97%</span>
+                    <span className="b_product_rate_value">{(item.rate / 100).toFixed(2)}%</span>
+                    <span className="b_product_rate_label">{item.rateName}</span>
                   </div>
                   <div className="b_product_shu">
-                    <span className="b_product_shu_label">{item.fengXian} ｜ {item.qigouText}</span>
                     <span className="b_product_shu_value">{item.shenShuGuiZei}</span>
+                    <span className="b_product_shu_label">{item.fengXian} ｜ {item.qigouText}</span>
                   </div>
                   <Button className="detail_btn_1" onClick={() => this.jumpVirtualDetailHandle(item)}></Button>
                   <span className="b_product_line"></span>
                 </div>
               ))}
             </div>
-            {/* TODO 字段 */}
-            {!recommendProductConfig?.length && curTab == 2 && <div className="empty">暂无持仓产品哦</div>}
+            {!curTabProductList?.length && curTab == 2 && <div className="empty">暂无持仓产品哦</div>}
           </div>
           <Button className="rule_btn" onClick={this.ruleHandle} />
         </div>

src/store/store.ts

@@ -103,6 +103,9 @@ class Store {
       code?: string,
       status?: string,
       realBuyJumpUrl?: string,
+      mineProduct?: boolean, // 我的产品(true是)
+      rate?: number, // 利率（需要除100展示）	
+      rateName?: string, // 利率名称
     }>,
     // 待存储产品code
     codeList?: Array<{