Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
xixi 2024-08-14 16:22:29 +08:00
parent 0bfa080d89
commit 5e9a5e9abd
5 changed files with 293 additions and 271 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/BelongPeople/BelongPeople.tsx
View File

@ -77,7 +77,7 @@ export default function BelongPeople(props: propsInfo) {
// const [isEditModalOpen, setIsEditModalOpen] = useState(false); // const [isEditModalOpen, setIsEditModalOpen] = useState(false);
const [isNewBelongOpen, setIsNewBelongOpen] = useState(false) const [isNewBelongOpen, setIsNewBelongOpen] = useState(false)
const height = window.innerHeight - 200; // const height = window.innerHeight - 200;
// const dateFormat = 'YYYY年MM月DD日'; // const dateFormat = 'YYYY年MM月DD日';
// 点击查看是否显示账号密码 // 点击查看是否显示账号密码
const [checkCrcAccountShow, setCheckCrcAccountShow] = useState('') const [checkCrcAccountShow, setCheckCrcAccountShow] = useState('')
@ -387,7 +387,7 @@ export default function BelongPeople(props: propsInfo) {
return ( return (
<> <>
<div style={{ height: props.isShow ? `${height - 100}px` : `${height - 200}px`, overflow: 'auto', background: 'var(--color-light)', position: 'relative' }}> <div style={{ height: props.isShow ? 600 :510 , overflow: 'auto', background: 'var(--color-light)', position: 'relative' }}>
{contextHolder} {contextHolder}
@ -510,12 +510,11 @@ export default function BelongPeople(props: propsInfo) {
...belongRowSelection, ...belongRowSelection,
// selectedRowKeys: belongselectedKeys // 设置默认选中的行 // selectedRowKeys: belongselectedKeys // 设置默认选中的行
}} }}
dataSource={tableBelongData} dataSource={tableBelongData}
pagination={{ pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据 defaultPageSize: 5, // 设置默认一页显示 5 条数据
}} }}
style={{ textAlign: 'center' }} // 设置表格内容居中显示 style={{ textAlign: 'center',height:390 }} // 设置表格内容居中显示
rowKey="projOwnerId" // 指定数据项的唯一标识符 rowKey="projOwnerId" // 指定数据项的唯一标识符
> >
<Column title="所属者名称" dataIndex="name" /> <Column title="所属者名称" dataIndex="name" />
@ -628,12 +627,14 @@ export default function BelongPeople(props: propsInfo) {
</Space> </Space>
)} )}
/> />
</Table>) : (<Table </Table>
) : (
<Table
dataSource={tableBelongData} dataSource={tableBelongData}
pagination={{ pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据 defaultPageSize: 5, // 设置默认一页显示 5 条数据
}} }}
style={{ textAlign: 'center' }} // 设置表格内容居中显示 style={{ textAlign: 'center',height:390 }} // 设置表格内容居中显示
rowKey="projOwnerId" // 指定数据项的唯一标识符 rowKey="projOwnerId" // 指定数据项的唯一标识符
> >
<Column title="所属者名称" dataIndex="name" /> <Column title="所属者名称" dataIndex="name" />
@ -755,7 +756,7 @@ export default function BelongPeople(props: propsInfo) {
</Form> </Form>
</div> </div>
</div> </div>
<div style={{ display: props.isShow ? 'block' : 'none', position: 'absolute', right: 0, bottom: 10 }}> <div style={{ display: props.isShow ? 'block' : 'none' }}>
<div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} > <div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} >
<Button onClick={() => { <Button onClick={() => {
props.closeModal() props.closeModal()

3
src/components/CapitalModal/CapitalModal.tsx
View File

@ -231,6 +231,9 @@ export default function CapitalModal() {
dataIndex: 'orderType', dataIndex: 'orderType',
key: 'orderType', key: 'orderType',
width: 160, width: 160,
render:(text) => (
<div >{text == 'ai'?'AI秒著引擎':text}</div>
)
}, },
{ {
title: <div style={{ textAlign: 'center' }}>交易时间</div>, title: <div style={{ textAlign: 'center' }}>交易时间</div>,

24
src/components/ContactPeople/ContactPeople.tsx
View File

@ -36,7 +36,7 @@ export default function ContactPeople(props: any) {
const [applyContactCompany, setapplyContactCompany] = useState('') const [applyContactCompany, setapplyContactCompany] = useState('')
const [messageApi, contextHolder] = message.useMessage(); const [messageApi, contextHolder] = message.useMessage();
const [formContact] = Form.useForm<ContactType>() const [formContact] = Form.useForm<ContactType>()
const height = window.innerHeight - 200; // const height = window.innerHeight - 200;
const [isContantOpen, steIsContantOpen] = useState(false) const [isContantOpen, steIsContantOpen] = useState(false)
// 联系人弹窗标题 // 联系人弹窗标题
const [contactTitle, setContactTitle] = useState('') const [contactTitle, setContactTitle] = useState('')
@ -104,7 +104,7 @@ export default function ContactPeople(props: any) {
csaNo: data.csaNo csaNo: data.csaNo
}); });
if (data.casQrCode) { if (data.casQrCode) {
const imgUrl = downloadUrl(data.casQrCode,false); const imgUrl = downloadUrl(data.casQrCode, false);
// console.log('图片地址', imgUrl); // console.log('图片地址', imgUrl);
setImgUrl(imgUrl) setImgUrl(imgUrl)
} }
@ -194,9 +194,11 @@ export default function ContactPeople(props: any) {
}, []) }, [])
return ( return (
<div style={{ height: props.isShow ? `${height - 80}px`:`${height - 160}px`, overflow: 'auto', position: 'relative' }}> // <div style={{ height: props.isShow ? `${height - 80}px`:`${height - 160}px`, overflow: 'auto', position: 'relative' }}>
<div style={{ height: props.isShow ? 623 : 530, overflow: 'auto', position: 'relative' }}>
{contextHolder} {contextHolder}
<div style={{ padding: '22px 15px 0 15px', background: 'var(--color-light)' }}> <div style={{ padding: '22px 15px 10px 15px', background: 'var(--color-light)' }}>
<div style={{ padding: '14px 19px', background: '#F3F3F3', color: '#A3A3A3', fontSize: '14px' }}> <div style={{ padding: '14px 19px', background: '#F3F3F3', color: '#A3A3A3', fontSize: '14px' }}>
联系人用于接受平台相关业务办理进度的通知信息与各类协议的线下签章等工作。 联系人用于接受平台相关业务办理进度的通知信息与各类协议的线下签章等工作。
</div> </div>
@ -216,7 +218,7 @@ export default function ContactPeople(props: any) {
</div> </div>
<div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }}> <div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }}>
{applyContactName ? ( {applyContactName ? (
<div style={{display:'flex'}}> <div style={{ display: 'flex' }}>
<div style={{ marginRight: '22px' }}>当前联系人:</div> <div style={{ marginRight: '22px' }}>当前联系人:</div>
<div style={{ display: applyContactName == '' ? 'block' : 'none' }}>请选择联系人</div> <div style={{ display: applyContactName == '' ? 'block' : 'none' }}>请选择联系人</div>
<div style={{ display: applyContactName == '' ? 'none' : 'block' }}> <div style={{ display: applyContactName == '' ? 'none' : 'block' }}>
@ -224,7 +226,7 @@ export default function ContactPeople(props: any) {
</div> </div>
</div> </div>
) : ( ) : (
<div style={{display:'flex'}}> <div style={{ display: 'flex' }}>
<div style={{ marginRight: '22px' }}>当前联系人:</div> <div style={{ marginRight: '22px' }}>当前联系人:</div>
<div style={{ display: props.concatPeopleInfo.applyContactName == '' ? 'block' : 'none' }}>请选择联系人</div> <div style={{ display: props.concatPeopleInfo.applyContactName == '' ? 'block' : 'none' }}>请选择联系人</div>
<div style={{ display: props.concatPeopleInfo.applyContactName == '' ? 'none' : 'block' }}> <div style={{ display: props.concatPeopleInfo.applyContactName == '' ? 'none' : 'block' }}>
@ -248,7 +250,7 @@ export default function ContactPeople(props: any) {
pagination={{ pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据 defaultPageSize: 5, // 设置默认一页显示 5 条数据
}} }}
style={{ textAlign: 'center' }} // 设置表格内容居中显示 style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示
rowKey="projContactId" // 指定数据项的唯一标识符 rowKey="projContactId" // 指定数据项的唯一标识符
> >
<Column title="联系人" dataIndex="name" /> <Column title="联系人" dataIndex="name" />
@ -315,7 +317,7 @@ export default function ContactPeople(props: any) {
pagination={{ pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据 defaultPageSize: 5, // 设置默认一页显示 5 条数据
}} }}
style={{ textAlign: 'center' }} // 设置表格内容居中显示 style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示
rowKey="projContactId" // 指定数据项的唯一标识符 rowKey="projContactId" // 指定数据项的唯一标识符
> >
<Column title="联系人" dataIndex="name" /> <Column title="联系人" dataIndex="name" />
@ -380,9 +382,7 @@ export default function ContactPeople(props: any) {
</div> </div>
<div style={{ display: props.isShow ? 'block' : 'none' }}>
</div>
<div style={{ display: props.isShow ? 'block' : 'none', position: 'absolute', right: 0, bottom: 10 }}>
<div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} > <div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} >
<Button onClick={() => { <Button onClick={() => {
props.closeModal() props.closeModal()
@ -405,6 +405,8 @@ export default function ContactPeople(props: any) {
>确定</Button> >确定</Button>
</div> </div>
</div> </div>
</div>
{/* 选择创建/编辑/查看联系人弹框 lyp*/} {/* 选择创建/编辑/查看联系人弹框 lyp*/}
<Modal <Modal
destroyOnClose destroyOnClose

24
src/layout/head/Head.tsx
View File

@ -54,6 +54,10 @@ export default function Head() {
const [icStatus, setIcStatus] = useState('') const [icStatus, setIcStatus] = useState('')
// 邀请码返利比例 // 邀请码返利比例
const [icRebateRatio, seticRebateRatio] = useState('') const [icRebateRatio, seticRebateRatio] = useState('')
// 全托管分账
const [icPriceAll,seticPriceAll] = useState(0)
// 写材料分账
const [icPriceMaterial,seticPriceMaterial] = useState(0)
// 获取邀请码申请状态 // 获取邀请码申请状态
const getIcStatus = () => { const getIcStatus = () => {
get<any>({ get<any>({
@ -80,6 +84,8 @@ export default function Head() {
setInvNum(data.ic) setInvNum(data.ic)
setBindingInvNum(data.relationIc) setBindingInvNum(data.relationIc)
seticRebateRatio(data.icRebateRatio) seticRebateRatio(data.icRebateRatio)
seticPriceAll(Number(data.icPriceAll)/100 * Number(data.icRebateRatio)/100)
seticPriceMaterial(Number(data.icPriceMaterial)/100* Number(data.icRebateRatio)/100)
if (data.ic == '') { if (data.ic == '') {
getIcStatus() getIcStatus()
} }
@ -289,9 +295,9 @@ export default function Head() {
} }
}); });
}, [globalContext.user]); }, [globalContext.user]);
useEffect(()=>{ useEffect(() => {
getUnRead() getUnRead()
},[]) }, [])
const items: MenuProps['items'] = [ const items: MenuProps['items'] = [
{ {
key: 'userinfo', key: 'userinfo',
@ -425,7 +431,7 @@ export default function Head() {
setNoticeModal(true) setNoticeModal(true)
}}> }}>
<BellOutlined /> <BellOutlined />
<div className='noticeNum' style={{display:unRead == 0?'none':'block'}}>{unRead}</div> <div className='noticeNum' style={{ display: unRead == 0 ? 'none' : 'block' }}>{unRead}</div>
</div> </div>
<div className='headLine'></div> <div className='headLine'></div>
@ -619,8 +625,16 @@ export default function Head() {
{/* <div style={{ display: icRebateRatio ? 'block' : 'none' }}> */} {/* <div style={{ display: icRebateRatio ? 'block' : 'none' }}> */}
<div className='invBox-bot'> <div className='invBox-bot'>
<div className='invBox-tips' > <div className='invBox-tips' >
{icRebateRatio ? `邀请码分享给他人，即可获得${icRebateRatio}%佣金` : '邀请码分享给他人，即可获得佣金'} {/* {icRebateRatio ? `邀请码分享给他人，即可获得${icRebateRatio}%佣金` : '邀请码分享给他人，即可获得佣金'} */}
{/* 邀请码分享给他人，即可获得{icRebateRatio}%佣金 */} {icRebateRatio ?
(<div>
<div> 邀请码分享给他人，即可获得{icRebateRatio}%佣金</div>
<div style={{paddingBottom:20}}>全托管佣金:{icPriceAll}元，写材料佣金:{icPriceMaterial}元</div>
</div>
)
: (<>邀请码分享给他人，即可获得佣金</>)}
{/* */}
</div> </div>
{/* <div className='invBox-tips'> {/* <div className='invBox-tips'>

6
src/util/AjaxUtils.ts
View File

@ -3,13 +3,15 @@ import type { MessageInstance } from "antd/es/message/interface";
export const Axios = axios; export const Axios = axios;
axios.defaults.baseURL = 'http://192.168.0.15:7025/copyright'; // axios.defaults.baseURL = 'http://192.168.0.15:7025/copyright';
axios.defaults.baseURL = 'http://192.168.0.103:7025/copyright';
// axios.defaults.baseURL = 'http://192.168.43.145:7025/copyright'; // axios.defaults.baseURL = 'http://192.168.43.145:7025/copyright';
// axios.defaults.baseURL = 'http://127.0.0.1:7025/copyright'; // axios.defaults.baseURL = 'http://127.0.0.1:7025/copyright';
// axios.defaults.baseURL = 'https://www.aimzhu.com/copyright'; // axios.defaults.baseURL = 'https://www.aimzhu.com/copyright';
// axios.defaults.baseURL = '/copyright'; // axios.defaults.baseURL = '/copyright';
// export const WebSocketBaseUrl: string = 'ws://127.0.0.1:7025/copyright'; // export const WebSocketBaseUrl: string = 'ws://127.0.0.1:7025/copyright';
export const WebSocketBaseUrl: string = 'ws://192.168.0.15:7025/copyright'; // export const WebSocketBaseUrl: string = 'ws://192.168.0.15:7025/copyright';
export const WebSocketBaseUrl: string = 'ws://192.168.0.103:7025/copyright';
// export const WebSocketBaseUrl: string = '/copyright'; // export const WebSocketBaseUrl: string = '/copyright';
export const DevUserId: string = '80d3365e-0597-4988-979e-18ef1c3ec671'; // 18634604067 export const DevUserId: string = '80d3365e-0597-4988-979e-18ef1c3ec671'; // 18634604067
// export const DevUserId: string = 'eb9a82a6-6ed3-4ba0-90e6-d836cefff915'; // 15042810561 // export const DevUserId: string = 'eb9a82a6-6ed3-4ba0-90e6-d836cefff915'; // 15042810561