77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
import { Image, Input, Text, View } from '@tarojs/components'
|
||
import styles from './index.module.scss'
|
||
import useLogin from '@/use/useLogin'
|
||
import classnames from "classnames";
|
||
import { formatImgUrl } from '@/common/fotmat'
|
||
import { useEffect, useState } from 'react';
|
||
import { alert } from '@/common/common';
|
||
import CloseBtn from '@/components/closeBtn';
|
||
import SuccessBind from './component/successBind';
|
||
import Taro, { useDidShow } from "@tarojs/taro";
|
||
export default () => {
|
||
useLogin()
|
||
|
||
useDidShow(() => {
|
||
onClipboardData()
|
||
})
|
||
|
||
const [submitData, setSubmitData] = useState({
|
||
code: '',
|
||
})
|
||
|
||
const onSubmit = () => {
|
||
if(!submitData.code) alert.error('请输入邀请码')
|
||
}
|
||
|
||
const onInputCode = (e) => {
|
||
setSubmitData((val) => ({...val, code:e.detail.value}))
|
||
}
|
||
|
||
const oncloseEven = () => {
|
||
setSubmitData((val) => ({...val, code:''}))
|
||
}
|
||
|
||
const onScanCode = () => {
|
||
Taro.scanCode({
|
||
success: (res) => {
|
||
console.log(res)
|
||
}
|
||
})
|
||
}
|
||
|
||
//获取粘贴版内容
|
||
const onClipboardData = () => {
|
||
Taro.getClipboardData({
|
||
success: function (res){
|
||
console.log('res.data:::', res.data)
|
||
}
|
||
})
|
||
}
|
||
|
||
return (
|
||
<View className={styles.bindSalesmanPage_main}>
|
||
<View className={styles.header_image}>
|
||
<Image src={formatImgUrl('/mall/invite_code_bg.png')} mode="aspectFill"/>
|
||
</View>
|
||
<View className={styles.inputCode}>
|
||
<Input value={submitData.code} placeholder='请输入邀请码' onInput={(e) => onInputCode(e)}/>
|
||
<View className={styles.close_btn} >
|
||
{submitData.code&&<CloseBtn styleObj={{backgroundColor: '#ccc', color: '#fff'}} onClose={oncloseEven}/>}
|
||
</View>
|
||
<View className={styles.scan_code} onClick={() => onScanCode()}>
|
||
<Text className={classnames('iconfont icon-saomazhifu', styles.miconfont)}></Text>
|
||
</View>
|
||
</View>
|
||
<View className={styles.btns} onClick={onSubmit}>提交</View>
|
||
<View className={styles.message}>
|
||
<Text>温馨提示</Text>
|
||
<Text>1. 新用户授权手机号码后，7天内可以输入邀请码，超过时间不能输入。</Text>
|
||
<Text>2. 一个手机只能输入一次邀请码。输入邀请码。</Text>
|
||
</View>
|
||
<View className='common_safe_area_y'></View>
|
||
<SuccessBind show={false}/>
|
||
</View>
|
||
)
|
||
}
|
||
|