king
parent
d404784233
commit
8aa7beb948
@ -0,0 +1,4 @@ |
||||
export default definePageConfig({ |
||||
navigationBarTitleText: '', |
||||
onReachBottomDistance: 30 |
||||
}) |
||||
@ -0,0 +1,31 @@ |
||||
.box { |
||||
display: flex; |
||||
margin-bottom: 20rpx; |
||||
background-color: #fff; |
||||
border-radius: 16rpx; |
||||
padding: 24rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
.image{ |
||||
width: 128rpx; |
||||
height:128rpx; |
||||
background-color: pink; |
||||
border-radius: 8rpx; |
||||
} |
||||
.rightBox{ |
||||
padding-left: 24rpx; |
||||
box-sizing: border-box; |
||||
flex: 1; |
||||
} |
||||
.desc{ |
||||
font-size: 24rpx; |
||||
font-weight: 500; |
||||
color: #909795; |
||||
line-height: 34rpx; |
||||
display: -webkit-box; |
||||
text-overflow: ellipsis; |
||||
overflow: hidden; |
||||
-webkit-box-orient:vertical; |
||||
-webkit-line-clamp:2; |
||||
} |
||||
|
||||
@ -0,0 +1,57 @@ |
||||
import {FC, useCallback, useEffect, useState} from "react"; |
||||
import {Image, Swiper, SwiperItem, View} from "@tarojs/components"; |
||||
import {brandApi, BrandRecord} from "@/api"; |
||||
import Taro, {useRouter} from "@tarojs/taro"; |
||||
|
||||
type Params = { |
||||
id: number |
||||
} |
||||
const MeetingsConfig: FC = () => { |
||||
const {id} = useRouter().params as unknown as Params |
||||
const [brandInfo, setBrandInfo] = useState<BrandRecord>() |
||||
|
||||
useEffect(() => { |
||||
getData() |
||||
}, [id]) |
||||
|
||||
const getData = async () => { |
||||
try { |
||||
const data = await brandApi.info(id) |
||||
Taro.setNavigationBarTitle({title:data.name}) |
||||
setBrandInfo(data) |
||||
} catch (e) { |
||||
} |
||||
} |
||||
|
||||
|
||||
return ( |
||||
<View className='p-2'> |
||||
{ |
||||
// brands.length ? brands.map((d) =>
|
||||
// <View onClick={() => jumpInfo(d.id)} className={styles.box} key={d.id}>
|
||||
// <Image src={d.brand_album?.[0]} mode='aspectFill' className={styles.image}/>
|
||||
// <View className={styles.rightBox}>
|
||||
// <View className='font-weight mb-2 font-28'>{d.name}</View>
|
||||
// <View className={styles.desc}>{d.graphic_introduction.repeat(30)}</View>
|
||||
// </View>
|
||||
// </View>)
|
||||
// : <Empty name='空空如也'/>
|
||||
<Swiper |
||||
className='test-h' |
||||
indicatorColor='#999' |
||||
indicatorActiveColor='#333' |
||||
indicatorDots |
||||
> |
||||
{ brandInfo?.brand_album?.length |
||||
&& brandInfo?.brand_album.map((d) => |
||||
<SwiperItem> |
||||
<Image src={d}></Image> |
||||
</SwiperItem>) |
||||
} |
||||
</Swiper> |
||||
} |
||||
</View> |
||||
); |
||||
} |
||||
|
||||
export default MeetingsConfig |
||||
@ -1,3 +0,0 @@ |
||||
export default definePageConfig({ |
||||
navigationBarTitleText: '登记', |
||||
}) |
||||
@ -1,176 +0,0 @@ |
||||
import {FC, useCallback, useEffect, useState} from "react"; |
||||
import {Form, Input, View} from "@tarojs/components"; |
||||
import Taro, {useRouter} from "@tarojs/taro"; |
||||
import {userApi, loginApi, LoginParams, meetingAPi, Meeting} from "@/api"; |
||||
import {Profile} from '@/store' |
||||
import {regexTel} from "@/utils/regu"; |
||||
import MyButton from "@/components/button/MyButton"; |
||||
|
||||
interface Params { |
||||
meeting_id: string |
||||
phone_number?: string |
||||
user_name?: string |
||||
} |
||||
|
||||
const MeetingLogin: FC = () => { |
||||
const {setUser, setToken, setCompany} = Profile.useContainer() |
||||
const [codeTime, setCodeTime] = useState(0) |
||||
const [phone_number, setPhone_number] = useState<number | null>() |
||||
const [userName, setUserName] = useState('') |
||||
const [code, setCode] = useState('') |
||||
const [h5params, setH5Params] = useState<LoginParams | null>(null) |
||||
const [meeting, setMeeting] = useState<Meeting | null>(null) |
||||
const params = useRouter().params as unknown as Params |
||||
|
||||
useEffect(() => { |
||||
loginApi.getMeetingParams().then((res) => { |
||||
setH5Params(res) |
||||
}) |
||||
if (params.user_name && params.phone_number) { |
||||
setPhone_number(Number(params.phone_number)) |
||||
setUserName(params.user_name) |
||||
Taro.showToast({title: '验证码错误', icon: 'error'}) |
||||
} |
||||
}, []) |
||||
|
||||
|
||||
useEffect(() => { |
||||
if (codeTime > 0) { |
||||
setTimeout(() => { |
||||
setCodeTime(codeTime - 1) |
||||
}, 1000) |
||||
} |
||||
}, [codeTime]) |
||||
|
||||
Taro.useLoad(() => { |
||||
meetingAPi.meetingInfo(params.meeting_id).then(res => { |
||||
if (res.type !== 1) { |
||||
Taro.showModal({ |
||||
title: res.type === 0 ? '暂未开始' : '二维码已过期', |
||||
success() { |
||||
Taro.reLaunch({url: '/pages/login/login'}) |
||||
} |
||||
}) |
||||
return |
||||
} |
||||
setMeeting(res.data) |
||||
}) |
||||
}) |
||||
|
||||
function submit(e) { |
||||
const value = e.detail.value |
||||
if (!value.user_name) { |
||||
Taro.showToast({title: '请写用户名', icon: "error"}) |
||||
return |
||||
} |
||||
|
||||
if (!regexTel.exec(value.phone_number)) { |
||||
Taro.showToast({title: '手机号错误', icon: 'error'}) |
||||
return |
||||
} |
||||
|
||||
if (!value.phone_code) { |
||||
Taro.showToast({title: '请获取手机验证码', icon: 'error'}) |
||||
return; |
||||
} |
||||
|
||||
if (process.env.TARO_ENV === 'h5') { |
||||
if (h5params == null) { |
||||
Taro.showToast({title: '页面参数错误，请刷新页面！', icon: 'error'}) |
||||
return; |
||||
} |
||||
location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?" + |
||||
"appid=" + h5params!.appid + |
||||
"&redirect_uri=" + |
||||
encodeURIComponent( |
||||
h5params!.route + |
||||
`?dep_id=${meeting?.dep_id}&company_id=${meeting?.companyId}&phone_number=${value.phone_number}&user_name=${value.user_name}&meeting_id=${params.meeting_id}&phone_code=${value.phone_code}` |
||||
) + |
||||
"&response_type=code" + |
||||
"&scope=snsapi_userinfo" + |
||||
"#wechat_redirect"; |
||||
} else { |
||||
Taro.login({ |
||||
success: async (res) => { |
||||
const data = await userApi.meetingSave({ |
||||
...value, |
||||
code: res.code, |
||||
meeting_id: params.meeting_id |
||||
}) |
||||
setCompany(data.company) |
||||
setUser(data.user) |
||||
setToken(data.token) |
||||
Taro.switchTab({url: '/pages/index/index'}) |
||||
}, |
||||
fail: () => { |
||||
Taro.showToast({title: '获取微信登录失败', icon: "error"}) |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
|
||||
const getCode = useCallback(async () => { |
||||
if (codeTime > 0) return; |
||||
if (!phone_number || !regexTel.exec(String(phone_number))) { |
||||
Taro.showToast({title: '请输入正确的手机号', icon: 'error'}) |
||||
return |
||||
} |
||||
|
||||
try { |
||||
await userApi.getCode(phone_number) |
||||
Taro.showToast({title: '请注意查收', icon: "none"}) |
||||
setCodeTime(60) |
||||
} catch (e) { |
||||
Taro.showToast({title: '获取短信验证码失败', icon: "error"}) |
||||
} |
||||
}, [codeTime, phone_number]) |
||||
|
||||
return ( |
||||
<View style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, padding: "0 15px", background: '#fff'}}> |
||||
<Form className='form' onSubmit={submit}> |
||||
|
||||
<View className='item'> |
||||
<View>用户名</View> |
||||
<Input |
||||
placeholder='请输入用户名' |
||||
focus |
||||
name='user_name' |
||||
value={userName} |
||||
onInput={(e) => setUserName(e.detail.value)}/> |
||||
</View> |
||||
|
||||
<View className='item'> |
||||
<View>手机号</View> |
||||
<Input |
||||
type='number' |
||||
name='phone_number' |
||||
placeholder={'请输入手机号'} |
||||
value={phone_number as unknown as string} |
||||
onInput={(e) => setPhone_number(Number(e.detail.value))}/> |
||||
</View> |
||||
|
||||
|
||||
<View className='item'> |
||||
<View>验证码</View> |
||||
<View className='flex flex-1'> |
||||
<Input |
||||
type='number' |
||||
name='phone_code' |
||||
className='flex-1 mr-2' |
||||
value={code} |
||||
onInput={(e) => setCode(e.detail.value)} |
||||
placeholder='输入验证码'/> |
||||
<View onClick={getCode}> |
||||
{codeTime > 0 ? `${codeTime}` : '获取验证码'} |
||||
</View> |
||||
</View> |
||||
</View> |
||||
|
||||
<MyButton className='mt-3' formType='submit'>登记</MyButton> |
||||
</Form> |
||||
</View> |
||||
) |
||||
} |
||||
|
||||
|
||||
export default MeetingLogin |
||||
Loading…
Reference in new issue