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-07 16:39:22 +08:00
parent d63a90cda5
commit 7dba8de8e4
8 changed files with 234 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/card/CardProj.tsx
View File

@ -29,7 +29,7 @@ import SoftwareManagement from '../../route/proj/edit/ProjConfigModList.tsx'
import SoftwareManagementShow from '../../route/proj/edit/ProjConfigModListShow.tsx' import SoftwareManagementShow from '../../route/proj/edit/ProjConfigModListShow.tsx'
import DisplayOrder from '../../route/proj/edit/ProjConfigMenuList.tsx' import DisplayOrder from '../../route/proj/edit/ProjConfigMenuList.tsx'
import DisplayOrderShow from '../../route/proj/edit/ProjConfigMenuListShow.tsx' import DisplayOrderShow from '../../route/proj/edit/ProjConfigMenuListShow.tsx'
export default function CardProj(props: { item: IProj }) { export default function CardProj(props:any ) {
// 第四步 登陆页面设置 // 第四步 登陆页面设置
const [loginPageOpne, setLoginPageOpne] = useState(false) const [loginPageOpne, setLoginPageOpne] = useState(false)
const [loginPageShowOpne, setLoginPageShowOpne] = useState(false) const [loginPageShowOpne, setLoginPageShowOpne] = useState(false)
@ -508,6 +508,7 @@ export default function CardProj(props: { item: IProj }) {
onCancel={() => { onCancel={() => {
setSoftwareManagementOpen(false); setSoftwareManagementOpen(false);
// props.getreqData()
// window.location.reload(); // 在取消时刷新页面 // window.location.reload(); // 在取消时刷新页面
}} }}
footer={null} footer={null}

40
src/components/list/ListProj.tsx
View File

@ -80,6 +80,42 @@ export default function ListProj() {
} }
}) })
} }
// const reqDataNoScoll = (currentPage: number) => {
// // setProjs([])
// get<IListPage<IProj>>({
// messageApi: messageApi,
// url: '/api/proj/listpage/self',
// config: {
// params: {
// page: currentPage,
// rows: 10,
// keywords: keywords,
// projCategoryId: indexListContext.category,
// status: indexListContext.status ? indexListContext.status : getMenuActive()
// }
// },
// onBefore() {
// setIsLoading(true);
// },
// onSuccess({ data }) {
// console.log('看看结果', data);
// setPage(data.page);
// setTotal(data.total);
// // setProjs(data.rows);
// const updatedArr = (data.rows).map((item, index) => ({
// ...item,
// img: images[index % images.length] // 利用取余来循环填充图片
// }));
// console.log('循环数组',updatedArr);
// setProjs(updatedArr);
// },
// onFinally() {
// setIsLoading(false);
// }
// })
// }
const renderList = () => { const renderList = () => {
if (projs.length == 0) { if (projs.length == 0) {
@ -100,7 +136,9 @@ export default function ListProj() {
return projs.map((item) => { return projs.map((item) => {
return ( return (
<div className='projListBox' key={new Date().getTime() + ':' + item.projId}> <div className='projListBox' key={new Date().getTime() + ':' + item.projId}>
<CardProj item={item} /> <CardProj item={item}
// getreqData={reqDataNoScoll}
/>
</div> </div>
) )
}); });

2
src/route/ProductRelease/ProductRelease.tsx
View File

@ -289,7 +289,7 @@ export default function ProductRelease() {
}} }}
> >
<div style={{ height: `${height - 20}px`, overflow: 'auto', borderTop: '1px solid #e8e8e8' }}> <div style={{ height: `${height - 20}px`, overflow: 'auto', borderTop: '1px solid #e8e8e8' }}>
<EditModal></EditModal> <EditModal closeModal={()=>{ setEditModalOpen(false)}} ></EditModal>
</div> </div>
</Modal> </Modal>
{/* 删除弹窗 */} {/* 删除弹窗 */}

3
src/route/ProductRelease/components/EditModal/EditModal.css
View File

@ -29,3 +29,6 @@
background: #F8F8F8; background: #F8F8F8;
border-radius: 5px; border-radius: 5px;
} }
.css-dev-only-do-not-override-1ae8k9u.ant-select-outlined.ant-select-multiple .ant-select-selection-item{
background-color: rgba(0,114,255,0.13);
}

229
src/route/ProductRelease/components/EditModal/EditModal.tsx
View File

@ -2,13 +2,21 @@
import { import {
Col, Flex, Row, Col, Flex, Row,
// Select, // Select,
Button, Form, Input Button, Form, Input,
DatePicker,
Select,
InputNumber,
Modal
} from "antd"; } from "antd";
// import type { InputNumberProps } from 'antd';
import locale from 'antd/es/date-picker/locale/zh_CN';
import './EditModal.css' import './EditModal.css'
// const { TextArea } = Input; import { useState } from "react";
export default function EditModal() { const dateFormat = 'YYYY年MM月DD日';
const { TextArea } = Input;
export default function EditModal(props: any) {
const [form] = Form.useForm(); const [form] = Form.useForm();
const [promptModal, setPromptModal] = useState(false)
return ( return (
<div className='editModal'> <div className='editModal'>
<div className='editModal-title'> <div className='editModal-title'>
@ -23,9 +31,9 @@ export default function EditModal() {
labelCol={{ span: 8 }} labelCol={{ span: 8 }}
wrapperCol={{ span: 24 }} wrapperCol={{ span: 24 }}
// style={{ width: '600px' }} // style={{ width: '600px' }}
// onFinish={() => { onFinish={() => {
// setIsEditModalOpen(true); setPromptModal(true);
// }} }}
autoComplete="off" autoComplete="off"
> >
<Row gutter={15}> <Row gutter={15}>
@ -34,11 +42,11 @@ export default function EditModal() {
<Form.Item <Form.Item
label="软著名称" label="软著名称"
name="" name="name"
rules={[{ required: true, message: '请输入软著名称' }]} rules={[{ required: true, message: '请输入软著名称' }]}
> >
<Input <Input
style={{ height: '60px', width: '498px', fontSize: '16px' }} style={{ height: '60px', width: '498px' }} placeholder="请输入软著名称"
/> />
</Form.Item> </Form.Item>
@ -66,11 +74,12 @@ export default function EditModal() {
<Form.Item <Form.Item
label="软著简称" label="软著简称"
name="" name="smallname"
rules={[{ required: true, message: '请输入软著简称' }]} rules={[{ required: true, message: '请输入软著简称' }]}
> >
<Input <Input
style={{ height: '60px', width: '498px', fontSize: '16px' }} style={{ height: '60px', width: '498px' }}
placeholder="请输入软著简称"
/> />
</Form.Item> </Form.Item>
@ -81,11 +90,12 @@ export default function EditModal() {
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="软著证号" label="软著证号"
name="" name="number"
rules={[{ required: true, message: '请输入软著证号' }]} rules={[{ required: true, message: '请输入软著证号' }]}
> >
<Input <Input
style={{ height: '60px', width: '498px', fontSize: '16px' }} style={{ height: '60px', width: '498px' }}
placeholder="请输入软著证号"
/> />
</Form.Item> </Form.Item>
@ -98,65 +108,166 @@ export default function EditModal() {
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="软著说明" label="软著说明"
name="" name="textArea"
rules={[{ required: true, message: '请输入软著说明' }]} rules={[{ required: true, message: '请输入软著说明' }]}
>
<TextArea
style={{ resize: 'none', width: "995px", height: '174px' }}
placeholder="请输入软著说明请输入软著说明请输入软著说明"
/>
</Form.Item>
</Col>
</Row>
</div>
</div>
<Row gutter={15}>
<Col span={12}>
<Form.Item
label="软著版本"
name="sv"
rules={[{ required: true, message: '请输入软著版本' }]}
> >
<Input <Input
style={{ height: '60px', width: '498px', fontSize: '16px' }} style={{ height: '60px', width: '498px' }} placeholder="请输入软著版本"
/>
</Form.Item>
</Col>
<Col span={12}>
<Form.Item
label="取得时间"
name="time"
rules={[{ required: true, message: '请选择取得时间' }]}
>
<DatePicker placeholder="请选择开发完成日期"
format={dateFormat}
locale={locale}
// style={{ width: '100%' }}
style={{ height: '60px', width: '498px' }}
/> />
</Form.Item> </Form.Item>
</Col> </Col>
</Row>
</div>
</div>
{/* <Row gutter={15}>
<Col span={24}> </Row>
<div className='projNameInt'> <Row gutter={15}>
<div className='projTitle '><span className='redicon'>*</span> 项目简介:</div>
<div style={{ width: '1250px' }}> <Col span={12}>
<Form.Item <Form.Item
// label="项目简介" label="开发语言"
name="projIntroduction" name="java"
rules={[{ required: true, message: '请输入项目简介' }]} rules={[{ required: true, message: '请选择开发语言' }]}
> >
<TextArea {/* <Input
style={{ resize: 'none', width: "1215px", height: '200px', fontSize: '16px' }} style={{ height: '60px', width: '498px', fontSize: '16px' }} placeholder="请选择开发语言"
rows={3} placeholder="请用一段话简单描述系统" /> */}
<Select
// defaultValue="lucy"
placeholder='请选择软著类型'
style={{ width: 498, height: 60 }}
options={[
{ value: 'java', label: 'java' },
{ value: 'php', label: 'php' },
]}
/> />
</Form.Item> </Form.Item>
</div>
</div>
</Col> </Col>
</Row> <Col span={12}>
<Row gutter={15}>
</Row>
<Row gutter={15}>
<Col span={24}>
<div className='projNameInt' >
<div className='projTitle '><span className='redicon'>*</span> 项目详细介绍:</div>
<div style={{ width: '1250px' }}>
<Form.Item <Form.Item
// label="项目详细介绍" label="取得方式"
name="projDesc" name="use"
extra="请对项目做出详细介绍，此内容在操作手册中引用" rules={[{ required: true, message: '请选择取得方式' }]}
rules={[{ required: true, message: '请输入项目详细介绍' }]}
> >
<TextArea <Select
style={{ resize: 'none', width: "1215px", height: '200px', fontSize: '16px' }} // defaultValue="lucy"
rows={8} placeholder="请输入项目详细介绍" /> placeholder='请选择取得方式'
style={{ width: 498, height: 60 }}
options={[
{ value: '1', label: '跟别人抢的' },
{ value: '2', label: '路上捡的' },
]}
/>
</Form.Item> </Form.Item>
</div>
</div>
</Col> </Col>
</Row> */} </Row>
<Row gutter={15}>
<Col span={12}>
<Form.Item
label="软著分类"
name="class"
rules={[{ required: true, message: '请选择软著分类' }]}
>
<Select
mode="multiple"
placeholder="请选择软著类型"
style={{ width: 498, height: 60 }}
options={[
{ value: '嘻嘻', label: '嘻嘻' },
{ value: '呵呵', label: '呵呵' },
{ value: '哈哈', label: '哈哈' },
{ value: '哥哥', label: '哥哥' },
{ value: '弟弟', label: '弟弟' },
{ value: '妹妹', label: '妹妹' },
]}
/>
</Form.Item>
</Col>
<Col span={12}>
<Form.Item
label="售卖价格"
name="price"
rules={[{ required: true, message: '请输入正确的售卖价格' }]}
>
{/* <Input
style={{ height: '60px', width: '498px', fontSize: '16px' }} placeholder="请输入售卖价格"
/> */}
<InputNumber min={0} style={{ height: '60px', width: '498px', display: 'flex', alignItems: 'center' }} placeholder="请输入售卖价格" />
</Form.Item>
</Col>
</Row>
<Row gutter={15}>
<Col span={12}>
<Form.Item
label="截止售卖日期"
name="time2"
rules={[{ required: true, message: '请选择截止售卖日期' }]}
>
<DatePicker placeholder="请选择截止售卖日期"
format={dateFormat}
locale={locale}
// style={{ width: '100%' }}
style={{ height: '60px', width: '498px' }}
/>
</Form.Item>
</Col>
</Row>
<div className='editModal-title' style={{ marginTop: 30 }}>
<div className='editModal-title-box'></div>
<div className='editModal-title-name'>软著信息</div>
</div>
<div className='setProBtn'> <div className='setProBtn'>
<Form.Item wrapperCol={{ span: 24 }}> <Form.Item wrapperCol={{ span: 24 }}>
@ -165,8 +276,7 @@ export default function EditModal() {
// style={{ width: '262px', height: '58px', fontSize: '16px', color: '#4B4B4B', background: '#EEEEEE' }} // style={{ width: '262px', height: '58px', fontSize: '16px', color: '#4B4B4B', background: '#EEEEEE' }}
size='large' size='large'
onClick={() => { onClick={() => {
props.closeModal()
}}> }}>
关闭 关闭
</Button> </Button>
@ -183,6 +293,19 @@ export default function EditModal() {
</div> </div>
</Form> </Form>
</div> </div>
<Modal title="提示"
okText="确定"
cancelText="取消"
destroyOnClose={true}
open={promptModal}
onOk={() => {
}}
onCancel={() => {
setPromptModal(false);
}}>
<div>确定提交吗？</div>
</Modal>
</div> </div>
) )
} }

2
src/route/index/Index.tsx
View File

@ -4,7 +4,7 @@ import { MouseEvent, Reducer, useEffect, useReducer, useState } from "react";
import { useNavigate, useSearchParams, Outlet } from "react-router-dom"; import { useNavigate, useSearchParams, Outlet } from "react-router-dom";
import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts"; import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx"; import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx' // import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx"; import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx";
// import ListProj from "../../components/list/ListProj.tsx"; // import ListProj from "../../components/list/ListProj.tsx";
// import ListProjAgent from "../../components/list/ListProjAgent.tsx"; // import ListProjAgent from "../../components/list/ListProjAgent.tsx";

10
src/route/proj/edit/ProjConfigModList.tsx
View File

@ -85,11 +85,11 @@ export default function ProjConfigModList(props: PropType) {
return <i className={_text}> </i> return <i className={_text}> </i>
} }
}, },
{ // {
title: '菜单地址', // title: '菜单地址',
dataIndex: 'menuUrl', // dataIndex: 'menuUrl',
align: 'center', // align: 'center',
}, // },
{ {
title: '创建时间', title: '创建时间',
dataIndex: 'gmtCreate', dataIndex: 'gmtCreate',