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-15 18:08:34 +08:00
parent c503f898af
commit 0d49e8b7f5
5 changed files with 60 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -387,7 +387,7 @@ export default function BelongPeople(props: propsInfo) {
return ( return (
<> <>
<div style={{ height: props.isShow ? 630 :540 , overflow: 'hidden', background: 'var(--color-light)', position: 'relative' }}> <div style={{ height: props.isShow ? 630 : 540, overflow: 'hidden', background: 'var(--color-light)', position: 'relative' }}>
{contextHolder} {contextHolder}
@ -399,7 +399,7 @@ export default function BelongPeople(props: propsInfo) {
{title: '基本信息'}, {title: '基本信息'},
]} ]}
/> */} /> */}
<div style={{ height: '100%',padding: '22px 15px 1px 15px', background: 'var(--color-light)' }}> <div style={{ height: '100%', padding: '22px 15px 1px 15px', background: 'var(--color-light)' }}>
<div className="form-container" style={{ padding: 0 }} > <div className="form-container" style={{ padding: 0 }} >
@ -442,7 +442,7 @@ export default function BelongPeople(props: propsInfo) {
}} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}> }} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}>
创建所属者 创建所属者
</Button> </Button>
<div className='belongPeople-search' style={{height:43}}> <div className='belongPeople-search' style={{ height: 43 }}>
<Search placeholder="请输入持有者名称搜索对应信息模板" onSearch={belongPeopleSearch} style={{ width: '353px', height: '43px' }} /> <Search placeholder="请输入持有者名称搜索对应信息模板" onSearch={belongPeopleSearch} style={{ width: '353px', height: '43px' }} />
</div> </div>
<div className='belongPeople-select'> <div className='belongPeople-select'>
@ -514,11 +514,14 @@ export default function BelongPeople(props: propsInfo) {
pagination={{ pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据 defaultPageSize: 5, // 设置默认一页显示 5 条数据
}} }}
style={{ textAlign: 'center',height:390 }} // 设置表格内容居中显示 style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示
rowKey="projOwnerId" // 指定数据项的唯一标识符 rowKey="projOwnerId" // 指定数据项的唯一标识符
> >
<Column title="所属者名称" dataIndex="name" />
<Column <Column
align="center"
title="所属者名称" dataIndex="name" />
<Column
align="center"
title="所属类型" title="所属类型"
dataIndex="type" dataIndex="type"
render={(_text, record: any) => ( render={(_text, record: any) => (
@ -526,15 +529,17 @@ export default function BelongPeople(props: propsInfo) {
)} )}
/> />
<Column <Column
align="center"
title="所属证件类型" title="所属证件类型"
dataIndex="idCardType" dataIndex="idCardType"
render={(_text, record: any) => ( render={(_text, record: any) => (
record.idCardType === 'ID_CARD' ? '身份证' : '营业执照' record.idCardType === 'ID_CARD' ? '身份证' : '营业执照'
)} )}
/> />
<Column title="所属者身份证号" dataIndex="idCardNo" key="belongCardNo" /> <Column align="center" title="所属者身份证号" dataIndex="idCardNo" key="belongCardNo" />
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
align="center"
title="操作" title="操作"
render={(_text, record: any) => ( render={(_text, record: any) => (
<Space size="middle"> <Space size="middle">
@ -628,17 +633,18 @@ export default function BelongPeople(props: propsInfo) {
)} )}
/> />
</Table> </Table>
) : ( ) : (
<Table <Table
dataSource={tableBelongData} dataSource={tableBelongData}
pagination={{ pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据 defaultPageSize: 5, // 设置默认一页显示 5 条数据
}} }}
style={{ textAlign: 'center',height:390 }} // 设置表格内容居中显示 style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示
rowKey="projOwnerId" // 指定数据项的唯一标识符 rowKey="projOwnerId" // 指定数据项的唯一标识符
> >
<Column title="所属者名称" dataIndex="name" /> <Column align="center" title="所属者名称" dataIndex="name" />
<Column <Column
align="center"
title="所属类型" title="所属类型"
dataIndex="type" dataIndex="type"
render={(_text, record: any) => ( render={(_text, record: any) => (
@ -646,15 +652,17 @@ export default function BelongPeople(props: propsInfo) {
)} )}
/> />
<Column <Column
align="center"
title="所属证件类型" title="所属证件类型"
dataIndex="idCardType" dataIndex="idCardType"
render={(_text, record: any) => ( render={(_text, record: any) => (
record.idCardType === 'ID_CARD' ? '身份证' : '营业执照' record.idCardType === 'ID_CARD' ? '身份证' : '营业执照'
)} )}
/> />
<Column title="所属者证件号" dataIndex="idCardNo" key="belongCardNo" /> <Column align="center" title="所属者证件号" dataIndex="idCardNo" key="belongCardNo" />
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
align="center"
title="操作" title="操作"
render={(_text, record: any) => ( render={(_text, record: any) => (
<Space size="middle"> <Space size="middle">
@ -814,7 +822,7 @@ export default function BelongPeople(props: propsInfo) {
<div className='belongPeople-Mtop'> <div className='belongPeople-Mtop'>
{belongTitle} {belongTitle}
</div> </div>
<div style={{width:1200}}> <div style={{ width: 1200 }}>
<Form <Form
name="belongInfo" name="belongInfo"
form={formBelong} form={formBelong}

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

@ -173,6 +173,7 @@ export default function CapitalModal() {
dataIndex: 'index', dataIndex: 'index',
width: 70, // 设置宽度 width: 70, // 设置宽度
key: 'index', key: 'index',
align: 'center',
render: (_text, _record, index) => (page - 1) * 10 + index + 1, render: (_text, _record, index) => (page - 1) * 10 + index + 1,
}, },
{ {
@ -180,6 +181,7 @@ export default function CapitalModal() {
key: 'type', key: 'type',
width: 100, // 设置宽度 width: 100, // 设置宽度
dataIndex: 'type', dataIndex: 'type',
align: 'center',
render: (text) => { render: (text) => {
const tagProps = const tagProps =
text === 1 ? { color: '#f50', label: '充值' } : text === 1 ? { color: '#f50', label: '充值' } :
@ -197,6 +199,7 @@ export default function CapitalModal() {
width: 120, width: 120,
dataIndex: 'accountBeforeMoneyDouble', dataIndex: 'accountBeforeMoneyDouble',
key: 'accountBeforeMoneyDouble', key: 'accountBeforeMoneyDouble',
align: 'center',
render:(text) => ( render:(text) => (
<div style={{fontWeight:700}}>{text}</div> <div style={{fontWeight:700}}>{text}</div>
) )
@ -206,6 +209,7 @@ export default function CapitalModal() {
width: 120, width: 120,
dataIndex: 'accountMoneyDouble', dataIndex: 'accountMoneyDouble',
key: 'accountMoneyDouble', key: 'accountMoneyDouble',
align: 'center',
render:(text) => ( render:(text) => (
<div style={{fontWeight:700}}>{text}</div> <div style={{fontWeight:700}}>{text}</div>
) )
@ -215,15 +219,18 @@ export default function CapitalModal() {
width: 120, width: 120,
dataIndex: 'accountAfterMoneyDouble', dataIndex: 'accountAfterMoneyDouble',
key: 'accountAfterMoneyDouble', key: 'accountAfterMoneyDouble',
align: 'center',
render:(text) => ( render:(text) => (
<div style={{fontWeight:700}}>{text}</div> <div style={{fontWeight:700}}>{text}</div>
) )
}, },
{ {
title: <div style={{ textAlign: 'center' }}>关联订单编号</div>, title: <div style={{ textAlign: 'center' }}>关联订单编号</div>,
dataIndex: 'orderId', dataIndex: 'orderId',
// fixed: 'right', // fixed: 'right',
width: 300, width: 300,
align: 'center',
key: 'orderId', key: 'orderId',
}, },
{ {
@ -231,6 +238,7 @@ export default function CapitalModal() {
dataIndex: 'orderType', dataIndex: 'orderType',
key: 'orderType', key: 'orderType',
width: 160, width: 160,
align: 'center',
render:(text) => ( render:(text) => (
<div >{text == 'ai'?'AI秒著引擎':text}</div> <div >{text == 'ai'?'AI秒著引擎':text}</div>
) )
@ -244,6 +252,7 @@ export default function CapitalModal() {
title: <div style={{ textAlign: 'center' }}>描述</div>, title: <div style={{ textAlign: 'center' }}>描述</div>,
dataIndex: 'description', dataIndex: 'description',
key: 'description', key: 'description',
align: 'center',
ellipsis: { ellipsis: {
showTitle: false, showTitle: false,
}, },
@ -301,7 +310,6 @@ export default function CapitalModal() {
</Button> </Button>
</div> </div>
<Table columns={columns} dataSource={tableData} <Table columns={columns} dataSource={tableData}
style={{ textAlign: 'center' }} // 设置表格内容居中显示
pagination={ pagination={
{ {
pageSize: 10, pageSize: 10,

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

@ -212,8 +212,8 @@ export default function ContactPeople(props: any) {
}} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}> }} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}>
创建联系人 创建联系人
</Button> </Button>
<div className='belongPeople-search' style={{height:43}}> <div className='belongPeople-search' style={{ height: 43 }}>
<Search placeholder="请输入持有者名称搜索对应信息" onSearch={applicantPeopleSearch} style={{ width: '353px'}} /> <Search placeholder="请输入持有者名称搜索对应信息" onSearch={applicantPeopleSearch} style={{ width: '353px' }} />
</div> </div>
</div> </div>
<div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }}> <div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }}>
@ -253,15 +253,16 @@ export default function ContactPeople(props: any) {
style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示 style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示
rowKey="projContactId" // 指定数据项的唯一标识符 rowKey="projContactId" // 指定数据项的唯一标识符
> >
<Column title="联系人" dataIndex="name" /> <Column align="center" title="联系人" dataIndex="name" />
<Column title="联系人手机号" dataIndex="phone" /> <Column align="center" title="联系人手机号" dataIndex="phone" />
<Column title="平台专属客服" dataIndex="csaNo" /> <Column align="center" title="平台专属客服" dataIndex="csaNo" />
<Column title="所属公司" dataIndex="company" <Column align="center" title="所属公司" dataIndex="company"
render={(text) => (text !== '' ? text : '一')} render={(text) => (text !== '' ? text : '一')}
/> />
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
align="center"
title="操作" title="操作"
render={(_text, record: any) => ( render={(_text, record: any) => (
<Space size="middle"> <Space size="middle">
@ -320,15 +321,16 @@ export default function ContactPeople(props: any) {
style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示 style={{ textAlign: 'center', height: 390 }} // 设置表格内容居中显示
rowKey="projContactId" // 指定数据项的唯一标识符 rowKey="projContactId" // 指定数据项的唯一标识符
> >
<Column title="联系人" dataIndex="name" /> <Column align="center" title="联系人" dataIndex="name" />
<Column title="联系人手机号" dataIndex="phone" /> <Column align="center" title="联系人手机号" dataIndex="phone" />
<Column title="平台专属客服" dataIndex="csaNo" /> <Column align="center" title="平台专属客服" dataIndex="csaNo" />
<Column title="所属公司" dataIndex="company" <Column align="center" title="所属公司" dataIndex="company"
render={(text) => (text !== '' ? text : '一')} render={(text) => (text !== '' ? text : '一')}
/> />
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
align="center"
title="操作" title="操作"
render={(_text, record: any) => ( render={(_text, record: any) => (
<Space size="middle"> <Space size="middle">

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

@ -151,11 +151,13 @@ export default function RecordModal() {
dataIndex: 'index', dataIndex: 'index',
width: 70, // 设置宽度 width: 70, // 设置宽度
key: 'index', key: 'index',
align: 'center',
render: (_text, _record, index) => (page - 1) * 10 + index + 1, render: (_text, _record, index) => (page - 1) * 10 + index + 1,
}, },
{ {
title: <div style={{ textAlign: 'center' }}>金额</div>, title: <div style={{ textAlign: 'center' }}>金额</div>,
width: 120, width: 120,
align: 'center',
dataIndex: 'amount', dataIndex: 'amount',
key: 'amount', key: 'amount',
render:(text) => ( render:(text) => (
@ -167,6 +169,7 @@ export default function RecordModal() {
dataIndex: 'notes', dataIndex: 'notes',
key: 'notes', key: 'notes',
align: 'center',
ellipsis: { ellipsis: {
showTitle: false, showTitle: false,
}, },

22
src/route/proj/edit/ProjEditStep2.tsx
View File

@ -419,7 +419,7 @@ export default function ProjEditStep2(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)
} }
@ -736,25 +736,28 @@ export default function ProjEditStep2(props: any) {
style={{ textAlign: 'center' }} // 设置表格内容居中显示 style={{ textAlign: 'center' }} // 设置表格内容居中显示
rowKey="projOwnerId" // 指定数据项的唯一标识符 rowKey="projOwnerId" // 指定数据项的唯一标识符
> >
<Column title="所属者名称" dataIndex="name" /> <Column title="所属者名称" align="center" dataIndex="name" />
<Column <Column
title="所属类型" title="所属类型"
dataIndex="type" dataIndex="type"
align="center"
render={(_text, record: any) => ( render={(_text, record: any) => (
record.type === 'PERSONAL' ? '自然人' : '企业/组织' record.type === 'PERSONAL' ? '自然人' : '企业/组织'
)} )}
/> />
<Column <Column
title="所属证件类型" title="所属证件类型"
align="center"
dataIndex="idCardType" dataIndex="idCardType"
render={(_text, record: any) => ( render={(_text, record: any) => (
record.idCardType === 'ID_CARD' ? '身份证' : '营业执照' record.idCardType === 'ID_CARD' ? '身份证' : '营业执照'
)} )}
/> />
<Column title="所属者证件号" dataIndex="idCardNo" key="belongCardNo" /> <Column title="所属者证件号" align="center" dataIndex="idCardNo" key="belongCardNo" />
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
title="操作" title="操作"
align="center"
render={(_text, record: any) => ( render={(_text, record: any) => (
<Space size="middle"> <Space size="middle">
<a onClick={() => { <a onClick={() => {
@ -866,7 +869,7 @@ export default function ProjEditStep2(props: any) {
}} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}> }} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}>
创建联系人 创建联系人
</Button> </Button>
<div className='belongPeople-search' style={{height:43}}> <div className='belongPeople-search' style={{ height: 43 }}>
<Search placeholder="请输入持有者名称搜索对应信息" onSearch={applicantPeopleSearch} style={{ width: '353px' }} /> <Search placeholder="请输入持有者名称搜索对应信息" onSearch={applicantPeopleSearch} style={{ width: '353px' }} />
</div> </div>
</div> </div>
@ -893,16 +896,17 @@ export default function ProjEditStep2(props: any) {
style={{ textAlign: 'center' }} // 设置表格内容居中显示 style={{ textAlign: 'center' }} // 设置表格内容居中显示
rowKey="projContactId" // 指定数据项的唯一标识符 rowKey="projContactId" // 指定数据项的唯一标识符
> >
<Column title="联系人" dataIndex="name" /> <Column title="联系人" align="center" dataIndex="name" />
<Column title="联系人手机号" dataIndex="phone" /> <Column title="联系人手机号" align="center" dataIndex="phone" />
<Column title="平台专属客服" dataIndex="csaNo" /> <Column title="平台专属客服" align="center" dataIndex="csaNo" />
<Column title="所属公司" dataIndex="company" <Column title="所属公司" align="center" dataIndex="company"
render={(text) => (text !== '' ? text : '一')} render={(text) => (text !== '' ? text : '一')}
/> />
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */} {/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column <Column
title="操作" title="操作"
align="center"
render={(_text, record: any) => ( render={(_text, record: any) => (
<Space size="middle"> <Space size="middle">
<a onClick={() => { <a onClick={() => {
@ -1126,7 +1130,7 @@ export default function ProjEditStep2(props: any) {
<div className='belongPeople-Mtop'> <div className='belongPeople-Mtop'>
{belongTitle} {belongTitle}
</div> </div>
<div style={{width:1200}}> <div style={{ width: 1200 }}>
<Form <Form
name="belongInfo" name="belongInfo"
form={formBelong} form={formBelong}