forgeplus-react/src/forge/Source/UploadSource.jsx

105 lines
2.9 KiB
JavaScript

import React , { forwardRef, useEffect, useState } from 'react';
import { Modal , Form , Checkbox , Input , Table } from 'antd';
import Upload from '../Upload/Index';
import { AlignCenter } from '../Component/layout';
const { TextArea } = Input;
const data = [
{name:"sdfkjsfj.pdf",loadNum:"10",citeNum:"15",time:"2021-04-01 10:45"},
{name:"sdfkjsfj.pdf",loadNum:"10",citeNum:"15",time:"2021-04-01 10:45"},
{name:"sdfkjsfj.pdf",loadNum:"10",citeNum:"15",time:"2021-04-01 10:45"}
]
function UploadSource({ form , visible , onCancel , onOk , showNotification}){
const [ tableData , setTableData ] = useState(data);
const { getFieldDecorator, validateFields , setFieldsValue } = form;
function UploadFunc(){
}
const columns = [
{
dataIndex:"name",
key:"name",
title:"资源名称",
width:"45%",
ellipsis:true,
render:(value,item,key)=>{
return <AlignCenter>
<div className="task-hide" style={{maxWidth:key===0 ? "250px":"100%"}}>{value}</div>
{ key === 0 && <span className="currentTip">当前版本</span> }
</AlignCenter>
}
},
{
dataIndex:"loadNum",
key:"loadNum",
title:"下载数",
width:"15%",
className:"edu-txt-center"
},
{
dataIndex:"citeNum",
key:"citeNum",
title:"引用数",
width:"15%",
className:"edu-txt-center"
},
{
dataIndex:"time",
key:"time",
title:"上传时间",
width:"25%"
}
]
return(
<Modal
title={"上传资源"}
closable={false}
visible={visible}
onCancel={onCancel}
onOk={onOk}
cancelText="取消"
okText="确定"
width="600px"
centered
>
<div>
<Form>
<Table className="versionTable" columns={columns} dataSource={tableData} pagination={false} size={"small"}/>
<Form.Item>
{getFieldDecorator("type",{
rules:[]
})(
<Checkbox.Group>
<Checkbox value="软件版本">软件版本</Checkbox>
<Checkbox value="文档">文档</Checkbox>
<Checkbox value="代码">代码</Checkbox>
<Checkbox value="媒体">媒体</Checkbox>
<Checkbox value="论文">论文</Checkbox>
<Checkbox value="其它">其它</Checkbox>
</Checkbox.Group>
)}
</Form.Item>
<Upload
className="commentStyle"
isComplete={true}
load={UploadFunc}
size={100}
showNotification={showNotification}
btn
/>
<Form.Item className="mt20">
{getFieldDecorator("desc",{
rules:[]
})(
<TextArea rows={4} placeholder="请输入资源描述" />
)}
</Form.Item>
</Form>
</div>
</Modal>
)
}
export default Form.create()(forwardRef(UploadSource));;