82 lines
2.4 KiB
JavaScript
82 lines
2.4 KiB
JavaScript
// import React from 'react'
|
||
import { useEffect } from 'react'
|
||
import { useNavigate } from 'react-router-dom'
|
||
import { useLocation } from 'react-router-dom'
|
||
import './detail.less'
|
||
import { GetDownloadUrl } from '../../request/api'
|
||
import {
|
||
Button,
|
||
} from 'antd-mobile'
|
||
import pen from '@/static/images/Detail/pen.png'
|
||
import center from '@/static/images/Detail/center.png'
|
||
import file from '@/static/images/Detail/file.png'
|
||
export default function Detail() {
|
||
const nav = useNavigate()
|
||
const location = useLocation();
|
||
const item = location.state;
|
||
useEffect(() => {
|
||
// 获取token
|
||
let token = sessionStorage.getItem('token')
|
||
if (!token) {
|
||
nav('/login')
|
||
}
|
||
if (!item) {
|
||
// 如果没有接收到item，可以导航回列表页或者显示错误信息
|
||
nav('/list');
|
||
|
||
}
|
||
console.log(item);
|
||
console.log(GetDownloadUrl( item.id));
|
||
|
||
}, [])
|
||
return (
|
||
<div className='detailBox'>
|
||
<div className='formBox'>
|
||
<div className='useImg'></div>
|
||
<div className='bookimg'></div>
|
||
<div className='projName'>
|
||
{item.projName}
|
||
</div>
|
||
<div className='peopleName'>
|
||
产权所属者：{item.apply.authorName}
|
||
</div>
|
||
<div className='timeBox'>
|
||
<div className='timeImg'>
|
||
</div>
|
||
<div>
|
||
{item.apply.projDevCompleteDate}
|
||
</div>
|
||
</div>
|
||
<div className='downBox'>
|
||
<div className='done'>
|
||
<div className='penImge'>
|
||
<img src={pen} style={{ width: '100%', height: '100%' }} alt="" />
|
||
</div>
|
||
<div className='doneName'>申请表</div>
|
||
</div>
|
||
<div className='done'>
|
||
<div className='centerImge'>
|
||
<img src={center} style={{ width: '100%', height: '100%' }} alt="" />
|
||
</div>
|
||
<div className='doneName'>操作手册</div>
|
||
</div>
|
||
<div className='done'>
|
||
<div className='fileImge'>
|
||
<img src={file} style={{ width: '100%', height: '100%' }} alt="" />
|
||
</div>
|
||
<div className='doneName'>源代码</div>
|
||
</div>
|
||
</div>
|
||
<div className='downAllBtn'>
|
||
<div className='doneImg'></div>
|
||
<div >全部</div>
|
||
</div>
|
||
</div>
|
||
<Button className='detailBtn'
|
||
>
|
||
使用电脑端打开体验全部功能
|
||
</Button>
|
||
</div>
|
||
)
|
||
}
|