feats

src/pages/recommend/index.jsx

@@ -15,6 +15,15 @@ const ImageCard = props => {
   const user = useSelector(state => state.user);
   const [isopen, setIsOpen] = useState(false);
 
+  const handleExpand = () => {
+    if (!isopen) {
+      if (props.onExpand) {
+        props.onExpand()
+      }
+    }
+    setIsOpen(!isopen)
+  }
+
   return (
     <View
       className="recommend-view-card"
@@ -24,7 +33,7 @@ const ImageCard = props => {
         className="recommend-view-img"
         mode="widthFix"
         src={image}
-        onClick={() => setIsOpen(!isopen)}
+        onClick={handleExpand}
         style={{zIndex:1}}
       ></Image>
 
@@ -51,6 +60,19 @@ const recommend = props => {
   const [list, setList] = useState({});
   const [id, setId] = useState();
 
+  const handleExpand = item => {
+    // 埋点
+    request({
+      url: `/surround-track`,
+      method: "POST",
+      data: {
+        houseId: item.houseId,
+        imageId: item.imageId,
+        surroundId: item.surroundId
+      }
+    })
+  }
+
   useEffect(() => {
     const lst = groupby(props.dataSource || [], 'groupName')
     // setList(props.dataSource || []);
@@ -117,7 +139,7 @@ const recommend = props => {
                     return (
                       <View className="recommend-view">
                         <ContainerLayout className="recommend-view-layout">
-                          <ImageCard image={x.image} onDelete={() => onClick(x)} />
+                          <ImageCard image={x.image} onDelete={() => onClick(x)} onExpand={() => handleExpand(x)} />
                         </ContainerLayout>
                       </View>
                     );