init

mock/index.ts

@@ -59,7 +59,7 @@ export default [
     },
   },
   {
-    url: '/records.do',
+    url: '/draw/myRucksack.do',
     response: ({ query }) => {
       return {
         "code": "code",
@@ -73,7 +73,8 @@ export default [
               "icon": "//yun.dui88.com/images/201907/tua0um9jjp.jpg",
               "refType": "coupon",
               "refId": "49354",
-              "type": 2
+              "type": 2,
+              "receiveStatus": true,
             },
             "strategyId": 11,
             "gmtCreate": 1565213353000,

src/api/index.ts

@@ -21,7 +21,7 @@ const API = generateAPI({
   },
 
   // 奖品记录
-  records: "records.query",
+  records: "draw/myRucksack.do",
   // 红包补领
   redpacket: "common/moneyReissue.do",
 

src/pages/ResPage/ResPage.module.less

@@ -187,6 +187,15 @@
         .webpBg("ResPage/去查看.png");
       }
 
+      .itemBtnEd {
+        position: absolute;
+        left: 530px;
+        top: 37px;
+        width: 157px;
+        height: 64px;
+        .webpBg("ResPage/已使用.png");
+      }
+
     }
 
   }

src/pages/ResPage/ResPage.tsx

@@ -81,7 +81,12 @@ class ResPage extends React.Component<any, any> {
                                     <img className={styles.itemImg} src={item.extra.icon}/>
                                     <div className={styles.itemName}>{item.extra.name}</div>
                                     <div className={styles.itemDate}>{dateFormatter(item.gmtCreate, "yyyy-MM-dd hh:mm:ss 获得")}</div>
-                                    <Button className={styles.itemBtn} onClick={() => this.clickItem(item)}/>
+                                    {
+                                        item.extra.receiveStatus == 1
+                                            ? <Button className={styles.itemBtnEd}/>
+                                            : <Button className={styles.itemBtn} onClick={() => this.clickItem(item)}/>
+                                    }
+
                                 </div>
                             })}
                         </div>