feats

src/pages/share/index.jsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useMemo, useState } from 'react'
-// import { useEffect, useLayoutEffect, useReducer, useState, useContext, useRef, useCallback, useMemo } from '@tarojs/taro'
 import Taro, { useShareAppMessage, useRouter } from "@tarojs/taro";
 import { useSelector, } from 'react-redux'
-import { View, Input, Text, Image, Picker } from '@tarojs/components'
+import { View, Input, Text, Image, Picker, Button } from '@tarojs/components'
+import { AtModal, AtModalHeader, AtModalContent, AtModalAction } from "taro-ui"
 import Layout from '../../layout/index'
 import Tab from '../../compents/tab/index'
 import Container from '../../compents/container/index'
@@ -33,52 +33,46 @@ const index = (props) => {
     const [personNum, setPersonNum] = useState()
     const [startTime, setStartTime] = useState('')
     const [endTime, setEndTime] = useState('')
-    useEffect(() => {
-
-        // console.log(page, 'page')
-        setList([
-            {
-                name: 'zhou',
-                phone: '177'
-            },
-            {
-                name: 'zhou',
-                phone: '177'
-            },
-            {
-                name: 'zhou',
-                phone: '177'
-            }
-        ])
-    }, [])
-    useShareAppMessage(res => {
-        Taro.showLoading({
-            title: '分享中',
-          })
-        if (res.from === 'button') {
-            // 来自页面内转发按钮
-            console.log(res.target)
-        }
+    const [shareObj, setShareObj] = useState()
+    const [showShareModal, setShowShareModal] = useState(false)
+    
+    const onTimeChange = (e) => {
+        setStartTime(e.detail.value)
+    }
 
+    const handleShareReady = () => {
+        
         const data = {
             houseId,
             personNum,
             startDate: startTime,
             endDate: endTime
         }
+        
+        Taro.showLoading({
+            title: '正在生成分享内容,请稍后...'
+        })
+
         return request({ url: '/taHouseSetting', method: 'post', data }).then(res => {
             const { data } = res.data
             if (res.data.data) {
                 console.log(data.taHouseOrder.orderId)
                 const { orderId } = data.taHouseOrder
                 return request({ url: `/taHouse/${houseId}/share` }).then(res => {
-                    Taro.hideLoading()
-                    return {
+
+                    const share = {
                         title: '分享到微信',
+                        imageUrl: (res.data.data || {}).image,
                         path: `/pages/index/index?houseId=${houseId}&personNum=${personNum}&startTime=${startTime}&endTime=${endTime}&orderId=${orderId}`
                     }
+
+                    setShareObj(share)
+                    console.log('----before-->', JSON.stringify(share))
+                    Taro.hideLoading()
+                    setShowShareModal(true)
                 })
             } else {
+                Taro.hideLoading()
                 Taro.showModal({
                     title: '输入信息有误',
                     content: '请重新输入',
@@ -95,20 +89,12 @@ const index = (props) => {
 
         })
 
-
-
-    })
-
-    async function syncAddOrder() {
-
-
-    }
-
-    const onTimeChange = (e) => {
-        console.log(e, '111')
-        setStartTime(e.detail.value)
     }
 
+    useShareAppMessage(() => {  
+        console.log('----after-->', JSON.stringify(shareObj))      
+        return shareObj
+    })
 
     return <View className='share'>
         <Layout>
@@ -142,9 +128,14 @@ const index = (props) => {
                 </Container>
             </View>
         </Layout>
-        <Tab openType="share" className='addhousetab' color='#ffffff' pageState='3' onClick={(e) => console.log(33)} value={['分享到微信']} ></Tab>
-
-
+        <Tab className='addhousetab' color='#ffffff' pageState='3' onClick={handleShareReady} value={['分享到微信']} ></Tab>
+        <AtModal isOpened={showShareModal}>
+            <AtModalHeader>分享到微信</AtModalHeader>
+            <AtModalAction>
+                <Button onClick={() => setShowShareModal(false)}>取消</Button>
+                <Button open-type="share" onClick={() => setShowShareModal(false)}>确定</Button>
+            </AtModalAction>
+        </AtModal>
     </View>
 }