xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐞 fix(ID1001003): 【修改信息】-文案内容优化、置灰框不允许输入内容。

Browse Source 
【【修改信息】-文案内容优化、置灰框不允许输入内容。】 https://www.tapd.cn/53459131/bugtrace/bugs/view/1153459131001001003
This commit is contained in:
xuan 2023-01-05 15:47:51 +08:00
parent 6902990f5a
commit 39836b6858
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/userEdit/components/ModifyModal/index.tsx
View File

@ -23,7 +23,7 @@ const ModifyModal = (props: Params, ref: Ref<ModifyModalRef>) => {
const { title = '修改昵称', value: _value = '', isCompanyName = false } = props const { title = '修改昵称', value: _value = '', isCompanyName = false } = props
const [value, setValue] = useState('') const [value, setValue] = useState('')
const userInfo = useSelector(state => state.userInfo) const userInfo = useSelector(state => state.userInfo)
const canEdit = useRef(true)
const [tipsComp, setTipsComp] = useState<React.ReactNode | null>(null) const [tipsComp, setTipsComp] = useState<React.ReactNode | null>(null)
// 不合法状态 // 不合法状态
const isInvalidate = useMemo(() => { const isInvalidate = useMemo(() => {
@ -36,7 +36,7 @@ const ModifyModal = (props: Params, ref: Ref<ModifyModalRef>) => {
return <View className={styles['warn-tips']}> return <View className={styles['warn-tips']}>
<View style={{ display: 'flex', alignItems: 'center' }}> <View style={{ display: 'flex', alignItems: 'center' }}>
<IconFont customStyle={{ marginRight: '8rpx' }} name="icon-tips" size={36} color="#f79b31"></IconFont> <IconFont customStyle={{ marginRight: '8rpx' }} name="icon-tips" size={36} color="#f79b31"></IconFont>
<Text>仅允许驶入类型为数字、英文、中文，禁止输入其他任何字符</Text> <Text>仅允许输入数字、英文、中文，禁止输入其他任何字符</Text>
</View> </View>
</View> </View>
}) })
@ -46,6 +46,7 @@ const ModifyModal = (props: Params, ref: Ref<ModifyModalRef>) => {
if (isCompanyName) { if (isCompanyName) {
// 检测是否没机会修改 // 检测是否没机会修改
if (userInfo.adminUserInfo.first_change_name) { if (userInfo.adminUserInfo.first_change_name) {
canEdit.current = true
flag = false flag = false
setTipsComp(() => { setTipsComp(() => {
return <View className={styles['warn-tips']}> return <View className={styles['warn-tips']}>
@ -58,6 +59,7 @@ const ModifyModal = (props: Params, ref: Ref<ModifyModalRef>) => {
} }
else { else {
flag = true flag = true
canEdit.current = false
setTipsComp(() => { setTipsComp(() => {
return <View className={styles['warn-tips']}> return <View className={styles['warn-tips']}>
<View style={{ display: 'flex' }}> <View style={{ display: 'flex' }}>
@ -97,7 +99,7 @@ const ModifyModal = (props: Params, ref: Ref<ModifyModalRef>) => {
<View style={{ marginBottom: `${textareaBottom}px` }} className={styles['modify-ickname-content']}> <View style={{ marginBottom: `${textareaBottom}px` }} className={styles['modify-ickname-content']}>
{tipsComp} {tipsComp}
<View className={styles['modify-ickname-input']}> <View className={styles['modify-ickname-input']}>
<Textarea showConfirmBar={false} auto-focus adjustPosition={false} value={value} onBlur={handleBlur} onFocus={handleFocus} onInput={handleTextareaInput} maxlength={20} /> <Textarea disabled={!canEdit.current} showConfirmBar={false} auto-focus adjustPosition={false} value={value} onBlur={handleBlur} onFocus={handleFocus} onInput={handleTextareaInput} maxlength={20} />
<Text>{value?.length}/20</Text> <Text>{value?.length}/20</Text>
</View> </View>
<View className={styles['modify-ickname-tips']}>请设置2-20个字符，可由中文、英文、数字组成</View> <View className={styles['modify-ickname-tips']}>请设置2-20个字符，可由中文、英文、数字组成</View>