css处理

This commit is contained in:
xixi 2024-05-21 12:50:17 +08:00
parent 03538b1190
commit 8edbddc2fe
2 changed files with 64 additions and 32 deletions

View File

@ -62,7 +62,7 @@ export default function ProjConfigLoginpage() {
url: `/api/proj/preview/${pathParams.projId}`, url: `/api/proj/preview/${pathParams.projId}`,
body: { body: {
// projId: pathParams.projId, // projId: pathParams.projId,
loginpageId: selectedLoginpageId, loginpageId: form.getFieldValue('loginpageId'),
logo: logoImgArray.length > 0 ? logoImgArray[0].uid : '', logo: logoImgArray.length > 0 ? logoImgArray[0].uid : '',
bgImgs: bgImgArray.length > 0 ? bgImgArray[0].uid : '', bgImgs: bgImgArray.length > 0 ? bgImgArray[0].uid : '',
subTitle: form.getFieldValue('subTitle'), subTitle: form.getFieldValue('subTitle'),
@ -84,28 +84,44 @@ export default function ProjConfigLoginpage() {
console.log('登录页图片列表', data); console.log('登录页图片列表', data);
setloginpageArray(data) setloginpageArray(data)
// setDefaultId(data[0].loginpageId) // setDefaultId(data[0].loginpageId)
upLoginPage(data[0].loginpageId) // upLoginPage(data[0].loginpageId)
} }
}) })
} }
const upLoginPage = (id: string) => { // 获取默认id
post<any>({ const getDefaultID = () => {
get<any>({
messageApi, messageApi,
url: `/api/proj/preview/${pathParams.projId}`, url: '/api/loginpage/list',
body: {
// projId: pathParams.projId,
loginpageId: id,
logo: logoImgArray.length > 0 ? logoImgArray[0].uid : '',
bgImgs: bgImgArray.length > 0 ? bgImgArray[0].uid : '',
subTitle: form.getFieldValue('subTitle'),
copyrightOwner: form.getFieldValue('copyrightOwner'),
copyrightDate: form.getFieldValue('copyrightDate'),
},
onSuccess({ data }) { onSuccess({ data }) {
setIframeSrcDoc(data.data); console.log('登录页图片列表', data);
setloginpageArray(data)
// setDefaultId(data[0].loginpageId)
// upLoginPage(data[0].loginpageId)
form.setFieldValue('loginpageId', data[0].loginpageId);
setSelectedLoginpageId(data[0].loginpageId);
preview()
} }
}) })
} }
// const upLoginPage = (id: string) => {
// post<any>({
// messageApi,
// url: `/api/proj/preview/${pathParams.projId}`,
// body: {
// // projId: pathParams.projId,
// loginpageId:form.getFieldValue('loginpageId'),
// logo: logoImgArray.length > 0 ? logoImgArray[0].uid : '',
// bgImgs: bgImgArray.length > 0 ? bgImgArray[0].uid : '',
// subTitle: form.getFieldValue('subTitle'),
// copyrightOwner: form.getFieldValue('copyrightOwner'),
// copyrightDate: form.getFieldValue('copyrightDate'),
// },
// onSuccess({ data }) {
// setIframeSrcDoc(data.data);
// }
// })
// }
useEffect(() => { useEffect(() => {
getlistLoginpage() getlistLoginpage()
get<any>({ get<any>({
@ -113,13 +129,19 @@ export default function ProjConfigLoginpage() {
url: `/api/proj/get/config-loginpage/${pathParams.projId}`, url: `/api/proj/get/config-loginpage/${pathParams.projId}`,
onSuccess({ data }) { onSuccess({ data }) {
console.log('寻找被选中id', data); console.log('寻找被选中id', data);
setSelectedLoginpageId(data.loginpageId); if (data.loginpageId) {
form.setFieldValue('loginpageId', data.loginpageId); form.setFieldValue('loginpageId', data.loginpageId);
form.setFieldValue('subTitle', data.subTitle); setSelectedLoginpageId(data.loginpageId);
form.setFieldValue('copyrightOwner', data.copyrightOwner); form.setFieldValue('subTitle', data.subTitle);
form.setFieldValue('copyrightDate', data.copyrightDate); form.setFieldValue('copyrightOwner', data.copyrightOwner);
form.setFieldValue('adminUsername', data.adminUsername); form.setFieldValue('copyrightDate', data.copyrightDate);
form.setFieldValue('adminPassword', data.adminPassword); form.setFieldValue('adminUsername', data.adminUsername);
form.setFieldValue('adminPassword', data.adminPassword);
preview()
} else {
getDefaultID()
}
if (data.logo) { if (data.logo) {
const url = downloadUrl(data.logo); const url = downloadUrl(data.logo);
logoImgArray.splice(0, 1, { logoImgArray.splice(0, 1, {
@ -146,13 +168,7 @@ export default function ProjConfigLoginpage() {
...bgImgArray ...bgImgArray
]) ])
} }
// preview()
if (data.loginpageId) {
upLoginPage(data.loginpageId)
} else {
getlistLoginpage();
}
} }
}) })
@ -235,7 +251,22 @@ export default function ProjConfigLoginpage() {
}} /> }} />
</Form.Item> </Form.Item>
</div> </div>
<Form.Item
style={{
display:'none'
}}
// label="副标题"
name="loginpageId"
rules={[{ required: false, message: 'id' }]}
>
<Input placeholder="loginpageid"
style={{
width: '375px',
height: '38px',
background: ' #F8F8F8'
}}
/>
</Form.Item>
<Form.Item> <Form.Item>
{/* <Space.Compact> */} {/* <Space.Compact> */}
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
@ -478,8 +509,9 @@ export default function ProjConfigLoginpage() {
// ...loginpageArray // ...loginpageArray
// ]) // ])
console.log('选择的id', item.loginpageId); console.log('选择的id', item.loginpageId);
form.setFieldValue('loginpageId', item.loginpageId);
preview()
upLoginPage(item.loginpageId)
}} }}
/> />
) )
@ -514,7 +546,7 @@ export default function ProjConfigLoginpage() {
copyrightDate: form.getFieldValue('copyrightDate'), copyrightDate: form.getFieldValue('copyrightDate'),
adminUsername: form.getFieldValue('adminUsername'), adminUsername: form.getFieldValue('adminUsername'),
adminPassword: form.getFieldValue('adminPassword'), adminPassword: form.getFieldValue('adminPassword'),
loginpageId: selectedLoginpageId loginpageId: form.getFieldValue('loginpageId')
}, },
onBefore() { onBefore() {
setLoading(true); setLoading(true);

View File

@ -66,7 +66,7 @@ export default function ProjConfigModSave(props: PropsType) {
{title: '添加菜单'}, {title: '添加菜单'},
]} ]}
/> */} /> */}
<div className="mod-edit-container" style={{height: `${height}px`,marginTop:'18px'}}> <div className="mod-edit-container" style={{height: `${height}px`,marginTop:'18px',overflow:'auto'}}>
<Alert message={`菜单指的是系统的功能,最少${minSize}个菜单,最多${maxSize}个菜单`} type="info"/> <Alert message={`菜单指的是系统的功能,最少${minSize}个菜单,最多${maxSize}个菜单`} type="info"/>
<div className="mod-content"> <div className="mod-content">
<Form <Form