dimensional-health/.lh/src/views/my/collection/index.tsx.json

{
    "sourceFile": "src/views/my/collection/index.tsx",
    "activeCommit": 0,
    "commits": [
        {
            "activePatchIndex": 2,
            "patches": [
                {
                    "date": 1690161385246,
                    "content": "Index: \n===================================================================\n--- \n+++ \n"
                },
                {
                    "date": 1690544372301,
                    "content": "Index: \n===================================================================\n--- \n+++ \n@@ -30,9 +30,9 @@\n   id: number,\r\n   videoId: number,\r\n   title: string,\r\n   shearUrl: string,\r\n-  original: string,\r\n+  originalUrl: string,\r\n   price: number,\r\n   duration: number,\r\n   whetherBuy: number,\r\n   buyNum: number,\r\n"
                },
                {
                    "date": 1690544863963,
                    "content": "Index: \n===================================================================\n--- \n+++ \n@@ -278,8 +278,9 @@\n               <div>\r\n                 {videoList.map((item) => {\r\n                   return (\r\n                     <UserVideoBuyItem\r\n+                    onUpdate={() => console.log(1)}\r\n                       type=\"collection\"\r\n                       key={item.id}\r\n                       collectionItem={item}\r\n                     ></UserVideoBuyItem>\r\n"
                }
            ],
            "date": 1690161385246,
            "name": "Commit-0",
            "content": "import React, { useState } from \"react\";\r\nimport style from \"./style.module.scss\"\r\nimport { MyNavBar } from \"../../../components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport emptyImg from \"../../../assets/images/image/hdpi/no_message.png\"\r\nimport collectionDelete from \"../../../assets/images/image/hdpi/collection_delete.png\"\r\n\r\n// 用户资讯收藏列表类型\r\ninterface patientListRawState {\r\n  id: string,\r\n  infoId: string,\r\n  thumbnail: string[],\r\n  title: string,\r\n  doctor: string,\r\n  createTime: string,\r\n}\r\n\r\n// 用户收藏病友圈列表类型\r\ninterface patientCircleListRawState {\r\n  id: string,\r\n  sickCircleId: string,\r\n  title: string,\r\n  disease: string,\r\n  createTime: string,\r\n  collectionNum: number,\r\n  commentNum: number\r\n}\r\n\r\n\r\nconst Index: React.FC = () => {\r\n  const navigate = useNavigate()\r\n\r\n  const [collectionList] = useState<string[]>([\"健康咨询\", \"健康视频\", \"病友圈\"])\r\n  const [active, setActive] = useState<number>(0)\r\n  const [consultList, setConsultList] = useState<patientListRawState[]>([\r\n    {\r\n      id: '001',\r\n      infoId: '1222',\r\n      thumbnail: [\"https://jcdn.yimian.xyz/-api-img-moe@5.0.51/img_514_1920x1080_72_null_normal.jpg\"],\r\n      title: `吃坚果等于\"喝油\",吃坚果等于\"喝油\",吃坚果等于\"喝油\",吃坚果等于\"喝油\"`,\r\n      doctor: \"钱多多营养师\",\r\n      createTime: \"2023-7-17\"\r\n    },\r\n    {\r\n      id: '111',\r\n      infoId: \"1223\",\r\n      thumbnail: [\r\n        \"https://jcdn.yimian.xyz/-api-img-moe@5.0.36/img_364_1920x1080_350_null_normal.jpg\",\r\n        \"https://jcdn.yimian.xyz/-api-img-moe@5.0.25/img_254_1920x1080_350_null_normal.jpg\",\r\n        \"https://jcdn.yimian.xyz/-api-img-moe@5.0.80/img_801_1920x1080_96_null_normal.jpg\"\r\n      ],\r\n      title: `吃坚果等于\"喝油\"`,\r\n      doctor: \"钱多多营养师\",\r\n      createTime: \"刚刚\"\r\n    },\r\n    {\r\n      id: '2002',\r\n      infoId: \"1224\",\r\n      thumbnail: [],\r\n      title: `吃坚果等于\"喝油\"`,\r\n      doctor: \"钱多多营养师\",\r\n      createTime: \"1周前\"\r\n    }\r\n  ])\r\n  const [videoList, setVideoList] = useState([])\r\n  const [patientCircleList, setPatientCircleList] = useState<patientCircleListRawState[]>([\r\n    {\r\n      id: '30001',\r\n      sickCircleId: '10202',\r\n      title: '我的抗癌路程',\r\n      disease: '前段时间中午没吃，到了4点多肚子一下子痛的厉害，痛的我腰都挺不直，结果去了医院，医生说我得了阑尾炎，我不想开刀，医生说那就先挂点水看看情况如何，挂了一天身体觉得蛮好了，我查了血常规，白细胞10.4',\r\n      createTime: '两分钟前',\r\n      collectionNum: 3,\r\n      commentNum: 109\r\n    },\r\n    {\r\n      id: '30001',\r\n      sickCircleId: '10202',\r\n      title: '我的抗癌路程',\r\n      disease: '前段时间中午没吃，到了4点多肚子一下子痛的厉害，痛的我腰都挺不直，结果去了医院，医生说我得了阑尾炎，我不想开刀，医生说那就先挂点水看看情况如何，挂了一天身体觉得蛮好了，我查了血常规，白细胞10',\r\n      createTime: '两分钟前',\r\n      collectionNum: 3,\r\n      commentNum: 109\r\n    }\r\n  ])\r\n\r\n\r\n  // 收藏空空如也\r\n  const EmptyCollection: React.FC = () => {\r\n    return <div className={style.EmptyCollection}>\r\n      <div className={style.empty}>\r\n        <img src={emptyImg} alt=\"\" />\r\n        <div>收藏空空如也</div>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  return <div className={style.collection}>\r\n    <MyNavBar\r\n      title=\"我的收藏\"\r\n      style={{ backgroundColor: \"#fff\" }}\r\n      onClickLeft={() => navigate(\"/my\")}\r\n    ></MyNavBar>\r\n    {/* 头部tab */}\r\n    <div className={style.tabs}>\r\n      {\r\n        collectionList.map((item, ind) => {\r\n          return <div key={ind}\r\n            className={`${style.tabsItem} ${active === ind ? style.tabsActive : ''}`}\r\n            onClick={() => setActive(ind)}\r\n          >\r\n            {item}\r\n          </div>\r\n        })\r\n      }\r\n    </div>\r\n    {/* 收藏内容 */}\r\n    {\r\n      // 健康咨询\r\n      active === 0 && <div className={style.collectionConent}>\r\n        {\r\n          consultList.length ? (<div>\r\n            {\r\n              consultList.map((item) => {\r\n                if (item.thumbnail.length === 1) {\r\n                  return (<div className={style.collectionConent_item} key={item.infoId}>\r\n                    <div className={style.aPicture}>\r\n                      <div className={style.aPicture_left}>\r\n                        {\r\n                          item.thumbnail.map((v, i) => {\r\n                            return <img src={v} alt=\"\" key={i} />\r\n                          })\r\n                        }\r\n                      </div>\r\n                      <div className={style.aPicture_right}>\r\n                        <div >{item.title}</div>\r\n                        <div className={style.doctor_createTime}>\r\n                          <div>{item.doctor}</div>\r\n                          <div>{item.createTime}</div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>)\r\n                } else if (item.thumbnail.length === 3) {\r\n                  return (<div className={style.collectionConent_item} key={item.infoId}>\r\n                    <div className={style.threePicture}>\r\n                      <div className={style.title}>{item.title}</div>\r\n                      <div className={style.threePicture_img}>\r\n                        {\r\n                          item.thumbnail.map((v, i) => {\r\n                            return <img src={v} alt=\"\" key={i} />\r\n                          })\r\n                        }\r\n                      </div>\r\n                      <div className={style.doctor_createTime}>\r\n                        <div>{item.doctor}</div>\r\n                        <div>{item.createTime}</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>)\r\n                } else {\r\n                  return (<div className={style.collectionConent_item} key={item.infoId}>\r\n                    <div className={style.noPicture}>\r\n                      <div className={style.title}>{item.title}</div>\r\n                      <div className={style.doctor_createTime}>\r\n                        <div>{item.doctor}</div>\r\n                        <div>{item.createTime}</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>)\r\n                }\r\n              })\r\n            }\r\n          </div>) : <EmptyCollection></EmptyCollection>\r\n        }\r\n      </div>\r\n    }\r\n    {\r\n      // 健康视频\r\n      active === 1 && <div className={style.collectionConent}>\r\n        {\r\n          videoList.length ? <div>\r\n\r\n          </div> : <EmptyCollection></EmptyCollection>\r\n        }\r\n      </div>\r\n    }\r\n    {\r\n      active === 2 && <div className={style.collectionConent}>\r\n        {\r\n          patientCircleList.length ? <div>\r\n            {\r\n              patientCircleList.map((item, ind) => {\r\n                return (<div className={style.collectionConent_item} key={item.id}>\r\n                  <div className={style.patientsphere}>\r\n                    <div className={style.title}>{item.title}</div>\r\n                    <div className={style.disease}>{item.disease}</div>\r\n                    <div className={style.itemFooter_box}>\r\n                      <div className={style.itemFooter}>\r\n                        <div>收藏</div>\r\n                        <div className={style.numbers}>{item.collectionNum}</div>\r\n                        <div>建议</div>\r\n                        <div className={style.numbers}>{item.commentNum}</div>\r\n                      </div>\r\n                      <div className={style.time}>{item.createTime}</div>\r\n                    </div>\r\n                    <div className={style.collectionDelete}>\r\n                      {\r\n                        ind === 0 && <img src={collectionDelete} alt=\"\" />\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </div>)\r\n              })\r\n            }\r\n          </div> : <EmptyCollection></EmptyCollection>\r\n        }\r\n      </div>\r\n    }\r\n  </div>;\r\n};\r\n\r\nexport default Index;\r\n"
        }
    ]
}