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