登陆页面设置更改
This commit is contained in:
xixi
parent
cf126587c9
commit
fcfcf6de16
@ -14,7 +14,7 @@ import {
|
||||
UploadFile,
|
||||
UploadProps,
|
||||
Image,
|
||||
// Pagination
|
||||
Pagination
|
||||
} from "antd";
|
||||
import { useParams } from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
@ -47,6 +47,8 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
const [iframeSrcDoc, setIframeSrcDoc] = useState();
|
||||
const height = window.innerHeight - 200;
|
||||
const [loginpageArray, setloginpageArray] = useState<any[]>([])
|
||||
// const [page,setPage] = useState(1)
|
||||
const [total ,setTotal] = useState(0)
|
||||
const [selectedLoginpageId, setSelectedLoginpageId] = useState('');
|
||||
// 选择页面id和img(初始化用)
|
||||
const [modalId,setModalId] = useState('')
|
||||
@ -81,54 +83,63 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
}
|
||||
})
|
||||
}
|
||||
const getlistLoginpage = () => {
|
||||
const getlistLoginpage = (page:number) => {
|
||||
get<any>({
|
||||
messageApi,
|
||||
url: '/api/loginpage/list',
|
||||
url: '/api/loginpage/listpage',
|
||||
config: {
|
||||
params: {
|
||||
page: page,
|
||||
rows: 10
|
||||
}
|
||||
},
|
||||
onSuccess({ data }) {
|
||||
console.log('登录页图片列表', data);
|
||||
setloginpageArray(data)
|
||||
setloginpageArray(data.rows)
|
||||
// setDefaultId(data[0].loginpageId)
|
||||
// upLoginPage(data[0].loginpageId)
|
||||
setTotal(data.total)
|
||||
|
||||
|
||||
// 当有返回id时获取图片的previewImgs
|
||||
const newData = data
|
||||
get<any>({
|
||||
messageApi,
|
||||
url: `/api/proj/get/config-loginpage/${projId}`,
|
||||
onSuccess({ data }) {
|
||||
if (data.loginpageId) {
|
||||
// lyp
|
||||
const imgs = newData.filter((item: { loginpageId: any; }) => item.loginpageId === data.loginpageId)
|
||||
// ?.previewImgs;
|
||||
setSelectImgs(imgs[0].previewImgs)
|
||||
// console.log('lyp',imgs);
|
||||
// const newData = data.rows
|
||||
// get<any>({
|
||||
// messageApi,
|
||||
// url: `/api/proj/get/config-loginpage/${projId}`,
|
||||
// onSuccess({ data }) {
|
||||
// if (data.loginpageId) {
|
||||
|
||||
}
|
||||
// const imgs = newData.filter((item: { loginpageId: any; }) => item.loginpageId === data.loginpageId)
|
||||
|
||||
}
|
||||
})
|
||||
// setSelectImgs(imgs[0].previewImgs)
|
||||
|
||||
|
||||
// }
|
||||
|
||||
// }
|
||||
// })
|
||||
}
|
||||
})
|
||||
}
|
||||
// 获取默认id
|
||||
const getDefaultID = () => {
|
||||
get<any>({
|
||||
messageApi,
|
||||
url: '/api/loginpage/list',
|
||||
onSuccess({ data }) {
|
||||
console.log('登录页图片列表', data);
|
||||
setloginpageArray(data)
|
||||
// setDefaultId(data[0].loginpageId)
|
||||
// upLoginPage(data[0].loginpageId)
|
||||
form.setFieldValue('loginpageId', data[0].loginpageId);
|
||||
setSelectImgs(data[0].previewImgs)
|
||||
setSelectedLoginpageId(data[0].loginpageId);
|
||||
setModalId(data[0].loginpageId)
|
||||
// 选择页面id
|
||||
preview()
|
||||
}
|
||||
})
|
||||
}
|
||||
// const getDefaultID = () => {
|
||||
// get<any>({
|
||||
// messageApi,
|
||||
// url: '/api/loginpage/list',
|
||||
// onSuccess({ data }) {
|
||||
// console.log('登录页图片列表', data);
|
||||
// setloginpageArray(data)
|
||||
// // setDefaultId(data[0].loginpageId)
|
||||
// // upLoginPage(data[0].loginpageId)
|
||||
// form.setFieldValue('loginpageId', data[0].loginpageId);
|
||||
// setSelectImgs(data[0].previewImgs)
|
||||
// setSelectedLoginpageId(data[0].loginpageId);
|
||||
// setModalId(data[0].loginpageId)
|
||||
// // 选择页面id
|
||||
// preview()
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// const upLoginPage = (id: string) => {
|
||||
// post<any>({
|
||||
// messageApi,
|
||||
@ -148,7 +159,7 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
// })
|
||||
// }
|
||||
useEffect(() => {
|
||||
getlistLoginpage()
|
||||
// getlistLoginpage(page)
|
||||
get<any>({
|
||||
messageApi,
|
||||
url: `/api/proj/get/config-loginpage/${projId}`,
|
||||
@ -157,13 +168,13 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
// if(data.adminPassword adminUsername)
|
||||
form.setFieldValue('adminUsername', data.adminUsername?data.adminUsername:'admin');
|
||||
form.setFieldValue('adminPassword', data.adminPassword?data.adminPassword:'admin');
|
||||
if (data.loginpageId) {
|
||||
// if (data.loginpageId) {
|
||||
form.setFieldValue('loginpageId', data.loginpageId);
|
||||
setSelectedLoginpageId(data.loginpageId);
|
||||
// lyp
|
||||
// const imgs = loginpageArray.filter(item => item.loginpageId === data.loginpageId)
|
||||
// ?.previewImgs;
|
||||
// setSelectImgs(imgs[0].previewImgs)
|
||||
setSelectImgs(data.loginpagePreviewImgs)
|
||||
|
||||
setModalId(data.loginpageId)
|
||||
form.setFieldValue('subTitle', data.subTitle);
|
||||
@ -172,9 +183,9 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
// form.setFieldValue('adminUsername', data.adminUsername?data.adminUsername:'admin');
|
||||
// form.setFieldValue('adminPassword', data.adminPassword?data.adminPassword:'admin');
|
||||
preview()
|
||||
} else {
|
||||
getDefaultID()
|
||||
}
|
||||
// } else {
|
||||
// getDefaultID()
|
||||
// }
|
||||
|
||||
if (data.logo) {
|
||||
const url = downloadUrl(data.logo);
|
||||
@ -554,7 +565,8 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
<div style={{ width: '100%', height: '100%' }} onClick={() => {
|
||||
// console.log(selectImgs);
|
||||
setSelectImgModal(true)
|
||||
|
||||
// setPage(1)
|
||||
getlistLoginpage(1)
|
||||
}}>
|
||||
{/* src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${previewImgs}`} */}
|
||||
|
||||
@ -627,16 +639,21 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
width={1070}
|
||||
style={{ position: 'relative' }}
|
||||
onOk={() => {
|
||||
setSelectedLoginpageId(modalId);
|
||||
|
||||
form.setFieldValue('loginpageId', modalId)
|
||||
preview()
|
||||
setSelectImgs(modalImg)
|
||||
if(modalImg){
|
||||
setSelectImgs(modalImg)
|
||||
setSelectedLoginpageId(modalId);
|
||||
}
|
||||
setSelectImgModal(false)
|
||||
|
||||
}}
|
||||
onCancel={() => {
|
||||
setModalId(selectedLoginpageId)
|
||||
setSelectImgModal(false)
|
||||
|
||||
|
||||
}}
|
||||
|
||||
>
|
||||
@ -670,12 +687,12 @@ export default function ProjConfigLoginpage(props: any) {
|
||||
</div>
|
||||
<div className='pagination'>
|
||||
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
|
||||
{/* <Pagination defaultCurrent={1} total={total} defaultPageSize={10} onChange={(page) => {
|
||||
<Pagination defaultCurrent={1} total={total} defaultPageSize={10} onChange={(page) => {
|
||||
console.log(page);
|
||||
setpage(page)
|
||||
setpageImgArray([])
|
||||
getPageImgData(page)
|
||||
}} /> */}
|
||||
// setPage(page)
|
||||
setloginpageArray([])
|
||||
getlistLoginpage(page)
|
||||
}} />
|
||||
</div>
|
||||
|
||||
</Modal>
|
||||
|
||||
@ -155,7 +155,7 @@ export default function ProjEditStep1(props: any) {
|
||||
// name="projName"
|
||||
// rules={[{ required: true, message: '请选择页面样式' }]}
|
||||
>
|
||||
<div className='pageImg' onClick={openPageImgModal} style={{ width: 300, height: 150, background: 'pink' }}>
|
||||
<div className='pageImg' onClick={openPageImgModal} style={{ width: 300, height: 150 }}>
|
||||
{/* <img src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${codeTypePageId}`} alt="" /> */}
|
||||
<Image
|
||||
src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${previewImgs}`}
|
||||
|
||||
@ -4,7 +4,8 @@ import type {MessageInstance} from "antd/es/message/interface";
|
||||
export const Axios = axios;
|
||||
|
||||
// axios.defaults.baseURL = 'http://192.168.0.163:7025/copyright';
|
||||
axios.defaults.baseURL = 'http://192.168.0.15:7025/copyright';
|
||||
axios.defaults.baseURL = 'http://192.168.43.145:7025/copyright';
|
||||
// axios.defaults.baseURL = 'http://192.168.0.15:7025/copyright';
|
||||
// axios.defaults.baseURL = 'https://www.aimzhu.com/copyright';
|
||||
// axios.defaults.baseURL = '/copyright';
|
||||
export const WebSocketBaseUrl: string = 'ws://192.168.0.15:7025/copyright';
|
||||
|
||||
Loading…
Reference in New Issue
Block a user