This commit is contained in:
lyp 2025-06-25 18:00:05 +08:00
parent 1520254e75
commit 14692730cb
2 changed files with 76 additions and 20 deletions

View File

@ -3,6 +3,7 @@ import nothingImg from '../../static/appimgs/nothing.png'
import { useLocation, useNavigate } from 'react-router-dom'; import { useLocation, useNavigate } from 'react-router-dom';
import { trademarkList } from '../../request/api' import { trademarkList } from '../../request/api'
import { showImage } from '../../request/request' import { showImage } from '../../request/request'
import { Modal } from 'antd';
import type { TableProps } from 'antd'; import type { TableProps } from 'antd';
import { import {
message, Spin, message, Spin,
@ -10,6 +11,8 @@ import {
Table, Image Table, Image
} from 'antd'; } from 'antd';
export default function TrademarkMall() { export default function TrademarkMall() {
const [modal, setModal] = useState(false)
const [checkRemark, setCheckRemark] = useState('') //失败原因
const [messageApi, contextHolder] = message.useMessage(); const [messageApi, contextHolder] = message.useMessage();
const { state } = useLocation() const { state } = useLocation()
const nav = useNavigate(); const nav = useNavigate();
@ -38,6 +41,7 @@ export default function TrademarkMall() {
}, },
}, },
{ {
title: '类型/名称', title: '类型/名称',
fixed: 'left', fixed: 'left',
@ -62,7 +66,34 @@ export default function TrademarkMall() {
) )
}, },
{
title: '涉及类别',
dataIndex: 'trademarkTypeDTOS',
align: 'center',
key: 'trademarkTypeDTOS',
width: 150,
ellipsis: {
showTitle: true,
},
render: (trademarkTypeDTOS) => (
// trademarkTypeDTOS.map(
// <div>
// </div>
// )
trademarkTypeDTOS.length > 0 ? (
trademarkTypeDTOS.map((item: any) => {
return (
<div key={item.id} title={item.name}>
{item.code} : {item.name}
</div>
)
})
) : '暂无'
)
},
{ {
title: '商标图样', title: '商标图样',
dataIndex: 'trademarkPhoto', dataIndex: 'trademarkPhoto',
@ -87,11 +118,28 @@ export default function TrademarkMall() {
dataIndex: 'trademarkStatus', dataIndex: 'trademarkStatus',
align: 'center', align: 'center',
key: 'trademarkStatus', key: 'trademarkStatus',
width: 100, width: 110,
render: (text) => ( render: (text, record) => (
<span> <div>
{text == '-1' ? {text == '-1' ?
<span ></span> <div style={{
color: 'red',
cursor: 'pointer',
}}
title='点击查看原因'
onClick={() => {
setCheckRemark(record.checkRemark)
setModal(true)
// console.log(record.checkRemark);
}}
>
<div></div>
<div>退</div>
<div style={{
fontSize: '12px',
}}>()</div>
</div>
: text == '0' ? : text == '0' ?
<span <span
style={{ style={{
@ -100,63 +148,60 @@ export default function TrademarkMall() {
></span> ></span>
: text == '1' ? : text == '1' ?
<span <span
style={{ style={{
color: 'green', color: 'green',
}} }}
></span> ></span>
: text == '2' ? : text == '2' ?
<span <span
style={{ style={{
color: 'rgb(0, 127, 255)', color: 'rgb(0, 127, 255)',
}} }}
></span> ></span>
: text == '3' ? : text == '3' ?
<span <span
style={{ style={{
color: 'rgb(136, 185, 233)', color: 'rgb(136, 185, 233)',
}} }}
></span> ></span>
: text == '4' ? : text == '4' ?
<span <span
style={{ style={{
color: 'rgb(136, 185, 233)', color: 'rgb(136, 185, 233)',
}} }}
></span> ></span>
: text == '5' ? : text == '5' ?
<span <span
style={{ style={{
color: 'rgb(136, 185, 233)', color: 'rgb(136, 185, 233)',
}} }}
></span> ></span>
: text == '6' ? : text == '6' ?
<span <span
style={{ style={{
color: 'rgb(136, 185, 233)', color: 'rgb(136, 185, 233)',
}} }}
></span> ></span>
: text == '7' ? : text == '7' ?
<span <span
style={{ style={{
color: 'rgb(136, 185, 233)', color: 'rgb(136, 185, 233)',
}} }}
></span> ></span>
: : text == '8' ?
text == '8' ?
<span <span
style={{ style={{
color: 'rgb(136, 185, 233)', color: 'rgb(136, 185, 233)',
}} }}
></span>:'未知' ></span>
: text == '9' ?
<span
style={{
color: 'rgb(136, 185, 233)',
}}
></span> : '未知'
} }
</span> </div>
) )
}, },
@ -215,7 +260,7 @@ export default function TrademarkMall() {
<div style={{ <div style={{
cursor: 'pointer', cursor: 'pointer',
color: '#007FFF', color: '#007FFF',
display: record.trademarkStatus != '-1' && record.trademarkModeName === '智能申请注册' ? 'unset' : 'none', display: record.trademarkModeName === '智能申请注册' ? 'unset' : 'none',
}} onClick={() => { }} onClick={() => {
nav(`/trademark-ai-edit/${record.trademarkId}`, { nav(`/trademark-ai-edit/${record.trademarkId}`, {
@ -229,6 +274,7 @@ export default function TrademarkMall() {
// console.log(record.checkStatus); // console.log(record.checkStatus);
}}>{ }}>{
record.trademarkStatus == '2' || record.trademarkStatus == '3' ? '查看' : '编辑' record.trademarkStatus == '2' || record.trademarkStatus == '3' ? '查看' : '编辑'
}</div> }</div>
@ -330,6 +376,16 @@ export default function TrademarkMall() {
</div> </div>
)} )}
</div> </div>
<Modal
title="失败原因"
centered
open={modal}
footer={null}
onCancel={() => { setModal(false) }}
>
:{checkRemark}
</Modal>
</Spin> </Spin>
) )
} }

View File

@ -275,7 +275,7 @@ export default function EditSix(props: any) {
fontSize: '18px', fontSize: '18px',
color: 'green', color: 'green',
}}> }}>
</div> </div>
</div> </div>