暂存
This commit is contained in:
xixi
parent
7dba8de8e4
commit
793b781fb8
@ -2,10 +2,10 @@ import './copyrightG-goods.css'
|
||||
import {
|
||||
Select, DatePicker, Button, Table,
|
||||
// message,
|
||||
Space, Input, Empty
|
||||
Space, Input, Empty, Pagination
|
||||
} from 'antd';
|
||||
// import type { TableColumnsType } from 'antd';
|
||||
import { SearchOutlined,ClearOutlined } from '@ant-design/icons';
|
||||
import { SearchOutlined, ClearOutlined } from '@ant-design/icons';
|
||||
import type { DatePickerProps } from 'antd';
|
||||
import locale from 'antd/es/date-picker/locale/zh_CN';
|
||||
const { Column } = Table;
|
||||
@ -33,7 +33,7 @@ export default function CopyrightGgoods() {
|
||||
{
|
||||
name: '智能管理系统',
|
||||
short: '简称',
|
||||
number: '31234567891234561789',
|
||||
number: '312345678912345617891',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
@ -42,7 +42,7 @@ export default function CopyrightGgoods() {
|
||||
{
|
||||
name: '商城管理系统',
|
||||
short: '简称',
|
||||
number: '1123456789123456789',
|
||||
number: '11234567891234567892',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
@ -51,7 +51,70 @@ export default function CopyrightGgoods() {
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '2123456789123456789',
|
||||
number: '21234567891234567893',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567894',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567895',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567896',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567897',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567898',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567899',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
language: 'java'
|
||||
},
|
||||
{
|
||||
name: 'xx系统',
|
||||
short: '简称',
|
||||
number: '21234567891234567890',
|
||||
price: '5.00',
|
||||
version: '1-1-1',
|
||||
time: '2020-04-19 15：42:21',
|
||||
@ -62,7 +125,7 @@ export default function CopyrightGgoods() {
|
||||
|
||||
|
||||
return (
|
||||
<div className='copyrightG-goods' style={{ height: `${height}px`, overflow: 'auto' }}>
|
||||
<div className='copyrightG-goods' style={{ height: `${height}px`, overflow: 'hidden' }}>
|
||||
{/* {contextHolder} */}
|
||||
<div className='copyrightG-goods-search'>
|
||||
<Input placeholder="最低价格" type="number" min={0}
|
||||
@ -134,62 +197,77 @@ export default function CopyrightGgoods() {
|
||||
'暂无数据'
|
||||
} />
|
||||
</div>) : (
|
||||
<Table
|
||||
rowSelection={{
|
||||
type: 'checkbox',
|
||||
// selectedRowKeys: belongselectedKeys // 设置默认选中的行
|
||||
}}
|
||||
<div>
|
||||
<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" // 指定数据项的唯一标识符
|
||||
>
|
||||
<Column title="序号" render={(_text, _record, index: number) => (
|
||||
index + 1
|
||||
)} align="center" />
|
||||
<Column
|
||||
title="软著名称"
|
||||
dataIndex="name"
|
||||
align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
|
||||
)}
|
||||
/>
|
||||
<Column
|
||||
title="软著简称"
|
||||
dataIndex="short"
|
||||
align="center"
|
||||
/>
|
||||
<Column
|
||||
title="软著证号"
|
||||
dataIndex="number"
|
||||
align="center"
|
||||
/>
|
||||
<Column title="售价" dataIndex="price" align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#FF5D15', fontSize: '24px', fontWeight: '700' }}>{text}</span>
|
||||
)} />
|
||||
<Column title="软著版本" dataIndex="version" align="center" />
|
||||
<Column title="软著取得时间" dataIndex="time" align="center" />
|
||||
<Column title="软著开发语言" dataIndex="language" align="center" />
|
||||
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
||||
<Column
|
||||
align="center"
|
||||
title="软著电子版"
|
||||
render={(_text, record: any) => (
|
||||
<Space size="middle">
|
||||
<span className='copyrightG-goods-table-btn' onClick={() => {
|
||||
console.log(record.number);
|
||||
dataSource={data}
|
||||
// pagination={{
|
||||
// defaultPageSize: 10, // 设置默认一页显示 5 条数据
|
||||
// }}
|
||||
pagination={false} // 不显示分页
|
||||
style={{ textAlign: 'center' }} // 设置表格内容居中显示
|
||||
rowKey="number" // 指定数据项的唯一标识符
|
||||
>
|
||||
<Column
|
||||
width={70}
|
||||
title="序号" render={(_text, _record, index: number) => (
|
||||
index + 1
|
||||
)} align="center" />
|
||||
<Column
|
||||
title="软著名称"
|
||||
dataIndex="name"
|
||||
align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
|
||||
)}
|
||||
/>
|
||||
<Column
|
||||
title="软著简称"
|
||||
dataIndex="short"
|
||||
align="center"
|
||||
/>
|
||||
<Column
|
||||
title="软著证号"
|
||||
dataIndex="number"
|
||||
align="center"
|
||||
// ellipsis
|
||||
/>
|
||||
<Column title="售价" dataIndex="price" align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#FF5D15', fontSize: '24px', fontWeight: '700' }}>{text}</span>
|
||||
)} />
|
||||
<Column title="软著版本" dataIndex="version" align="center" />
|
||||
<Column title="软著取得时间" dataIndex="time" align="center" />
|
||||
<Column title="软著开发语言" dataIndex="language" align="center" />
|
||||
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
||||
<Column
|
||||
align="center"
|
||||
title="软著电子版"
|
||||
render={(_text, record: any) => (
|
||||
<Space size="middle">
|
||||
<span className='copyrightG-goods-table-btn' onClick={() => {
|
||||
console.log(record.number);
|
||||
|
||||
}}>预览</span>
|
||||
</Space>
|
||||
)}
|
||||
/>
|
||||
</Table>)}
|
||||
}}>预览</span>
|
||||
</Space>
|
||||
)}
|
||||
/>
|
||||
</Table>
|
||||
</div>
|
||||
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
|
||||
<div className='product-release-pagination'>
|
||||
<Pagination defaultCurrent={1} total={20} defaultPageSize={10} onChange={(page) => {
|
||||
console.log(page)
|
||||
}} />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ import './product-release.css'
|
||||
import {
|
||||
Select, DatePicker, Button,
|
||||
// message,
|
||||
Checkbox, Empty, Switch, Modal
|
||||
Checkbox, Empty, Switch, Modal, Pagination
|
||||
} from 'antd';
|
||||
import EditModal from './components/EditModal/EditModal'
|
||||
// import type { CheckboxProps } from 'antd';
|
||||
@ -31,17 +31,36 @@ export default function ProductRelease() {
|
||||
console.log('日期', dayjs(date).format(dateFormat));
|
||||
|
||||
};
|
||||
|
||||
// 选择开发者语言
|
||||
const [language, setLanguage] = useState<any>(undefined)
|
||||
const selectLanguage = (value: string) => {
|
||||
setLanguage(value)
|
||||
}
|
||||
// 选择软著类型
|
||||
const [type, setType] = useState<any>(undefined)
|
||||
const selectType = (value: string) => {
|
||||
setType(value)
|
||||
}
|
||||
// 初始化搜索条件
|
||||
const init = () => {
|
||||
setBelongType(undefined)
|
||||
setDate(undefined)
|
||||
setLanguage(undefined)
|
||||
setType(undefined)
|
||||
}
|
||||
// 点击搜索
|
||||
const searchKeyWords = () => {
|
||||
console.log(
|
||||
belongType,language,dayjs(date).format(dateFormat),type
|
||||
);
|
||||
|
||||
}
|
||||
// 点击清除
|
||||
const clearKeyWords = () => {
|
||||
init()
|
||||
// 重新获取数据
|
||||
}
|
||||
|
||||
// 选框选择时触发事件
|
||||
const checkChange = (e: any, item: any) => {
|
||||
console.log(`checked = ${e.target.checked}`);
|
||||
@ -74,7 +93,7 @@ export default function ProductRelease() {
|
||||
console.log(item.order);
|
||||
setDelModalOpen(true)
|
||||
};
|
||||
// 删除点击确认
|
||||
|
||||
|
||||
// 控制出售弹窗
|
||||
const [sellModalOpen, setSellModalOpen] = useState(false)
|
||||
@ -104,7 +123,6 @@ export default function ProductRelease() {
|
||||
time1: '2020-04-19 11:51:03',
|
||||
img: 'xxx',
|
||||
name: 'xxxx系统',
|
||||
|
||||
v: '1-1-v',
|
||||
price: '5.00',
|
||||
time2: '2020-04-19 11:51:03',
|
||||
@ -112,7 +130,7 @@ export default function ProductRelease() {
|
||||
status: '平台已审核',
|
||||
},
|
||||
{
|
||||
order: '121',
|
||||
order: '124',
|
||||
time1: '2020-04-19 11:51:03',
|
||||
img: 'xxx',
|
||||
name: 'xxxx系统',
|
||||
@ -122,12 +140,35 @@ export default function ProductRelease() {
|
||||
open: '0',
|
||||
status: '平台已审核',
|
||||
},
|
||||
{
|
||||
order: '125',
|
||||
time1: '2020-04-19 11:51:03',
|
||||
img: 'xxx',
|
||||
name: 'xxxx系统',
|
||||
v: '1-1-v',
|
||||
price: '5.00',
|
||||
time2: '2020-04-19 11:51:03',
|
||||
open: '0',
|
||||
status: '平台已审核',
|
||||
},
|
||||
{
|
||||
order: '126',
|
||||
time1: '2020-04-19 11:51:03',
|
||||
img: 'xxx',
|
||||
name: 'xxxx系统',
|
||||
v: '1-1-v',
|
||||
price: '5.00',
|
||||
time2: '2020-04-19 11:51:03',
|
||||
open: '0',
|
||||
status: '平台已审核',
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className='product-release' style={{ height: `${height}px`, overflow: 'auto' }}>
|
||||
<div className='product-release' style={{ height: `${height}px`, overflow: 'hidden' }}>
|
||||
{/* {contextHolder} */}
|
||||
<div className='product-release-search'>
|
||||
<Select
|
||||
@ -151,28 +192,30 @@ export default function ProductRelease() {
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择所开发者语言'
|
||||
style={{ width: 198, height: 36, marginRight: 12 }}
|
||||
onChange={belongTypeChange}
|
||||
onChange={selectLanguage}
|
||||
options={[
|
||||
{ value: 'person', label: '123' },
|
||||
{ value: 'lucy', label: '123' },
|
||||
{ value: 'java', label: 'java' },
|
||||
{ value: 'php', label: 'php' },
|
||||
]}
|
||||
value={language}
|
||||
/>
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择软著类型'
|
||||
style={{ width: 198, height: 36, marginRight: 12 }}
|
||||
onChange={belongTypeChange}
|
||||
onChange={selectType}
|
||||
options={[
|
||||
{ value: 'person', label: '1' },
|
||||
{ value: 'lucy', label: '2' },
|
||||
]}
|
||||
value={type}
|
||||
/>
|
||||
<Button type="primary"
|
||||
style={{
|
||||
height: 36,
|
||||
// backgroundColor: '#FF9F08'
|
||||
}}
|
||||
|
||||
onClick={searchKeyWords}
|
||||
icon={<SearchOutlined />}>
|
||||
搜索
|
||||
</Button>
|
||||
@ -184,13 +227,13 @@ export default function ProductRelease() {
|
||||
}}
|
||||
icon={<ClearOutlined />}
|
||||
onClick={clearKeyWords}
|
||||
>
|
||||
>
|
||||
清除
|
||||
</Button>
|
||||
</div>
|
||||
<div>
|
||||
{/* 表格 */}
|
||||
<div className='product-release-table'>
|
||||
<div className='product-release-table' style={{ height: `${height - 130}px` }}>
|
||||
{data.length == 0 ? (
|
||||
<div className='nodata' style={{ height: `${height - 93}px` }}>
|
||||
<Empty
|
||||
@ -198,84 +241,94 @@ export default function ProductRelease() {
|
||||
'暂无数据'
|
||||
} />
|
||||
</div>) : (
|
||||
<table style={{ width: '100%', borderCollapse: 'collapse' }}>
|
||||
<thead>
|
||||
<tr style={{ background: '#F7F7F7', height: 32, fontSize: 14 }}>
|
||||
<th style={{ width: 50 }}>序号</th>
|
||||
<th style={{ width: 110 }}></th>
|
||||
<th>软著名称</th>
|
||||
<th>软著版本</th>
|
||||
<th>售卖价格</th>
|
||||
<th>截止售卖时间</th>
|
||||
<th>著作权上架</th>
|
||||
<th>平台审核</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style={{ color: '#888888' }}>
|
||||
{data.map((item: any, index: any) => {
|
||||
return (
|
||||
<React.Fragment key={item.order}>
|
||||
<tr style={{ height: 15 }}>
|
||||
<td colSpan={9} style={{ border: 'none' }}>
|
||||
<div style={{ height: `${height - 130}px`, overflow: 'auto', position: 'relative' }}>
|
||||
<table style={{ width: '100%', borderCollapse: 'collapse' }}>
|
||||
<thead >
|
||||
<tr style={{ background: '#F7F7F7', height: 32, fontSize: 14 }}>
|
||||
<th style={{ width: 50 }}>序号</th>
|
||||
<th style={{ width: 110 }}></th>
|
||||
<th>软著名称</th>
|
||||
<th>软著版本</th>
|
||||
<th>售卖价格</th>
|
||||
<th>截止售卖时间</th>
|
||||
<th>著作权上架</th>
|
||||
<th>平台审核</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style={{ color: '#888888' }}>
|
||||
{data.map((item: any, index: any) => {
|
||||
return (
|
||||
<React.Fragment key={item.order}>
|
||||
<tr style={{ height: 15 }}>
|
||||
<td colSpan={9} style={{ border: 'none' }}>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr style={{ background: '#F7F7F7', height: 45 }}>
|
||||
<td colSpan={9}>
|
||||
<Checkbox style={{ marginLeft: 16 }} onChange={
|
||||
(event) => checkChange(event, item)
|
||||
}></Checkbox>
|
||||
<span style={{ marginLeft: 32 }}>
|
||||
编号: {item.order}
|
||||
</span>
|
||||
<span style={{ marginLeft: 45 }}>
|
||||
软著取得时间: {item.time1}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style={{ textAlign: 'center', height: 110 }}>
|
||||
<td>{index + 1}</td>
|
||||
<td className='product-release-table-img-td'>
|
||||
<div className='product-release-table-img'>
|
||||
{item.img}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div className='product-release-table-name'>
|
||||
{item.name}
|
||||
</div>
|
||||
<div>
|
||||
(接口软著)
|
||||
</div>
|
||||
</td>
|
||||
<td>{item.v}</td>
|
||||
<td style={{ fontSize: 24, color: '#FF5D15' }}>{item.price}</td>
|
||||
<td>{item.time2}</td>
|
||||
<td>
|
||||
<Switch checkedChildren="On" unCheckedChildren="Off" onChange={(e) => { opneChange(e, item) }} defaultChecked={item.open == 0 ? false : true} />
|
||||
</td>
|
||||
<td>{item.status}</td>
|
||||
<td>
|
||||
<span className='product-release-table-btn' onClick={() => edit(item)}>编辑</span>
|
||||
<span className='product-release-table-btn product-btn' onClick={() => del(item)}>删除</span>
|
||||
<span className='product-release-table-btn product-btn' onClick={() => sell(item)}>出售</span>
|
||||
<span className='product-release-table-btn product-btn' onClick={() => submit(item)}>提交审核</span>
|
||||
</td>
|
||||
</tr>
|
||||
</React.Fragment>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style={{ background: '#F7F7F7', height: 45 }}>
|
||||
<td colSpan={9}>
|
||||
<Checkbox style={{ marginLeft: 16 }} onChange={
|
||||
(event) => checkChange(event, item)
|
||||
}></Checkbox>
|
||||
<span style={{ marginLeft: 32 }}>
|
||||
编号: {item.order}
|
||||
</span>
|
||||
<span style={{ marginLeft: 45 }}>
|
||||
软著取得时间: {item.time1}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style={{ textAlign: 'center', height: 110 }}>
|
||||
<td>{index + 1}</td>
|
||||
<td className='product-release-table-img-td'>
|
||||
<div className='product-release-table-img'>
|
||||
{item.img}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div className='product-release-table-name'>
|
||||
{item.name}
|
||||
</div>
|
||||
<div>
|
||||
(接口软著)
|
||||
</div>
|
||||
</td>
|
||||
<td>{item.v}</td>
|
||||
<td style={{ fontSize: 24, color: '#FF5D15' }}>{item.price}</td>
|
||||
<td>{item.time2}</td>
|
||||
<td>
|
||||
<Switch checkedChildren="On" unCheckedChildren="Off" onChange={(e) => { opneChange(e, item) }} defaultChecked={item.open == 0 ? false : true} />
|
||||
</td>
|
||||
<td>{item.status}</td>
|
||||
<td>
|
||||
<span className='product-release-table-btn' onClick={() => edit(item)}>编辑</span>
|
||||
<span className='product-release-table-btn product-btn' onClick={() => del(item)}>删除</span>
|
||||
<span className='product-release-table-btn product-btn' onClick={() => sell(item)}>出售</span>
|
||||
<span className='product-release-table-btn product-btn' onClick={() => submit(item)}>提交审核</span>
|
||||
</td>
|
||||
</tr>
|
||||
</React.Fragment>
|
||||
|
||||
)
|
||||
})}
|
||||
)
|
||||
})}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
{/* <div style={{ height: 10 }}></div> */}
|
||||
|
||||
</div>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
)}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
|
||||
<div className='product-release-pagination'>
|
||||
<Pagination defaultCurrent={1} total={20} defaultPageSize={10} onChange={(page) => {
|
||||
console.log(page)
|
||||
}} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 编辑弹窗 */}
|
||||
@ -289,7 +342,7 @@ export default function ProductRelease() {
|
||||
}}
|
||||
>
|
||||
<div style={{ height: `${height - 20}px`, overflow: 'auto', borderTop: '1px solid #e8e8e8' }}>
|
||||
<EditModal closeModal={()=>{ setEditModalOpen(false)}} ></EditModal>
|
||||
<EditModal closeModal={() => { setEditModalOpen(false) }} ></EditModal>
|
||||
</div>
|
||||
</Modal>
|
||||
{/* 删除弹窗 */}
|
||||
@ -312,14 +365,14 @@ export default function ProductRelease() {
|
||||
height: `${height}px`,
|
||||
}}>
|
||||
<div style={{
|
||||
width:700,
|
||||
marginTop:20
|
||||
width: 700,
|
||||
marginTop: 20
|
||||
}}>
|
||||
删除后这条信息将不被保存，确定删除吗？
|
||||
</div>
|
||||
</Modal>
|
||||
{/* 出售弹窗 */}
|
||||
<Modal title="出售"
|
||||
{/* 出售弹窗 */}
|
||||
<Modal title="出售"
|
||||
okText="确认"
|
||||
cancelText="取消"
|
||||
destroyOnClose={true}
|
||||
@ -338,8 +391,8 @@ export default function ProductRelease() {
|
||||
height: `${height}px`,
|
||||
}}>
|
||||
<div style={{
|
||||
width:700,
|
||||
marginTop:20
|
||||
width: 700,
|
||||
marginTop: 20
|
||||
}}>
|
||||
确定出售接口管理系统的软件著作权证吗？
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.editModal {
|
||||
padding: 32px 32px 58px 33px;
|
||||
padding: 32px 32px 18px 33px;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
@ -7,6 +7,7 @@
|
||||
.editModal-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
|
||||
.editModal-title-box {
|
||||
@ -25,10 +26,30 @@
|
||||
|
||||
.editModal-img-box {
|
||||
width: 489px;
|
||||
height: 60px;
|
||||
height: 50px;
|
||||
background: #F8F8F8;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.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);
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.editModalBtn {
|
||||
margin-left: 857px;
|
||||
margin-top: 57px;
|
||||
}
|
||||
|
||||
.css-dev-only-do-not-override-1ae8k9u.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
|
||||
.css-dev-only-do-not-override-1ae8k9u.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: 8px;
|
||||
margin-left: 17px;
|
||||
border: 0;
|
||||
background: #E1E1E1;
|
||||
border-radius: 0;
|
||||
}
|
||||
@ -6,24 +6,129 @@ import {
|
||||
DatePicker,
|
||||
Select,
|
||||
InputNumber,
|
||||
Modal
|
||||
Modal,
|
||||
Cascader,
|
||||
message,
|
||||
Upload,
|
||||
UploadFile
|
||||
} from "antd";
|
||||
import type { GetProp, UploadProps } from 'antd';
|
||||
import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';
|
||||
import { useEffect, useState } from "react";
|
||||
import { get ,uploadImageUrl,DevUserId,downloadUrl} from "../../../../util/AjaxUtils";
|
||||
// import type { InputNumberProps } from 'antd';
|
||||
import locale from 'antd/es/date-picker/locale/zh_CN';
|
||||
import './EditModal.css'
|
||||
import { useState } from "react";
|
||||
import { ITree } from "../../../../interfaces/dict/IDict";
|
||||
const dateFormat = 'YYYY年MM月DD日';
|
||||
const { TextArea } = Input;
|
||||
interface Option {
|
||||
value?: string | number | null;
|
||||
label: React.ReactNode;
|
||||
children?: Option[];
|
||||
isLeaf?: boolean;
|
||||
id: string;
|
||||
pId: string;
|
||||
}
|
||||
type FileType = Parameters<GetProp<UploadProps, 'beforeUpload'>>[0];
|
||||
export default function EditModal(props: any) {
|
||||
const [messageApi, contextHolder] = message.useMessage();
|
||||
const height = window.innerHeight - 180;
|
||||
const [areaArray, setAreaArray] = useState<Option[]>([]);
|
||||
const listArea = (pId: string) => {
|
||||
return new Promise<ITree[]>((resolve) => {
|
||||
get<ITree[]>({
|
||||
messageApi,
|
||||
url: '/api/area/list-area-ztree',
|
||||
config: {
|
||||
params: {
|
||||
id: pId
|
||||
}
|
||||
},
|
||||
onSuccess({ data }) {
|
||||
resolve(data);
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
const [form] = Form.useForm();
|
||||
const [promptModal, setPromptModal] = useState(false)
|
||||
// 上传图片
|
||||
const [logoImgArray, setLogoImgArray] = useState<UploadFile[]>([]);
|
||||
const beforeUpload = (file: FileType) => {
|
||||
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
|
||||
if (!isJpgOrPng) {
|
||||
message.error('只能上传 JPG/PNG 格式文件!');
|
||||
}
|
||||
// 限制图片大小
|
||||
// const isLt2M = file.size / 1024 / 1024 < 2;
|
||||
// if (!isLt2M) {
|
||||
// message.error('Image must smaller than 2MB!');
|
||||
// }
|
||||
// return isJpgOrPng && isLt2M;
|
||||
return isJpgOrPng;
|
||||
};
|
||||
|
||||
const [loading, setLoading] = useState(false);
|
||||
// const [imageUrl, setImageUrl] = useState<string>();
|
||||
|
||||
|
||||
const handleChange: UploadProps['onChange'] = (info) => {
|
||||
if (info.file.status === 'uploading') {
|
||||
setLoading(true);
|
||||
return;
|
||||
}
|
||||
if (info.file.status === 'done') {
|
||||
setLoading(false);
|
||||
const fileId = info.file.response.data.fileId;
|
||||
const url = downloadUrl(fileId);
|
||||
logoImgArray.splice(0, 1, {
|
||||
uid: info.file.response.data.fileId,
|
||||
name: 'xixi.png',
|
||||
status: 'done',
|
||||
url: url,
|
||||
thumbUrl: url,
|
||||
})
|
||||
setLogoImgArray([
|
||||
...logoImgArray
|
||||
])
|
||||
return;
|
||||
}
|
||||
};
|
||||
|
||||
const uploadButton = (
|
||||
<button style={{ border: 0, background: 'none' }} type="button">
|
||||
{loading ? <LoadingOutlined /> : <PlusOutlined />}
|
||||
</button>
|
||||
);
|
||||
useEffect(() => {
|
||||
listArea('0').then(data => {
|
||||
console.log('省市1', data);
|
||||
// data.slice(0, 2).map
|
||||
const options: Option[] = data.map(item => {
|
||||
return {
|
||||
value: item.name,
|
||||
label: item.name,
|
||||
isLeaf: !item.isParent,
|
||||
id: item.id,
|
||||
pId: item.pId
|
||||
}
|
||||
})
|
||||
|
||||
setAreaArray(options);
|
||||
// console.log('省市2', options);
|
||||
});
|
||||
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className='editModal'>
|
||||
{contextHolder}
|
||||
<div className='editModal-title'>
|
||||
<div className='editModal-title-box'></div>
|
||||
<div className='editModal-title-name'>软著信息</div>
|
||||
</div>
|
||||
<div className="form-body" style={{ marginTop: 39 }}>
|
||||
<div className="form-body" >
|
||||
<Form
|
||||
name="basic"
|
||||
form={form}
|
||||
@ -46,7 +151,7 @@ export default function EditModal(props: any) {
|
||||
rules={[{ required: true, message: '请输入软著名称' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px' }} placeholder="请输入软著名称"
|
||||
style={{ height: '50px', width: '498px' }} placeholder="请输入软著名称"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -54,11 +159,37 @@ export default function EditModal(props: any) {
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="软著图片"
|
||||
name=""
|
||||
name="imageUrl"
|
||||
rules={[{ required: true, message: '请上传软著图片' }]}
|
||||
>
|
||||
<div className="editModal-img-box">
|
||||
<div>
|
||||
<Upload
|
||||
name="image"
|
||||
listType="picture-card"
|
||||
maxCount={1}
|
||||
defaultFileList={logoImgArray}
|
||||
className="avatar-uploader"
|
||||
showUploadList={false}
|
||||
action={uploadImageUrl()}
|
||||
headers={{ 'X-USER-ID': DevUserId }}
|
||||
|
||||
beforeUpload={beforeUpload}
|
||||
onChange={handleChange}
|
||||
onRemove={() => {
|
||||
logoImgArray.splice(0)
|
||||
setLogoImgArray([
|
||||
...logoImgArray
|
||||
])
|
||||
}}
|
||||
>
|
||||
{logoImgArray.length > 0 ? <img src={logoImgArray[0].url} alt="avatar" style={{ width: '100%' }} /> : uploadButton}
|
||||
</Upload>
|
||||
</div>
|
||||
<div style={{ color: '#919191', marginRight: '27px' }}>
|
||||
{logoImgArray.length > 0 ?'点击图片更换':'点击+上传图片'}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</Form.Item>
|
||||
|
||||
@ -78,7 +209,7 @@ export default function EditModal(props: any) {
|
||||
rules={[{ required: true, message: '请输入软著简称' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px' }}
|
||||
style={{ height: '50px', width: '498px' }}
|
||||
placeholder="请输入软著简称"
|
||||
/>
|
||||
</Form.Item>
|
||||
@ -94,7 +225,7 @@ export default function EditModal(props: any) {
|
||||
rules={[{ required: true, message: '请输入软著证号' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px' }}
|
||||
style={{ height: '50px', width: '498px' }}
|
||||
placeholder="请输入软著证号"
|
||||
/>
|
||||
</Form.Item>
|
||||
@ -112,8 +243,11 @@ export default function EditModal(props: any) {
|
||||
rules={[{ required: true, message: '请输入软著说明' }]}
|
||||
>
|
||||
<TextArea
|
||||
style={{ resize: 'none', width: "995px", height: '174px' }}
|
||||
placeholder="请输入软著说明请输入软著说明请输入软著说明"
|
||||
style={{
|
||||
resize: 'none', width: "995px", height: '154px',
|
||||
// background:'#F8F8F8'
|
||||
}}
|
||||
placeholder="请输入软著说明..."
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -133,7 +267,7 @@ export default function EditModal(props: any) {
|
||||
rules={[{ required: true, message: '请输入软著版本' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '60px', width: '498px' }} placeholder="请输入软著版本"
|
||||
style={{ height: '50px', width: '498px' }} placeholder="请输入软著版本"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@ -148,7 +282,7 @@ export default function EditModal(props: any) {
|
||||
format={dateFormat}
|
||||
locale={locale}
|
||||
// style={{ width: '100%' }}
|
||||
style={{ height: '60px', width: '498px' }}
|
||||
style={{ height: '50px', width: '498px' }}
|
||||
|
||||
/>
|
||||
</Form.Item>
|
||||
@ -173,7 +307,7 @@ export default function EditModal(props: any) {
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择软著类型'
|
||||
style={{ width: 498, height: 60 }}
|
||||
style={{ width: 498, height: 50 }}
|
||||
options={[
|
||||
{ value: 'java', label: 'java' },
|
||||
{ value: 'php', label: 'php' },
|
||||
@ -191,7 +325,7 @@ export default function EditModal(props: any) {
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择取得方式'
|
||||
style={{ width: 498, height: 60 }}
|
||||
style={{ width: 498, height: 50 }}
|
||||
options={[
|
||||
{ value: '1', label: '跟别人抢的' },
|
||||
{ value: '2', label: '路上捡的' },
|
||||
@ -214,7 +348,7 @@ export default function EditModal(props: any) {
|
||||
<Select
|
||||
mode="multiple"
|
||||
placeholder="请选择软著类型"
|
||||
style={{ width: 498, height: 60 }}
|
||||
style={{ width: 498, height: 50 }}
|
||||
options={[
|
||||
{ value: '嘻嘻', label: '嘻嘻' },
|
||||
{ value: '呵呵', label: '呵呵' },
|
||||
@ -237,7 +371,7 @@ export default function EditModal(props: any) {
|
||||
style={{ height: '60px', width: '498px', fontSize: '16px' }} placeholder="请输入售卖价格"
|
||||
|
||||
/> */}
|
||||
<InputNumber min={0} style={{ height: '60px', width: '498px', display: 'flex', alignItems: 'center' }} placeholder="请输入售卖价格" />
|
||||
<InputNumber min={0} style={{ height: '50px', width: '498px', display: 'flex', alignItems: 'center' }} placeholder="请输入售卖价格" />
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
@ -254,7 +388,7 @@ export default function EditModal(props: any) {
|
||||
format={dateFormat}
|
||||
locale={locale}
|
||||
// style={{ width: '100%' }}
|
||||
style={{ height: '60px', width: '498px' }}
|
||||
style={{ height: '50px', width: '498px' }}
|
||||
|
||||
/>
|
||||
</Form.Item>
|
||||
@ -262,14 +396,133 @@ export default function EditModal(props: any) {
|
||||
</Col>
|
||||
|
||||
|
||||
|
||||
</Row>
|
||||
<div className='editModal-title' style={{ marginTop: 30 }}>
|
||||
<div className='editModal-title-box'></div>
|
||||
<div className='editModal-title-name'>软著信息</div>
|
||||
<div className='editModal-title-name'>著作权人信息</div>
|
||||
</div>
|
||||
<Row gutter={15}>
|
||||
|
||||
<div className='setProBtn'>
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="类别"
|
||||
name="peopleClass"
|
||||
rules={[{ required: true, message: '请选择类别' }]}
|
||||
>
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择类别'
|
||||
style={{ width: 498, height: 50 }}
|
||||
options={[
|
||||
{ value: '1', label: '跟别人抢的' },
|
||||
{ value: '2', label: '路上捡的' },
|
||||
]}
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
|
||||
<Form.Item
|
||||
label="姓名或名称"
|
||||
name="peopleName"
|
||||
rules={[{ required: true, message: '请输入姓名或名称' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '50px', width: '498px' }} placeholder="请输入姓名或名称"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
</Row>
|
||||
<Row gutter={15}>
|
||||
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="省市"
|
||||
name="authorProvince"
|
||||
rules={[{ required: true, message: '请选择省市' }]}
|
||||
>
|
||||
<Cascader options={areaArray}
|
||||
style={{ height: '50px', width: '498px', }}
|
||||
|
||||
loadData={(selectedOptions: Option[]) => {
|
||||
const targetOption = selectedOptions[selectedOptions.length - 1];
|
||||
// console.log(targetOption.id);
|
||||
|
||||
listArea(targetOption.id).then(data => {
|
||||
targetOption.children = data.map(item => {
|
||||
return {
|
||||
value: item.name,
|
||||
label: item.name,
|
||||
isLeaf: true, //二级判断这个 以前不是 以前是 !item.isParent
|
||||
id: item.id,
|
||||
pId: item.pId
|
||||
}
|
||||
});
|
||||
setAreaArray([
|
||||
...areaArray
|
||||
])
|
||||
});
|
||||
|
||||
}}
|
||||
|
||||
placeholder="请选择省市"
|
||||
changeOnSelect
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
|
||||
<Form.Item
|
||||
label="联系电话"
|
||||
name="peoplePhone"
|
||||
rules={[{ required: true, message: '请输入联系电话' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '50px', width: '498px' }} placeholder="请输入联系电话"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
</Row>
|
||||
<Row gutter={15}>
|
||||
|
||||
<Col span={12}>
|
||||
<Form.Item
|
||||
label="证件类型"
|
||||
name="papersType"
|
||||
rules={[{ required: true, message: '请选择证件类型' }]}
|
||||
>
|
||||
<Select
|
||||
// defaultValue="lucy"
|
||||
placeholder='请选择证件类型'
|
||||
style={{ width: 498, height: 50 }}
|
||||
options={[
|
||||
{ value: 'person', label: '身份证号' },
|
||||
{ value: 'license', label: '营业执照' },
|
||||
]}
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
|
||||
<Form.Item
|
||||
label="证件号"
|
||||
name="papersNum"
|
||||
rules={[{ required: true, message: '请输入证件号' }]}
|
||||
>
|
||||
<Input
|
||||
style={{ height: '50px', width: '498px' }} placeholder="请输入证件号"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
<div className='editModalBtn'>
|
||||
<Form.Item wrapperCol={{ span: 24 }}>
|
||||
<Flex align="center" justify="center" gap="large">
|
||||
<Button type="default" htmlType="button"
|
||||
@ -284,6 +537,11 @@ export default function EditModal(props: any) {
|
||||
htmlType="submit"
|
||||
// style={{ width: '262px', height: '58px', fontSize: '16px', color: '#FDFDF2', backgroundColor: 'var(--color-primary)' }}
|
||||
size='large'
|
||||
onClick={() => {
|
||||
console.log(form.getFieldValue('imageUrl'));
|
||||
console.log(logoImgArray);
|
||||
|
||||
}}
|
||||
>
|
||||
保存
|
||||
</Button>
|
||||
@ -296,15 +554,25 @@ export default function EditModal(props: any) {
|
||||
<Modal title="提示"
|
||||
okText="确定"
|
||||
cancelText="取消"
|
||||
|
||||
destroyOnClose={true}
|
||||
open={promptModal}
|
||||
onOk={() => {
|
||||
|
||||
console.log('分类', form.getFieldValue('class'))
|
||||
console.log('价格', form.getFieldValue('price'))
|
||||
}}
|
||||
onCancel={() => {
|
||||
setPromptModal(false);
|
||||
}}>
|
||||
<div>确定提交吗？</div>
|
||||
}}
|
||||
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
height: `${height}px`,
|
||||
}}
|
||||
>
|
||||
<div style={{ width: 500 }}>确定提交吗？</div>
|
||||
</Modal>
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -38,9 +38,32 @@
|
||||
font-size: 16px;
|
||||
color: #1B8BD2;
|
||||
}
|
||||
.product-release-table-btn{
|
||||
|
||||
.product-release-table-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
.product-btn{
|
||||
|
||||
.product-btn {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.product-release-pagination {
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
/* position: fixed;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
width:calc(100vw - 280px); */
|
||||
background: rgb(255, 255, 255);
|
||||
z-index: 2;
|
||||
|
||||
}
|
||||
|
||||
thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: #F7F7F7;
|
||||
z-index: 1;
|
||||
}
|
||||
@ -1,9 +1,11 @@
|
||||
import './trading-goods.css'
|
||||
import { Select, DatePicker, Button, Table,
|
||||
import {
|
||||
Select, DatePicker, Button, Table,
|
||||
// message,
|
||||
Space, Empty } from 'antd';
|
||||
Space, Empty, Pagination
|
||||
} from 'antd';
|
||||
// import type { TableColumnsType } from 'antd';
|
||||
import { SearchOutlined,ClearOutlined } from '@ant-design/icons';
|
||||
import { SearchOutlined, ClearOutlined } from '@ant-design/icons';
|
||||
import type { DatePickerProps } from 'antd';
|
||||
import locale from 'antd/es/date-picker/locale/zh_CN';
|
||||
const { Column } = Table;
|
||||
@ -30,12 +32,12 @@ export default function TradingGoods() {
|
||||
const data: DataType[] = [
|
||||
{
|
||||
|
||||
order: '123',
|
||||
order: '123111111111',
|
||||
name: '后台管理系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
time1: '2020-04-19 15:42:21',
|
||||
time2: '2020-04-19 15:42:21',
|
||||
},
|
||||
{
|
||||
|
||||
@ -43,16 +45,16 @@ export default function TradingGoods() {
|
||||
name: '后台管理系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
time1: '2020-04-19 15:42:21',
|
||||
time2: '2020-04-19 15:42:21',
|
||||
},
|
||||
{
|
||||
order: '1235678',
|
||||
name: '后台管理系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
time1: '2020-04-19 15:42:21',
|
||||
time2: '2020-04-19 15:42:21',
|
||||
},
|
||||
|
||||
];
|
||||
@ -60,7 +62,7 @@ export default function TradingGoods() {
|
||||
|
||||
|
||||
return (
|
||||
<div className='trading-goods' style={{ height: `${height}px`, overflow: 'auto' }}>
|
||||
<div className='trading-goods' style={{ height: `${height}px`, overflow: 'hidden' }}>
|
||||
{/* {contextHolder} */}
|
||||
<div className='trading-goods-search'>
|
||||
<DatePicker placeholder="开始时间"
|
||||
@ -86,17 +88,18 @@ export default function TradingGoods() {
|
||||
]}
|
||||
/>
|
||||
<Button type="primary"
|
||||
style={{ height: 36,
|
||||
style={{
|
||||
height: 36,
|
||||
// backgroundColor: '#FF9F08'
|
||||
}}
|
||||
|
||||
icon={<SearchOutlined />}>
|
||||
搜索
|
||||
</Button>
|
||||
<Button
|
||||
<Button
|
||||
style={{
|
||||
height: 36,
|
||||
marginLeft:10,
|
||||
marginLeft: 10,
|
||||
// backgroundColor: '#FF9F08'
|
||||
}}
|
||||
icon={<ClearOutlined />}>
|
||||
@ -112,57 +115,70 @@ export default function TradingGoods() {
|
||||
'暂无数据'
|
||||
} />
|
||||
</div>) : (
|
||||
<Table
|
||||
rowSelection={{
|
||||
type: 'checkbox',
|
||||
// selectedRowKeys: belongselectedKeys // 设置默认选中的行
|
||||
}}
|
||||
<div>
|
||||
<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="order" // 指定数据项的唯一标识符
|
||||
>
|
||||
<Column title="序号" render={(_text, _record, index: number) => (
|
||||
index + 1
|
||||
)} align="center" />
|
||||
<Column
|
||||
title="订单编号"
|
||||
dataIndex="order"
|
||||
align="center"
|
||||
/>
|
||||
<Column
|
||||
title="软著名称"
|
||||
dataIndex="name"
|
||||
align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
|
||||
)}
|
||||
/>
|
||||
<Column title="订单价格" dataIndex="price" align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#FF5D15', fontSize: '24px', fontWeight: '700' }}>{text}</span>
|
||||
)} />
|
||||
<Column title="订单状态" dataIndex="status" align="center" />
|
||||
<Column title="下单时间" dataIndex="time1" align="center" />
|
||||
<Column title="付款时间" dataIndex="time2" align="center" />
|
||||
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
||||
<Column
|
||||
align="center"
|
||||
title="操作"
|
||||
render={(_text, record: any) => (
|
||||
<Space size="middle">
|
||||
<span className='trading-goods-table-btn' onClick={() => {
|
||||
console.log(record.order);
|
||||
dataSource={data}
|
||||
// pagination={{
|
||||
// defaultPageSize: 10, // 设置默认一页显示 5 条数据
|
||||
// }}
|
||||
pagination={false} // 不显示分页
|
||||
style={{ textAlign: 'center' }} // 设置表格内容居中显示
|
||||
rowKey="order" // 指定数据项的唯一标识符
|
||||
>
|
||||
<Column title="序号"
|
||||
width={70}
|
||||
render={(_text, _record, index: number) => (
|
||||
index + 1
|
||||
)} align="center" />
|
||||
<Column
|
||||
title="订单编号"
|
||||
dataIndex="order"
|
||||
align="center"
|
||||
/>
|
||||
<Column
|
||||
title="软著名称"
|
||||
dataIndex="name"
|
||||
align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
|
||||
)}
|
||||
/>
|
||||
<Column title="订单价格" dataIndex="price" align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#FF5D15', fontSize: '24px', fontWeight: '700' }}>{text}</span>
|
||||
)} />
|
||||
<Column title="订单状态" dataIndex="status" align="center" />
|
||||
<Column title="下单时间" dataIndex="time1" align="center" />
|
||||
<Column title="付款时间" dataIndex="time2" align="center" />
|
||||
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
||||
<Column
|
||||
align="center"
|
||||
title="操作"
|
||||
render={(_text, record: any) => (
|
||||
<Space size="middle">
|
||||
<span className='trading-goods-table-btn' onClick={() => {
|
||||
console.log(record.order);
|
||||
|
||||
}}>补充资料</span>
|
||||
</Space>
|
||||
)}
|
||||
/>
|
||||
</Table>
|
||||
}}>补充资料</span>
|
||||
</Space>
|
||||
)}
|
||||
/>
|
||||
</Table>
|
||||
</div>
|
||||
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
|
||||
<div className='product-release-pagination' >
|
||||
<Pagination defaultCurrent={1} total={20} defaultPageSize={10} onChange={(page) => {
|
||||
console.log(page)
|
||||
}} />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
|
||||
@ -1,10 +1,12 @@
|
||||
// import React from 'react'
|
||||
import './transaction-order.css'
|
||||
import { Select, DatePicker, Button, Table,
|
||||
import {
|
||||
Select, DatePicker, Button, Table,
|
||||
// message,
|
||||
Space, Empty } from 'antd';
|
||||
Space, Empty, Pagination
|
||||
} from 'antd';
|
||||
// import type { TableColumnsType } from 'antd';
|
||||
import { SearchOutlined,ClearOutlined } from '@ant-design/icons';
|
||||
import { SearchOutlined, ClearOutlined } from '@ant-design/icons';
|
||||
import type { DatePickerProps } from 'antd';
|
||||
import locale from 'antd/es/date-picker/locale/zh_CN';
|
||||
const { Column } = Table;
|
||||
@ -55,13 +57,70 @@ export default function TransactionOrder() {
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848941',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848942',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848943',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848944',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848945',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848946',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
{
|
||||
order: '94449848947',
|
||||
name: 'xx系统',
|
||||
price: '5.00',
|
||||
status: '过户',
|
||||
time1: '2020-04-19 15：42:21',
|
||||
time2: '2020-04-19 15：42:21 ',
|
||||
},
|
||||
|
||||
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className='transaction-order' style={{ height: `${height}px`, overflow: 'auto' }}>
|
||||
<div className='transaction-order' style={{ height: `${height}px`, overflow: 'hidden' }}>
|
||||
{/* {contextHolder} */}
|
||||
<div className='transaction-order-search'>
|
||||
<DatePicker placeholder="开始时间"
|
||||
@ -87,17 +146,18 @@ export default function TransactionOrder() {
|
||||
]}
|
||||
/>
|
||||
<Button type="primary"
|
||||
style={{ height: 36,
|
||||
style={{
|
||||
height: 36,
|
||||
// backgroundColor: '#FF9F08'
|
||||
}}
|
||||
}}
|
||||
|
||||
icon={<SearchOutlined />}>
|
||||
搜索
|
||||
</Button>
|
||||
<Button
|
||||
<Button
|
||||
style={{
|
||||
height: 36,
|
||||
marginLeft:10,
|
||||
marginLeft: 10,
|
||||
// backgroundColor: '#FF9F08'
|
||||
}}
|
||||
icon={<ClearOutlined />}>
|
||||
@ -111,57 +171,67 @@ export default function TransactionOrder() {
|
||||
description={
|
||||
'暂无数据'
|
||||
} />
|
||||
</div>) : (<Table
|
||||
rowSelection={{
|
||||
type: 'checkbox',
|
||||
// selectedRowKeys: belongselectedKeys // 设置默认选中的行
|
||||
}}
|
||||
</div>) : (
|
||||
<div>
|
||||
<div style={{ height: `${height - 130}px` }}>
|
||||
<Table
|
||||
scroll={{ y: `${height - 190}px` }}
|
||||
rowSelection={{
|
||||
type: 'checkbox',
|
||||
}}
|
||||
dataSource={data}
|
||||
pagination={false} // 不显示分页
|
||||
style={{ textAlign: 'center' }} // 设置表格内容居中显示
|
||||
rowKey="order" // 指定数据项的唯一标识符
|
||||
>
|
||||
<Column title="序号"
|
||||
width={70}
|
||||
render={(_text, _record, index: number) => (
|
||||
index + 1
|
||||
)} align="center" />
|
||||
<Column
|
||||
title="订单编号"
|
||||
dataIndex="order"
|
||||
align="center"
|
||||
/>
|
||||
<Column
|
||||
title="软著名称"
|
||||
dataIndex="name"
|
||||
align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
|
||||
)}
|
||||
/>
|
||||
<Column title="订单价格" dataIndex="price" align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#FF5D15', fontSize: '24px', fontWeight: '700' }}>{text}</span>
|
||||
)} />
|
||||
<Column title="订单状态" dataIndex="status" align="center" />
|
||||
<Column title="下单时间" dataIndex="time1" align="center" />
|
||||
<Column title="付款时间" dataIndex="time2" align="center" />
|
||||
{/* <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.order);
|
||||
|
||||
dataSource={data}
|
||||
// pagination={{
|
||||
// defaultPageSize: 10, // 设置默认一页显示 5 条数据
|
||||
// }}
|
||||
pagination={false} // 不显示分页
|
||||
style={{ textAlign: 'center' }} // 设置表格内容居中显示
|
||||
rowKey="order" // 指定数据项的唯一标识符
|
||||
>
|
||||
<Column title="序号" render={(_text, _record, index: number) => (
|
||||
index + 1
|
||||
)} align="center" />
|
||||
<Column
|
||||
title="订单编号"
|
||||
dataIndex="order"
|
||||
align="center"
|
||||
/>
|
||||
<Column
|
||||
title="软著名称"
|
||||
dataIndex="name"
|
||||
align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#1B8BD2', fontSize: '16px', fontWeight: '700' }}>{text}</span>
|
||||
)}
|
||||
/>
|
||||
<Column title="订单价格" dataIndex="price" align="center"
|
||||
render={(text) => (
|
||||
<span style={{ color: '#FF5D15', fontSize: '24px', fontWeight: '700' }}>{text}</span>
|
||||
)} />
|
||||
<Column title="订单状态" dataIndex="status" align="center" />
|
||||
<Column title="下单时间" dataIndex="time1" align="center" />
|
||||
<Column title="付款时间" dataIndex="time2" align="center" />
|
||||
{/* <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.order);
|
||||
|
||||
}}>补充资料</span>
|
||||
</Space>
|
||||
)}
|
||||
/>
|
||||
</Table>)}
|
||||
}}>补充资料</span>
|
||||
</Space>
|
||||
)}
|
||||
/>
|
||||
</Table>
|
||||
</div>
|
||||
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
|
||||
<div className='product-release-pagination' >
|
||||
<Pagination defaultCurrent={1} total={20} defaultPageSize={10} onChange={(page) => {
|
||||
console.log(page)
|
||||
}} />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -259,7 +259,19 @@ export default function Index() {
|
||||
} else if (location.pathname.includes('/product-release')) {
|
||||
setNow('首页')
|
||||
setPathArray([{ title: '首页' }])
|
||||
// /config-mod-edit /product-release
|
||||
// /config-mod-edit /product-release /transaction-order
|
||||
}else if (location.pathname.includes(' /transaction-order')) {
|
||||
setNow('首页')
|
||||
setPathArray([{ title: '首页' }])
|
||||
// /config-mod-edit /product-release /transaction-order
|
||||
}else if (location.pathname.includes(' /copyright-goods')) {
|
||||
setNow('首页')
|
||||
setPathArray([{ title: '首页' }])
|
||||
// /config-mod-edit /product-release /transaction-order
|
||||
}else if (location.pathname.includes(' /trading-goods')) {
|
||||
setNow('首页')
|
||||
setPathArray([{ title: '首页' }])
|
||||
// /config-mod-edit /product-release /transaction-order
|
||||
}
|
||||
}, [location.pathname])
|
||||
useEffect(() => {
|
||||
|
||||
@ -500,7 +500,7 @@ export default function ProjEditStep2(props: any) {
|
||||
})
|
||||
|
||||
setAreaArray(options);
|
||||
console.log('省市2', options);
|
||||
// console.log('省市2', options);
|
||||
});
|
||||
|
||||
}, [])
|
||||
@ -1188,7 +1188,7 @@ export default function ProjEditStep2(props: any) {
|
||||
<Form.Item<BelongPeopleType>
|
||||
// label="公司英文名"
|
||||
name="nameEn"
|
||||
// rules={[{ required: true, message: belongShow == 'PERSONAL' ? '请输入英文名' : '请输入公司英文名称' }]}
|
||||
// rules={[{ required: true, message: belongShow == 'PERSONAL' ? '请输入英文名' : '请输入公司英文名称' }]}
|
||||
>
|
||||
<Input placeholder={belongShow == 'ORGANIZATION' ? '请输入公司英文名称' : '请输入英文名'}
|
||||
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
|
||||
@ -1285,6 +1285,7 @@ export default function ProjEditStep2(props: any) {
|
||||
changeOnSelect
|
||||
disabled={belongTitle == '查看所属者' ? true : false}
|
||||
/>
|
||||
|
||||
</Form.Item>
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user