93 lines
3.0 KiB
TypeScript
93 lines
3.0 KiB
TypeScript
import { SubscriptionMessageApi } from "@/api/user"
|
||
import Taro from "@tarojs/taro"
|
||
import dayjs from "dayjs"
|
||
import { useEffect, useRef, useState } from "react"
|
||
|
||
//倒计时hook
|
||
export const useTimeCountDown = () => {
|
||
const [showTime, setShowTime] = useState({
|
||
DD: '',
|
||
HH: '',
|
||
MM: '',
|
||
SS: ''
|
||
})
|
||
const [timeStatus, setTimeStatus] = useState<0|1|2>(0) //倒计时状体 0:倒计时未开始 1:倒计时中， 2：倒计时已结束
|
||
const timeObj:any = useRef()
|
||
const endTime = useRef('')
|
||
const onStart = (val = '') => {
|
||
console.log('time:::', val)
|
||
endTime.current = val
|
||
if(endTime.current) {
|
||
clearInterval(timeObj.current)
|
||
timeObj.current = setInterval(() => {
|
||
count_down()
|
||
}, 1000)
|
||
}
|
||
}
|
||
useEffect(() => {
|
||
return () => {
|
||
clearInterval(timeObj.current)
|
||
}
|
||
}, [])
|
||
const count_down = () => {
|
||
var startData = dayjs();
|
||
var endDate = dayjs(endTime.current);
|
||
setTimeStatus(() => 1)
|
||
if(startData >= endDate) {
|
||
clearInterval(timeObj.current)
|
||
setShowTime((e) => ({...e, DD:'00', HH:'00', MM:'00', SS:'00'}))
|
||
setTimeStatus(() => 2)
|
||
return false
|
||
}
|
||
var _dd = endDate.diff(startData,'day');
|
||
var _hh = endDate.diff(startData,'hour');
|
||
var _mm = endDate.diff(startData,'minute');
|
||
var _ss = endDate.diff(startData,'second');
|
||
// 转换
|
||
var hh = _hh - (_dd*24);
|
||
var mm = _mm - (_hh*60);
|
||
var ss = _ss - (_mm*60);
|
||
// 格式化
|
||
var DD = ('00'+_dd).slice(-2);
|
||
var HH = ('00'+hh).slice(-2);
|
||
var MM = ('00'+mm).slice(-2);
|
||
var SS = ('00'+ss).slice(-2);
|
||
console.log('endTime::', `${DD}-${HH}-${MM}-${SS}`)
|
||
setShowTime((e) => ({...e, DD, HH, MM, SS}))
|
||
}
|
||
return {
|
||
showTime,
|
||
onStart,
|
||
timeStatus
|
||
}
|
||
}
|
||
|
||
|
||
//订阅消息hook
|
||
export const UseSubscriptionMessage = () => {
|
||
const {fetchData: fetchDataMessage} = SubscriptionMessageApi()
|
||
const openSubscriptionMessage = ({orderId = 0, scenes = 0}:{orderId?: number, scenes: number}) => {
|
||
return new Promise(async (resolve) => {
|
||
let params:{sale_order_id?: number, scenes?: number} = {}
|
||
orderId&&(params.sale_order_id = orderId)
|
||
params.scenes = scenes
|
||
let res = await fetchDataMessage(params)
|
||
if(res.success&&res.data.TemplateID&&res.data.TemplateID.length > 0) {
|
||
Taro.requestSubscribeMessage({
|
||
tmplIds: res.data.TemplateID,
|
||
complete: function (res) {
|
||
resolve(res)
|
||
}
|
||
})
|
||
} else {
|
||
resolve(true)
|
||
}
|
||
})
|
||
}
|
||
|
||
return {
|
||
openSubscriptionMessage
|
||
}
|
||
|
||
}
|