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-25 17:00:22 +08:00
parent 2971536ed1
commit e9f5a377c6
14 changed files with 819 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
src/components/OrderDetailModal/OrderDetailModal.tsx
View File

@ -1,63 +1,65 @@
import React, { useState, useEffect } from 'react'
import './order-detail-modal.css'
import { Input, Rate } from "antd";
import OrderInfo from '../../components/OrderDetailModal/components/OrderInfo/OrderInfo'
import GoodsInfo from '../../components/OrderDetailModal/components/GoodsInfo/GoodsInfo'
import Copyright from '../../components/OrderDetailModal/components/Copyright/Copyright'
import Authorize from '../../components/OrderDetailModal/components/Authorize/Authorize'
import File from '../../components/OrderDetailModal/components/File/File'
import Result from '../../components/OrderDetailModal/components/Result/Result'
export default function OrderDetailModal() {
const height = window.innerHeight - 180;
const [activeKey, setActiveKey] = useState('roder') //tap栏选项 默认选第一个
const [orderPrice, setOrderPrice] = useState('') //订单金额
const [orderStatus, setOrderStatus] = useState('') //订单状态
const [orderTime, setOrderTime] = useState('') //下单时间
const [payTime, setPayTime] = useState('') //付款时间
const [cardTime, setCardTime] = useState('') //下证时间
const [evaluateTime, setEvaluateTime] = useState('') //评价时间
const [orderRate, setOrderRate] = useState(0) //订单评价星星数量
const [rateText,setOrderText] = useState('')
// tab栏 标题数组
const tapTitleArray = [
{
key: 'roder',
title: '订单信息',
className: activeKey == 'roder' ? 'orderDetailTop-tetle tapActive' : 'orderDetailTop-tetle'
className: activeKey == 'roder' ? 'orderDetailTop-title tapActive' : 'orderDetailTop-title'
},
{
key: 'goodsInfo',
title: '著作权商品信息',
className: activeKey == 'goodsInfo' ? 'orderDetailTop-tetle tapActive' : 'orderDetailTop-tetle'
className: activeKey == 'goodsInfo' ? 'orderDetailTop-title tapActive' : 'orderDetailTop-title'
},
{
key: 'copyright',
title: ' 著作权人信息',
className: activeKey == 'copyright' ? 'orderDetailTop-tetle tapActive' : 'orderDetailTop-tetle'
className: activeKey == 'copyright' ? 'orderDetailTop-title tapActive' : 'orderDetailTop-title'
},
{
key: 'authorize',
title: '受权人信息',
className: activeKey == 'authorize' ? 'orderDetailTop-tetle tapActive' : 'orderDetailTop-tetle'
className: activeKey == 'authorize' ? 'orderDetailTop-title tapActive' : 'orderDetailTop-title'
},
{
key: 'file',
title: '资料补充',
className: activeKey == 'file' ? 'orderDetailTop-tetle tapActive' : 'orderDetailTop-tetle'
className: activeKey == 'file' ? 'orderDetailTop-title tapActive' : 'orderDetailTop-title'
},
{
key: 'result',
title: '过户结果',
className: activeKey == 'result' ? 'orderDetailTop-tetle tapActive borderRight' : 'orderDetailTop-tetle borderRight'
className: activeKey == 'result' ? 'orderDetailTop-title tapActive borderRight' : 'orderDetailTop-title borderRight'
},
]
// 订单信息
const orderInfo = {
orderPrice: '11', //订单金额
orderStatus: '过户已完成', //订单状态
orderTime: '2024-04-25 15:34:10', //下单时间
payTime: '2024-04-25 15:34:10', //付款时间
cardTime: '2024-04-25 15:34:10', //下证时间
evaluateTime: '2024-04-25 15:34:10',//评价时间
orderRate: 3, //评价星级
rateText: '喜喜喜喜喜喜喜喜喜喜哈哈哈哈' //评价内容
}
useEffect(() => {
// 发起请求获取订单信息
setOrderPrice('556')
setOrderStatus('已过户完成')
setOrderTime('2024-04-25 15:34:10')
setPayTime('2024-04-25 15:50:10')
setCardTime('2024-05-25 15:50:10')
setEvaluateTime('2024-05-25 15:50:10')
setOrderRate(3)
setOrderText('嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻')
// 发起请求获取订单信息 发送给其他组件
}, [])
return (
<div style={{ width: 1200, height: `${height}px` }}>
<div style={{ width: 1200, maxHeight: `${height}px`, minHeight: "680px" }}>
<div className='orderDetailTop'>
{tapTitleArray.map((item) => {
return (
@ -71,94 +73,22 @@ export default function OrderDetailModal() {
</div>
<div className='orderDetailBot'>
<div style={{ display: activeKey == 'roder' ? 'block' : 'none' }}>
<div className='orderDetailBot-order'>
<div className='orderInfo'>
<div className='orderInfo-title'>订单金额</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={orderPrice}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>订单状态</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={orderStatus}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>下单时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={orderTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>付款时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={payTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>下证时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={cardTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>评价时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={evaluateTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>订单评价</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}}
>
</Input>
<div className='orderInfo-rate'>
<Rate allowHalf disabled value={orderRate} />
</div>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>评价内容</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C"
}} value={rateText}></Input>
</div>
</div>
<OrderInfo orderInfo={orderInfo}></OrderInfo>
</div>
<div style={{ display: activeKey == 'goodsInfo' ? 'block' : 'none' }}>
<GoodsInfo ></GoodsInfo>
</div>
<div style={{ display: activeKey == 'copyright' ? 'block' : 'none' }}>
<Copyright ></Copyright>
</div>
<div style={{ display: activeKey == 'authorize' ? 'block' : 'none' }}>
<Authorize ></Authorize>
</div>
<div style={{ display: activeKey == 'file' ? 'block' : 'none' }}>
<File ></File>
</div>
<div style={{ display: activeKey == 'result' ? 'block' : 'none' }}>
<Result ></Result>
</div>
</div>
</div>

104
src/components/OrderDetailModal/components/Authorize/Authorize.tsx Normal file
View File

@ -0,0 +1,104 @@
import { Input } from "antd";
export default function Authorize() {
return (
<div className="copyright">
<div className='copyright-input'>
<div className='copyright-title'>
类别
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
姓名或名称
</div>
<Input
value={'嘻嘻'}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
所在城市
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
联系电话
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
证件类型
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
证件号码
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
</div>
)
}

105
src/components/OrderDetailModal/components/Copyright/Copyright.tsx Normal file
View File

@ -0,0 +1,105 @@
import './copyright.css'
import { Input } from "antd";
export default function Copyright() {
return (
<div className="copyright">
<div className='copyright-input'>
<div className='copyright-title'>
类别
</div>
<Input
value={'法人'}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
姓名或名称
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
所在城市
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
联系电话
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
证件类型
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='copyright-input'>
<div className='copyright-title'>
证件号码
</div>
<Input
value={''}
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
</div>
)
}

22
src/components/OrderDetailModal/components/Copyright/copyright.css Normal file
View File

@ -0,0 +1,22 @@
.copyright{
width: 1100px;
margin-left: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.copyright-input{
display: flex;
align-items: center;
margin-bottom: 29px;
}
.copyright-title{
font-size: 16px;
color: #222222;
line-height: 42px;
/* background-color: red; */
width: 80px;
text-align: right;
/* background-color: red; */
margin-right: 20px;
}

121
src/components/OrderDetailModal/components/File/File.tsx Normal file
View File

@ -0,0 +1,121 @@
// import React from 'react'
import { Table, Space } from "antd"
const { Column } = Table;
export default function File() {
const data = [
{
id:'123',
fileTitle:'嘻嘻嘻嘻嘻嘻嘻',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
id:"012",
fileTitle:'哈哈哈哈',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
fileTitle:'嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎1',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
fileTitle:'嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎2',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
fileTitle:'嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎3',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
fileTitle:'嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎4',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
fileTitle:'嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎5',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
{
fileTitle:'嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎6',
fileConent:'资料内容',
time:'2024-05-14 15:05:56',
status:'卖家待补充/买家待补充',
},
]
return (
<div>
<Table
// scroll={{ y: `${height - 190}px` }}
dataSource={data}
pagination={{
defaultPageSize: 5, // 设置默认一页显示 5 条数据
}}
// pagination={false} // 不显示分页
style={{ textAlign: 'center' }} // 设置表格内容居中显示
rowKey="fileTitle" // 指定数据项的唯一标识符
>
<Column
width={70}
title="序号" render={(_text, _record, index: number) => (
index + 1
)} align="center" />
<Column
title="资料主题"
dataIndex="fileTitle"
align="center"
// render={(text) => (
// <span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
// )}
/>
<Column
title="资料内容"
dataIndex="fileConent"
align="center"
/>
<Column
title="发起时间"
dataIndex="time"
align="center"
// ellipsis
/>
<Column
title="状态"
dataIndex="status"
align="center"
render={(text) => (
<span style={{ color: '#DD0000', fontSize: '16px', fontWeight: '700' }}>{text}</span>
)}
/>
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
<Column
align="center"
title="操作"
render={(_text, record: any) => (
<Space size="middle">
<span className='transaction-order-table-btn' onClick={() => {
console.log(record);
}}>查看内容</span>
</Space>
)}
/>
</Table>
</div>
)
}

49
src/components/OrderDetailModal/components/GoodsInfo/GoodsInfo.css Normal file
View File

@ -0,0 +1,49 @@
.goodsInfo {
/* margin-top: 42px; */
display: flex;
padding: 0px 23px;
}
.goodsInfo-left {
width: 321px;
height: 565px;
background: #F5F5F9;
border: 1px solid #DBDAE1;
padding: 22px;
box-sizing: border-box;
}
.goodsInfo-img{
width: 276px;
height: 367px;
background: #DFDFDF;
}
.tips{
color: #828282;
/* background-color: pink; */
text-align: center;
margin-top: 21px;
font-size: 14px;
}
.goodsInfo-right {
width: 100%;
height: 600px;
display: flex;
flex-wrap: wrap;
margin-left: 52px;
/* background-color: pink; */
justify-content: space-between;
}
.goodsInfo-input {
display: flex;
}
.goodsinfo-title {
font-size: 16px;
color: #222222;
line-height: 42px;
/* margin-right: 17px; */
width: 80px;
}

168
src/components/OrderDetailModal/components/GoodsInfo/GoodsInfo.tsx Normal file
View File

@ -0,0 +1,168 @@
import './GoodsInfo.css'
import { Input, Image } from "antd";
import testImg from '../../../../static/test.jpg'
const { TextArea } = Input;
export default function GoodsInfo() {
return (
<div className='goodsInfo'>
<div className='goodsInfo-left'>
<div className='goodsInfo-img'>
<Image src={testImg} width={'100%'} height={'100%'} preview={{
mask: <div>点击放大软著证书</div>,
}}></Image>
</div>
<div className='tips'>
点击放大软著证书
</div>
</div>
<div className='goodsInfo-right'>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
软著名称
</div>
<Input
value={'嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻'}
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
软著简称
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
textOverflow: 'ellipsis'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
软著证号
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9',
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
软著版本
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
取得时间
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
开发语言
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
获取方式
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
售卖价格
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
上架时间
</div>
<Input
disabled
style={{
width: 280,
fontSize: 16,
height: 42,
color: "#5C5C5C",
background: '#F5F5F9'
}}></Input>
</div>
<div className='goodsInfo-input'>
<div className='goodsinfo-title'>
软著详情
</div>
<TextArea
disabled
style={{
width: 700,
fontSize: 16,
height: 150,
color: "#5C5C5C",
background: '#F5F5F9',
resize: 'none'
}}></TextArea>
</div>
</div>
</div>
)
}

111
src/components/OrderDetailModal/components/OrderInfo/OrderInfo.tsx Normal file
View File

@ -0,0 +1,111 @@
import './Orderinfo.css'
import { Input, Rate } from "antd";
const { TextArea } = Input;
export default function OrderInfo(props: any) {
// const [orderPrice, setOrderPrice] = useState('') //订单金额
// const [orderStatus, setOrderStatus] = useState('') //订单状态
// const [orderTime, setOrderTime] = useState('') //下单时间
// const [payTime, setPayTime] = useState('') //付款时间
// const [cardTime, setCardTime] = useState('') //下证时间
// const [evaluateTime, setEvaluateTime] = useState('') //评价时间
// const [orderRate, setOrderRate] = useState(0) //订单评价星星数量
// const [rateText, setOrderText] = useState('')
const orderInfo = props.orderInfo
return (
<div>
<div className='orderDetailBot-order'>
<div className='orderInfo'>
<div className='orderInfo-title'>订单金额</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
color: "#5C5C5C",
height: 42,
background: '#F5F5F9',
}} value={orderInfo.orderPrice}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>订单状态</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
background: '#F5F5F9',
color: "#5C5C5C"
}} value={orderInfo.orderStatus}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>下单时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
background: '#F5F5F9',
color: "#5C5C5C"
}} value={orderInfo.orderTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>付款时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
background: '#F5F5F9',
color: "#5C5C5C"
}} value={orderInfo.payTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>下证时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
background: '#F5F5F9',
color: "#5C5C5C"
}} value={orderInfo.cardTime}></Input>
</div>
<div className='orderInfo'>
<div className='orderInfo-title'>评价时间</div>
<Input
disabled
style={{
width: 400,
fontSize: 16,
height: 42,
background: '#F5F5F9',
color: "#5C5C5C"
}} value={orderInfo.evaluateTime}></Input>
</div>
<div className='orderInfo orderInfoRate'>
<div className='orderInfo-title'>订单评价</div>
<Rate allowHalf disabled value={orderInfo.orderRate} />
</div>
</div>
<div className='orderInfo' style={{ padding: '0 16px 0 18px', width: 1100, }}>
<div className='orderInfo-title'>评价内容</div>
<TextArea
disabled
style={{
width: '100%',
height: 150,
fontSize: 16,
color: "#5C5C5C",
resize: 'none',
background: '#F5F5F9'
}} value={orderInfo.rateText}></TextArea>
</div>
</div>
)
}

33
src/components/OrderDetailModal/components/OrderInfo/Orderinfo.css Normal file
View File

@ -0,0 +1,33 @@
.orderDetailBot-order {
display: flex;
justify-content: space-between;
width: 1100px;
/* background-color: red; */
flex-wrap: wrap;
/* margin-top: 42px; */
margin-left: 20px;
}
.orderInfo {
display: flex;
margin-bottom: 29px;
/* position: relative; */
/* align-items: center; */
}
.orderInfoRate{
display: flex;
align-items: center;
}
.orderInfo-rate{
position: absolute;
left: 110px;
top: 12px;
}
.orderInfo-title {
font-size: 16px;
color: #222222;
line-height: 42px;
/* background-color: red; */
width: 100px;
}

24
src/components/OrderDetailModal/components/Result/Result.tsx Normal file
View File

@ -0,0 +1,24 @@
import React from 'react'
import './result.css'
import { Image } from "antd";
import {
DownloadOutlined
} from '@ant-design/icons';
import testImg from '../../../../static/test.jpg'
export default function Result() {
return (
<div className='result'>
<div className='result-img'>
<Image src={testImg} width={'100%'} height={'100%'} preview={{
mask: <div>点击放大软著过户后的电子版</div>,
}}></Image>
</div>
<div className='result-text'>
<div>点击放大软著过户后的电子版</div>
<div className='result-down' onClick={()=>{
// window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply/${pathParams.projId}`)
}}><DownloadOutlined />下载</div>
</div>
</div>
)
}

28
src/components/OrderDetailModal/components/Result/result.css Normal file
View File

@ -0,0 +1,28 @@
.result {
height: 560px;
background: #F5F5F9;
border: 1px solid #DBDAE1;
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items: center;
}
.result-img {
width: 350px;
height: 480px;
background-color: pink;
margin-top: 22px;
}
.result-text {
display: flex;
/* background-color: red; */
width: 350px;
justify-content: space-between;
color: #888888;
margin-top: 18px;
}
.result-down{
cursor: pointer;
}

34
src/components/OrderDetailModal/order-detail-modal.css
View File

@ -6,7 +6,7 @@
border-bottom: 1px solid #EFE8E2;
}
.orderDetailTop-tetle {
.orderDetailTop-title {
/* background-color: pink; */
line-height: 45px;
padding: 0 16px 0 16px;
@ -27,33 +27,9 @@
color: #3168EC;
}
.orderDetailBot {}
.orderDetailBot-order {
display: flex;
justify-content: space-between;
width: 1100px;
.orderDetailBot {
margin-top: 30px;
height: calc(100% - 120px);
/* background-color: red; */
flex-wrap: wrap;
margin-top: 42px;
margin-left: 20px;
}
.orderInfo {
display: flex;
margin-bottom: 29px;
position: relative;
}
.orderInfo-rate{
position: absolute;
left: 110px;
top: 12px;
}
.orderInfo-title {
font-size: 16px;
color: #222222;
line-height: 44px;
/* background-color: red; */
width: 100px;
overflow: auto;
}

8
src/route/CopyrightGgoods/CopyrightGgoods.tsx
View File

@ -277,15 +277,7 @@ export default function CopyrightGgoods() {
<div style={{ height: `${height - 130}px` }}>
<Table
scroll={{ y: `${height - 190}px` }}
// rowSelection={{
// type: 'checkbox',
// // selectedRowKeys: belongselectedKeys // 设置默认选中的行
// }}
dataSource={data}
// pagination={{
// defaultPageSize: 10, // 设置默认一页显示 5 条数据
// }}
pagination={false} // 不显示分页
style={{ textAlign: 'center' }} // 设置表格内容居中显示
rowKey="number" // 指定数据项的唯一标识符

12
src/route/proj/ProjEditFree.tsx
View File

@ -305,7 +305,7 @@ export default function ProjEdit() {
}, [])
return (
<>
<div className='proj-edit-box' style={{ height: `${height}px`, overflow: 'auto' }}>
{contextHolder}
{/* <Breadcrumb
items={[
@ -314,7 +314,7 @@ export default function ProjEdit() {
{ title: '编辑项目' },
]}
/> */}
<div className="proj-edit" style={{ marginTop: '21px' }}>
<div className="proj-edit" style={{ }}>
<StepProjEdit step={1} process={isEditStepEdited ? Process.COMPLETE : Process.PROCESSING}
descTitle="完善信息"
descDetail="完善项目的基本信息"
@ -477,9 +477,9 @@ export default function ProjEdit() {
width: '200px',
height: '40px',
fontSize: '16px',
backgroundColor: '#e9e7e7',
color: '#A0A0A0',
border: 'none',
backgroundColor: 'white',
// color: '#A0A0A0',
// border: 'none',
}} onClick={() => {
nav(-1);
}}>返回</Button>
@ -742,6 +742,6 @@ export default function ProjEdit() {
>
<DisplayOrderShow></DisplayOrderShow>
</Modal>
</>
</div>
)
}