取消菜单地址
This commit is contained in:
xixi
parent
d63a90cda5
commit
7dba8de8e4
@ -29,7 +29,7 @@ import SoftwareManagement from '../../route/proj/edit/ProjConfigModList.tsx'
|
||||
import SoftwareManagementShow from '../../route/proj/edit/ProjConfigModListShow.tsx'
|
||||
import DisplayOrder from '../../route/proj/edit/ProjConfigMenuList.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 [loginPageShowOpne, setLoginPageShowOpne] = useState(false)
|
||||
@ -508,6 +508,7 @@ export default function CardProj(props: { item: IProj }) {
|
||||
|
||||
onCancel={() => {
|
||||
setSoftwareManagementOpen(false);
|
||||
// props.getreqData()
|
||||
// window.location.reload(); // 在取消时刷新页面
|
||||
}}
|
||||
footer={null}
|
||||
|
||||
@ -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 = () => {
|
||||
if (projs.length == 0) {
|
||||
@ -100,7 +136,9 @@ export default function ListProj() {
|
||||
return projs.map((item) => {
|
||||
return (
|
||||
<div className='projListBox' key={new Date().getTime() + ':' + item.projId}>
|
||||
<CardProj item={item} />
|
||||
<CardProj item={item}
|
||||
// getreqData={reqDataNoScoll}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
});
|
||||
|
||||
@ -88,5 +88,5 @@ export interface IProj {
|
||||
|
||||
generate: IProjGenerate;
|
||||
pay: IProjPay;
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -289,7 +289,7 @@ export default function ProductRelease() {
|
||||
}}
|
||||
>
|
||||
<div style={{ height: `${height - 20}px`, overflow: 'auto', borderTop: '1px solid #e8e8e8' }}>
|
||||
<EditModal></EditModal>
|
||||
<EditModal closeModal={()=>{ setEditModalOpen(false)}} ></EditModal>
|
||||
</div>
|
||||
</Modal>
|
||||
{/* 删除弹窗 */}
|
||||
|
||||
@ -28,4 +28,7 @@
|
||||
height: 60px;
|
||||
background: #F8F8F8;
|
||||
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);
|
||||
}
|
||||
@ -2,13 +2,21 @@
|
||||
import {
|
||||
Col, Flex, Row,
|
||||
// Select,
|
||||
Button, Form, Input
|
||||
Button, Form, Input,
|
||||
DatePicker,
|
||||
Select,
|
||||
InputNumber,
|
||||
Modal
|
||||
} from "antd";
|
||||
|
||||
// import type { InputNumberProps } from 'antd';
|
||||
import locale from 'antd/es/date-picker/locale/zh_CN';
|
||||
import './EditModal.css'
|
||||
// const { TextArea } = Input;
|
||||
export default function EditModal() {
|
||||
import { useState } from "react";
|
||||
const dateFormat = 'YYYY年MM月DD日';
|
||||
const { TextArea } = Input;
|
||||
export default function EditModal(props: any) {
|
||||
const [form] = Form.useForm();
|
||||
const [promptModal, setPromptModal] = useState(false)
|
||||
return (
|
||||
<div className='editModal'>
|
||||
<div className='editModal-title'>
|
||||
@ -23,9 +31,9 @@ export default function EditModal() {
|
||||
labelCol={{ span: 8 }}
|
||||
wrapperCol={{ span: 24 }}
|
||||
// style={{ width: '600px' }}
|
||||
// onFinish={() => {
|
||||
// setIsEditModalOpen(true);
|
||||
// }}
|
||||
onFinish={() => {
|
||||
setPromptModal(true);
|
||||
}}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Row gutter={15}>
|
||||
@ -34,11 +42,11 @@ export default function EditModal() {
|
||||
|
||||
<Form.Item
|
||||
label="软著名称"
|
||||
name=""
|
||||
name="name"
|
||||
rules={[{ required: true, message: '请输入软著名称' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px', fontSize: '16px' }}
|
||||
style={{ height: '60px', width: '498px' }} placeholder="请输入软著名称"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -59,18 +67,19 @@ export default function EditModal() {
|
||||
|
||||
|
||||
</Row>
|
||||
<div style={{display:'flex'}}>
|
||||
<div style={{ display: 'flex' }}>
|
||||
<div>
|
||||
<Row gutter={15}>
|
||||
<Col span={12}>
|
||||
|
||||
<Form.Item
|
||||
label="软著简称"
|
||||
name=""
|
||||
name="smallname"
|
||||
rules={[{ required: true, message: '请输入软著简称' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px', fontSize: '16px' }}
|
||||
style={{ height: '60px', width: '498px' }}
|
||||
placeholder="请输入软著简称"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -81,11 +90,12 @@ export default function EditModal() {
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="软著证号"
|
||||
name=""
|
||||
name="number"
|
||||
rules={[{ required: true, message: '请输入软著证号' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px', fontSize: '16px' }}
|
||||
style={{ height: '60px', width: '498px' }}
|
||||
placeholder="请输入软著证号"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -93,16 +103,17 @@ export default function EditModal() {
|
||||
|
||||
</Row>
|
||||
</div>
|
||||
<div style={{marginLeft:30}}>
|
||||
<div style={{ marginLeft: 30 }}>
|
||||
<Row gutter={15}>
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="软著说明"
|
||||
name=""
|
||||
name="textArea"
|
||||
rules={[{ required: true, message: '请输入软著说明' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px', fontSize: '16px' }}
|
||||
<TextArea
|
||||
style={{ resize: 'none', width: "995px", height: '174px' }}
|
||||
placeholder="请输入软著说明请输入软著说明请输入软著说明"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -110,53 +121,153 @@ export default function EditModal() {
|
||||
|
||||
</Row>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{/* <Row gutter={15}>
|
||||
<Col span={24}>
|
||||
<div className='projNameInt'>
|
||||
<div className='projTitle '><span className='redicon'>*</span> 项目简介:</div>
|
||||
<div style={{ width: '1250px' }}>
|
||||
|
||||
<Form.Item
|
||||
// label="项目简介"
|
||||
name="projIntroduction"
|
||||
rules={[{ required: true, message: '请输入项目简介' }]}
|
||||
>
|
||||
<TextArea
|
||||
style={{ resize: 'none', width: "1215px", height: '200px', fontSize: '16px' }}
|
||||
rows={3} placeholder="请用一段话简单描述系统"
|
||||
/>
|
||||
</Form.Item>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row gutter={15}>
|
||||
|
||||
<Col span={12}>
|
||||
|
||||
<Form.Item
|
||||
label="软著版本"
|
||||
name="sv"
|
||||
rules={[{ required: true, message: '请输入软著版本' }]}
|
||||
>
|
||||
<Input
|
||||
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>
|
||||
|
||||
</Col>
|
||||
|
||||
|
||||
|
||||
</Row>
|
||||
<Row gutter={15}>
|
||||
<Col span={24}>
|
||||
<div className='projNameInt' >
|
||||
<div className='projTitle '><span className='redicon'>*</span> 项目详细介绍:</div>
|
||||
<div style={{ width: '1250px' }}>
|
||||
<Form.Item
|
||||
// label="项目详细介绍"
|
||||
name="projDesc"
|
||||
extra="请对项目做出详细介绍，此内容在操作手册中引用"
|
||||
rules={[{ required: true, message: '请输入项目详细介绍' }]}
|
||||
>
|
||||
<TextArea
|
||||
style={{ resize: 'none', width: "1215px", height: '200px', fontSize: '16px' }}
|
||||
rows={8} placeholder="请输入项目详细介绍" />
|
||||
</Form.Item>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Col span={12}>
|
||||
|
||||
<Form.Item
|
||||
label="开发语言"
|
||||
name="java"
|
||||
rules={[{ required: true, message: '请选择开发语言' }]}
|
||||
>
|
||||
{/* <Input
|
||||
style={{ height: '60px', width: '498px', fontSize: '16px' }} placeholder="请选择开发语言"
|
||||
/> */}
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择软著类型'
|
||||
style={{ width: 498, height: 60 }}
|
||||
options={[
|
||||
{ value: 'java', label: 'java' },
|
||||
{ value: 'php', label: 'php' },
|
||||
]}
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
</Row> */}
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="取得方式"
|
||||
name="use"
|
||||
rules={[{ required: true, message: '请选择取得方式' }]}
|
||||
>
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择取得方式'
|
||||
style={{ width: 498, height: 60 }}
|
||||
options={[
|
||||
{ value: '1', label: '跟别人抢的' },
|
||||
{ value: '2', label: '路上捡的' },
|
||||
]}
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
</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'>
|
||||
<Form.Item wrapperCol={{ span: 24 }}>
|
||||
@ -165,8 +276,7 @@ export default function EditModal() {
|
||||
// style={{ width: '262px', height: '58px', fontSize: '16px', color: '#4B4B4B', background: '#EEEEEE' }}
|
||||
size='large'
|
||||
onClick={() => {
|
||||
|
||||
|
||||
props.closeModal()
|
||||
}}>
|
||||
关闭
|
||||
</Button>
|
||||
@ -183,6 +293,19 @@ export default function EditModal() {
|
||||
</div>
|
||||
</Form>
|
||||
</div>
|
||||
<Modal title="提示"
|
||||
okText="确定"
|
||||
cancelText="取消"
|
||||
destroyOnClose={true}
|
||||
open={promptModal}
|
||||
onOk={() => {
|
||||
|
||||
}}
|
||||
onCancel={() => {
|
||||
setPromptModal(false);
|
||||
}}>
|
||||
<div>确定提交吗？</div>
|
||||
</Modal>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@ import { MouseEvent, Reducer, useEffect, useReducer, useState } from "react";
|
||||
import { useNavigate, useSearchParams, Outlet } from "react-router-dom";
|
||||
import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
|
||||
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 ListProj from "../../components/list/ListProj.tsx";
|
||||
// import ListProjAgent from "../../components/list/ListProjAgent.tsx";
|
||||
|
||||
@ -85,11 +85,11 @@ export default function ProjConfigModList(props: PropType) {
|
||||
return <i className={_text}> </i>
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '菜单地址',
|
||||
dataIndex: 'menuUrl',
|
||||
align: 'center',
|
||||
},
|
||||
// {
|
||||
// title: '菜单地址',
|
||||
// dataIndex: 'menuUrl',
|
||||
// align: 'center',
|
||||
// },
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'gmtCreate',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user