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-06-27 10:21:32 +08:00
parent cf126587c9
commit fcfcf6de16
3 changed files with 70 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/route/proj/edit/ProjConfigLoginpage.tsx
View File

@ -14,7 +14,7 @@ import {
UploadFile, UploadFile,
UploadProps, UploadProps,
Image, Image,
// Pagination Pagination
} from "antd"; } from "antd";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
@ -47,6 +47,8 @@ export default function ProjConfigLoginpage(props: any) {
const [iframeSrcDoc, setIframeSrcDoc] = useState(); const [iframeSrcDoc, setIframeSrcDoc] = useState();
const height = window.innerHeight - 200; const height = window.innerHeight - 200;
const [loginpageArray, setloginpageArray] = useState<any[]>([]) const [loginpageArray, setloginpageArray] = useState<any[]>([])
// const [page,setPage] = useState(1)
const [total ,setTotal] = useState(0)
const [selectedLoginpageId, setSelectedLoginpageId] = useState(''); const [selectedLoginpageId, setSelectedLoginpageId] = useState('');
// 选择页面id和img(初始化用) // 选择页面id和img(初始化用)
const [modalId,setModalId] = useState('') const [modalId,setModalId] = useState('')
@ -81,54 +83,63 @@ export default function ProjConfigLoginpage(props: any) {
} }
}) })
} }
const getlistLoginpage = () => { const getlistLoginpage = (page:number) => {
get<any>({ get<any>({
messageApi, messageApi,
url: '/api/loginpage/list', url: '/api/loginpage/listpage',
config: {
params: {
page: page,
rows: 10
}
},
onSuccess({ data }) { onSuccess({ data }) {
console.log('登录页图片列表', data); console.log('登录页图片列表', data);
setloginpageArray(data) setloginpageArray(data.rows)
// setDefaultId(data[0].loginpageId) // setDefaultId(data[0].loginpageId)
// upLoginPage(data[0].loginpageId) // upLoginPage(data[0].loginpageId)
setTotal(data.total)
// 当有返回id时获取图片的previewImgs // 当有返回id时获取图片的previewImgs
const newData = data // const newData = data.rows
get<any>({ // get<any>({
messageApi, // messageApi,
url: `/api/proj/get/config-loginpage/${projId}`, // url: `/api/proj/get/config-loginpage/${projId}`,
onSuccess({ data }) { // onSuccess({ data }) {
if (data.loginpageId) { // if (data.loginpageId) {
// lyp
const imgs = newData.filter((item: { loginpageId: any; }) => item.loginpageId === data.loginpageId) // const imgs = newData.filter((item: { loginpageId: any; }) => item.loginpageId === data.loginpageId)
// ?.previewImgs;
setSelectImgs(imgs[0].previewImgs) // setSelectImgs(imgs[0].previewImgs)
// console.log('lyp',imgs);
} // }
} // }
}) // })
} }
}) })
} }
// 获取默认id // 获取默认id
const getDefaultID = () => { // const getDefaultID = () => {
get<any>({ // get<any>({
messageApi, // messageApi,
url: '/api/loginpage/list', // url: '/api/loginpage/list',
onSuccess({ data }) { // onSuccess({ data }) {
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)
form.setFieldValue('loginpageId', data[0].loginpageId); // form.setFieldValue('loginpageId', data[0].loginpageId);
setSelectImgs(data[0].previewImgs) // setSelectImgs(data[0].previewImgs)
setSelectedLoginpageId(data[0].loginpageId); // setSelectedLoginpageId(data[0].loginpageId);
setModalId(data[0].loginpageId) // setModalId(data[0].loginpageId)
// 选择页面id // // 选择页面id
preview() // preview()
} // }
}) // })
} // }
// const upLoginPage = (id: string) => { // const upLoginPage = (id: string) => {
// post<any>({ // post<any>({
// messageApi, // messageApi,
@ -148,7 +159,7 @@ export default function ProjConfigLoginpage(props: any) {
// }) // })
// } // }
useEffect(() => { useEffect(() => {
getlistLoginpage() // getlistLoginpage(page)
get<any>({ get<any>({
messageApi, messageApi,
url: `/api/proj/get/config-loginpage/${projId}`, url: `/api/proj/get/config-loginpage/${projId}`,
@ -157,13 +168,13 @@ export default function ProjConfigLoginpage(props: any) {
// if(data.adminPassword adminUsername) // if(data.adminPassword adminUsername)
form.setFieldValue('adminUsername', data.adminUsername?data.adminUsername:'admin'); form.setFieldValue('adminUsername', data.adminUsername?data.adminUsername:'admin');
form.setFieldValue('adminPassword', data.adminPassword?data.adminPassword:'admin'); form.setFieldValue('adminPassword', data.adminPassword?data.adminPassword:'admin');
if (data.loginpageId) { // if (data.loginpageId) {
form.setFieldValue('loginpageId', data.loginpageId); form.setFieldValue('loginpageId', data.loginpageId);
setSelectedLoginpageId(data.loginpageId); setSelectedLoginpageId(data.loginpageId);
// lyp // lyp
// const imgs = loginpageArray.filter(item => item.loginpageId === data.loginpageId) // const imgs = loginpageArray.filter(item => item.loginpageId === data.loginpageId)
// ?.previewImgs; // ?.previewImgs;
// setSelectImgs(imgs[0].previewImgs) setSelectImgs(data.loginpagePreviewImgs)
setModalId(data.loginpageId) setModalId(data.loginpageId)
form.setFieldValue('subTitle', data.subTitle); 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('adminUsername', data.adminUsername?data.adminUsername:'admin');
// form.setFieldValue('adminPassword', data.adminPassword?data.adminPassword:'admin'); // form.setFieldValue('adminPassword', data.adminPassword?data.adminPassword:'admin');
preview() preview()
} else { // } else {
getDefaultID() // getDefaultID()
} // }
if (data.logo) { if (data.logo) {
const url = downloadUrl(data.logo); const url = downloadUrl(data.logo);
@ -554,7 +565,8 @@ export default function ProjConfigLoginpage(props: any) {
<div style={{ width: '100%', height: '100%' }} onClick={() => { <div style={{ width: '100%', height: '100%' }} onClick={() => {
// console.log(selectImgs); // console.log(selectImgs);
setSelectImgModal(true) setSelectImgModal(true)
// setPage(1)
getlistLoginpage(1)
}}> }}>
{/* src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${previewImgs}`} */} {/* src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${previewImgs}`} */}
@ -627,15 +639,20 @@ export default function ProjConfigLoginpage(props: any) {
width={1070} width={1070}
style={{ position: 'relative' }} style={{ position: 'relative' }}
onOk={() => { onOk={() => {
setSelectedLoginpageId(modalId);
form.setFieldValue('loginpageId', modalId) form.setFieldValue('loginpageId', modalId)
preview() preview()
setSelectImgs(modalImg) if(modalImg){
setSelectImgs(modalImg)
setSelectedLoginpageId(modalId);
}
setSelectImgModal(false) setSelectImgModal(false)
}} }}
onCancel={() => { onCancel={() => {
setModalId(selectedLoginpageId) setModalId(selectedLoginpageId)
setSelectImgModal(false) setSelectImgModal(false)
}} }}
@ -670,12 +687,12 @@ export default function ProjConfigLoginpage(props: any) {
</div> </div>
<div className='pagination'> <div className='pagination'>
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */} {/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
{/* <Pagination defaultCurrent={1} total={total} defaultPageSize={10} onChange={(page) => { <Pagination defaultCurrent={1} total={total} defaultPageSize={10} onChange={(page) => {
console.log(page); console.log(page);
setpage(page) // setPage(page)
setpageImgArray([]) setloginpageArray([])
getPageImgData(page) getlistLoginpage(page)
}} /> */} }} />
</div> </div>
</Modal> </Modal>

2
src/route/proj/edit/ProjEditStep1.tsx
View File

@ -155,7 +155,7 @@ export default function ProjEditStep1(props: any) {
// name="projName" // name="projName"
// rules={[{ required: true, message: '请选择页面样式' }]} // 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="" /> */} {/* <img src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${codeTypePageId}`} alt="" /> */}
<Image <Image
src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${previewImgs}`} src={`${Axios.defaults?.baseURL}/route/file/v2/download/true/${previewImgs}`}

3
src/util/AjaxUtils.ts
View File

@ -4,7 +4,8 @@ import type {MessageInstance} from "antd/es/message/interface";
export const Axios = axios; export const Axios = axios;
// axios.defaults.baseURL = 'http://192.168.0.163:7025/copyright'; // 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 = 'https://www.aimzhu.com/copyright';
// axios.defaults.baseURL = '/copyright'; // axios.defaults.baseURL = '/copyright';
export const WebSocketBaseUrl: string = 'ws://192.168.0.15:7025/copyright'; export const WebSocketBaseUrl: string = 'ws://192.168.0.15:7025/copyright';