优化前端代码

This commit is contained in:
CaIon 2023-12-11 19:52:41 +08:00
parent 44465a398b
commit ac11f4bc0e
3 changed files with 14 additions and 19 deletions

View File

@ -1,5 +1,4 @@
import React, {useContext, useEffect, useState} from 'react'; import React, {useContext, useEffect, useState} from 'react';
import {Form, Image, Message} from 'semantic-ui-react';
import {Link, useNavigate} from 'react-router-dom'; import {Link, useNavigate} from 'react-router-dom';
import {API, copy, isRoot, showError, showInfo, showNotice, showSuccess} from '../helpers'; import {API, copy, isRoot, showError, showInfo, showNotice, showSuccess} from '../helpers';
import Turnstile from 'react-turnstile'; import Turnstile from 'react-turnstile';
@ -10,7 +9,7 @@ import {
Button, Button,
Card, Card,
Descriptions, Descriptions,
Divider, Divider, Image,
Input, InputNumber, Input, InputNumber,
Layout, Layout,
Modal, Modal,
@ -267,7 +266,7 @@ const PersonalSetting = () => {
} }
return ( return (
<div style={{lineHeight: '40px'}}> <div>
<Layout> <Layout>
<Layout.Content> <Layout.Content>
<Modal <Modal
@ -426,8 +425,7 @@ const PersonalSetting = () => {
</Space> </Space>
{systemToken && ( {systemToken && (
<Form.Input <Input
fluid
readOnly readOnly
value={systemToken} value={systemToken}
onClick={handleSystemTokenClick} onClick={handleSystemTokenClick}
@ -451,24 +449,21 @@ const PersonalSetting = () => {
visible={showWeChatBindModal} visible={showWeChatBindModal}
size={'mini'} size={'mini'}
> >
<Image src={status.wechat_qrcode} fluid/> <Image src={status.wechat_qrcode}/>
<div style={{textAlign: 'center'}}> <div style={{textAlign: 'center'}}>
<p> <p>
微信扫码关注公众号输入验证码获取验证码三分钟内有效 微信扫码关注公众号输入验证码获取验证码三分钟内有效
</p> </p>
</div> </div>
<Form size='large'> <Input
<Form.Input placeholder='验证码'
fluid name='wechat_verification_code'
placeholder='验证码' value={inputs.wechat_verification_code}
name='wechat_verification_code' onChange={(v)=>handleInputChange('wechat_verification_code', v)}
value={inputs.wechat_verification_code} />
onChange={handleInputChange} <Button color='' fluid size='large' onClick={bindWeChat}>
/> 绑定
<Button color='' fluid size='large' onClick={bindWeChat}> </Button>
绑定
</Button>
</Form>
</Modal> </Modal>
</div> </div>
</Card> </Card>

View File

@ -2,7 +2,6 @@ import React, {useContext, useState} from 'react';
import {Link, useNavigate} from 'react-router-dom'; import {Link, useNavigate} from 'react-router-dom';
import {UserContext} from '../context/User'; import {UserContext} from '../context/User';
import {Button, Container, Icon, Menu, Segment} from 'semantic-ui-react';
import {API, getLogo, getSystemName, isAdmin, isMobile, showSuccess} from '../helpers'; import {API, getLogo, getSystemName, isAdmin, isMobile, showSuccess} from '../helpers';
import '../index.css'; import '../index.css';

View File

@ -253,6 +253,7 @@ const EditChannel = (props) => {
return ( return (
<> <>
<SideSheet <SideSheet
maskClosable={false}
placement={isEdit ? 'right' : 'left'} placement={isEdit ? 'right' : 'left'}
title={<Title level={3}>{isEdit ? '更新渠道信息' : '创建新的渠道'}</Title>} title={<Title level={3}>{isEdit ? '更新渠道信息' : '创建新的渠道'}</Title>}
headerStyle={{borderBottom: '1px solid var(--semi-color-border)'}} headerStyle={{borderBottom: '1px solid var(--semi-color-border)'}}