From b0600a8d5ffb4b26a2162e92f82ea05b02bfaa2b Mon Sep 17 00:00:00 2001
From: lyp <lyp@123.com>
Date: Thu, 17 Jul 2025 14:44:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/route/TrademarkMall/TrademarkMall.tsx  | 846 ++++++++++++++-------
 src/route/TrademarkMall/trademark-edit.css |  76 ++
 src/static/nogoods.png                     | Bin 0 -> 19608 bytes
 src/static/talk.png                        | Bin 0 -> 1227 bytes
 4 files changed, 630 insertions(+), 292 deletions(-)
 create mode 100644 src/static/nogoods.png
 create mode 100644 src/static/talk.png

diff --git a/src/route/TrademarkMall/TrademarkMall.tsx b/src/route/TrademarkMall/TrademarkMall.tsx
index 058fbfe..e454e96 100644
--- a/src/route/TrademarkMall/TrademarkMall.tsx
+++ b/src/route/TrademarkMall/TrademarkMall.tsx
@@ -6,6 +6,9 @@ import { showImage, uploadFileUrl } from '../../request/request'
 import { UploadOutlined } from '@ant-design/icons';
 import { Modal } from 'antd';
 import type { TableProps, } from 'antd';
+import talk from '../../static/talk.png'
+import nogoods from '../../static/nogoods.png'
+import './trademark-edit.css'
 import {
   message, Spin,
   Pagination,
@@ -81,7 +84,7 @@ export default function TrademarkMall() {
   // 自定义验证函数
   const validateContentOrFile = (_rule: any, _value: any, callback: (error?: string) => void, form: any) => {
     const { upCorrectionRemark, upFile } = form.getFieldsValue();
-    if (upCorrectionRemark || upFile ) {
+    if (upCorrectionRemark || upFile) {
       callback();
     } else {
       callback('内容和附件至少需要填写或上传一项');
@@ -206,315 +209,316 @@ export default function TrademarkMall() {
   const { state } = useLocation()
   const nav = useNavigate();
   const height = window.innerHeight - 180;
-  const columns: TableProps<any>['columns'] = [
-    {
-      title: '序号',
-      dataIndex: 'index',
-      key: 'index',
-      align: 'center',
-      fixed: 'left',
-      width: 90,
-      render: (_text, _record, index) => (page - 1) * 10 + index + 1, // 显示序号，从1开始
+  // const columns: TableProps<any>['columns'] = [
+  //   {
+  //     title: '序号',
+  //     dataIndex: 'index',
+  //     key: 'index',
+  //     align: 'center',
+  //     fixed: 'left',
+  //     width: 90,
+  //     render: (_text, _record, index) => (page - 1) * 10 + index + 1, // 显示序号，从1开始
 
-    },
+  //   },
 
-    {
-      title: '服务类型',
-      dataIndex: 'trademarkModeName',
-      fixed: 'left',
-      align: 'center',
-      key: 'trademarkModeName',
-      width: 150,
-      ellipsis: {
-        showTitle: true,
-      },
+  //   {
+  //     title: '服务类型',
+  //     dataIndex: 'trademarkModeName',
+  //     fixed: 'left',
+  //     align: 'center',
+  //     key: 'trademarkModeName',
+  //     width: 150,
+  //     ellipsis: {
+  //       showTitle: true,
+  //     },
 
-    },
+  //   },
 
-    {
-      title: '类型/名称',
-      fixed: 'left',
-      dataIndex: 'trademarkName',
-      key: 'trademarkName',
-      align: 'center',
-      ellipsis: {
-        showTitle: true,
-      },
-      width: 200,
-      render: (_text, record) => (
-        <span>
-          {record.trademarkType == 'text' ? '文字' : record.trademarkType == 'image' ? '图形' : record.trademarkType == 'text-image' ? '图文' : ''} <span style={{
-            display: record.trademarkType == 'image' ? 'none' : 'unset',
-          }}>
-            <span style={{
-              display: record.trademarkType == '' ? 'none' : 'unset',
-            }}>/</span>
-            {record.trademarkName}</span>
-          {/* {record} */}
-        </span>
-      )
+  //   {
+  //     title: '类型/名称',
+  //     fixed: 'left',
+  //     dataIndex: 'trademarkName',
+  //     key: 'trademarkName',
+  //     align: 'center',
+  //     ellipsis: {
+  //       showTitle: true,
+  //     },
+  //     width: 200,
+  //     render: (_text, record) => (
+  //       <span>
+  //         {record.trademarkType == 'text' ? '文字' : record.trademarkType == 'image' ? '图形' : record.trademarkType == 'text-image' ? '图文' : ''}
+  //         <span style={{
+  //           display: record.trademarkType == 'image' ? 'none' : 'unset',
+  //         }}>
+  //           <span style={{
+  //             display: record.trademarkType == '' ? 'none' : 'unset',
+  //           }}>/</span>
+  //           {record.trademarkName}</span>
+  //         {/* {record} */}
+  //       </span>
+  //     )
 
-    },
-    {
-      title: '涉及类别',
-      dataIndex: 'trademarkTypeDTOS',
-      align: 'center',
-      key: 'trademarkTypeDTOS',
-      width: 150,
-      ellipsis: {
-        showTitle: true,
-      },
-      render: (trademarkTypeDTOS) => (
-        // trademarkTypeDTOS.map(
-        //   <div>
+  //   },
+  //   {
+  //     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>
-            )
+  //       //   </div>
+  //       // )
+  //       trademarkTypeDTOS.length > 0 ? (
+  //         trademarkTypeDTOS.map((item: any) => {
+  //           return (
+  //             <div key={item.id} title={item.name}>
+  //               第{item.code}类 : {item.name}
+  //             </div>
+  //           )
 
-          })
-        ) : '暂无'
-      )
+  //         })
+  //       ) : '暂无'
+  //     )
 
-    },
-    {
-      title: '商标图样',
-      dataIndex: 'trademarkPhoto',
-      align: 'center',
-      key: 'trademarkPhoto',
-      width: 200,
-      render: (text) => (
+  //   },
+  //   {
+  //     title: '商标图样',
+  //     dataIndex: 'trademarkPhoto',
+  //     align: 'center',
+  //     key: 'trademarkPhoto',
+  //     width: 200,
+  //     render: (text) => (
 
-        text ? (
-          <Image src={showImage(text, false)}
-            height={100}
-            style={{
-              maxWidth: 200,
-            }}
-          >
-          </Image>
-        ) : '暂无'
-      )
-    },
-    {
-      title: '状态',
-      dataIndex: 'trademarkStatus',
-      align: 'center',
-      key: 'trademarkStatus',
-      width: 110,
-      render: (text, record) => (
-        <div>
-          {text == '-1' ?
-            <div style={{
-              color: 'red',
-              cursor: 'pointer',
-            }}
-              title='点击查看原因'
-              onClick={() => {
-                setCheckRemark(record.checkRemark)
+  //       text ? (
+  //         <Image src={showImage(text, false)}
+  //           height={100}
+  //           style={{
+  //             maxWidth: 200,
+  //           }}
+  //         >
+  //         </Image>
+  //       ) : '暂无'
+  //     )
+  //   },
+  //   {
+  //     title: '状态',
+  //     dataIndex: 'trademarkStatus',
+  //     align: 'center',
+  //     key: 'trademarkStatus',
+  //     width: 110,
+  //     render: (text, record) => (
+  //       <div>
+  //         {text == '-1' ?
+  //           <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' ?
-              <span
-                style={{
-                  color: 'skyblue',
-                }}
-              >待付款</span>
-              : text == '1' ?
-                <span
-                  style={{
-                    color: 'green',
-                  }}
-                >已付款</span>
-                : text == '2' ?
-                  <span
-                    style={{
-                      color: 'rgb(0, 127, 255)',
-                    }}
-                  >审核中</span>
-                  : text == '3' ?
-                    <span
-                      style={{
-                        color: 'rgb(136, 185, 233)',
-                      }}
-                    >提交至商标局</span>
-                    : text == '4' ?
-                      <span
-                        style={{
-                          color: 'red',
-                        }}
-                      >不予受理</span>
-                      : text == '5' ?
-                        <span
-                          style={{
-                            color: 'rgb(136, 185, 233)',
-                          }}
-                        >已受理</span>
-                        : text == '6' ?
-                          <span
-                            style={{
-                              color: 'rgb(136, 185, 233)',
-                            }}
-                          >已发初审公告</span>
-                          : text == '7' ?
-                            <span
-                              style={{
-                                color: 'rgb(136, 185, 233)',
-                              }}
-                            >部分驳回</span>
-                            : text == '8' ?
-                              <span
-                                style={{
-                                  color: 'rgb(136, 185, 233)',
-                                }}
-                              >全部驳回</span>
-                              : text == '9' ?
-                                <span
-                                  style={{
-                                    color: 'rgb(136, 185, 233)',
-                                  }}
-                                >已下证</span> : '未知'
-          }
-        </div>
-      )
-    },
+  //               setModal(true)
+  //               // console.log(record.checkRemark);
+  //             }}
+  //           >
+  //             <div>审核未通过</div>
+  //             <div>已退款</div>
+  //             <div style={{
+  //               fontSize: '12px',
+  //             }}>(点击查看原因)</div>
+  //           </div>
+  //           : text == '0' ?
+  //             <span
+  //               style={{
+  //                 color: 'skyblue',
+  //               }}
+  //             >待付款</span>
+  //             : text == '1' ?
+  //               <span
+  //                 style={{
+  //                   color: 'green',
+  //                 }}
+  //               >已付款</span>
+  //               : text == '2' ?
+  //                 <span
+  //                   style={{
+  //                     color: 'rgb(0, 127, 255)',
+  //                   }}
+  //                 >审核中</span>
+  //                 : text == '3' ?
+  //                   <span
+  //                     style={{
+  //                       color: 'rgb(136, 185, 233)',
+  //                     }}
+  //                   >提交至商标局</span>
+  //                   : text == '4' ?
+  //                     <span
+  //                       style={{
+  //                         color: 'red',
+  //                       }}
+  //                     >不予受理</span>
+  //                     : text == '5' ?
+  //                       <span
+  //                         style={{
+  //                           color: 'rgb(136, 185, 233)',
+  //                         }}
+  //                       >已受理</span>
+  //                       : text == '6' ?
+  //                         <span
+  //                           style={{
+  //                             color: 'rgb(136, 185, 233)',
+  //                           }}
+  //                         >已发初审公告</span>
+  //                         : text == '7' ?
+  //                           <span
+  //                             style={{
+  //                               color: 'rgb(136, 185, 233)',
+  //                             }}
+  //                           >部分驳回</span>
+  //                           : text == '8' ?
+  //                             <span
+  //                               style={{
+  //                                 color: 'rgb(136, 185, 233)',
+  //                               }}
+  //                             >全部驳回</span>
+  //                             : text == '9' ?
+  //                               <span
+  //                                 style={{
+  //                                   color: 'rgb(136, 185, 233)',
+  //                                 }}
+  //                               >已下证</span> : '未知'
+  //         }
+  //       </div>
+  //     )
+  //   },
 
 
-    // {
-    //   title: '申请人',
-    //   // 使用数组形式访问嵌套对象属性
-    //   dataIndex: ['trademarkUserDTO', 'name'],
-    //   align: 'center',
-    //   // 修改 key 保证唯一性
-    //   key: 'trademarkUserDTOName',
-    //   width: 150,
-    //   render: (text) => (
-    //     <span>
-    //       {text || '-'}
-    //     </span>
-    //   )
-    // },
-    // // {
-    // //   title: '申请人证件号',
-    // //   dataIndex:  ['trademarkUserDTO', 'name'],
-    // //   align: 'center',
-    // //   key: 'appOrderId',
-    // //   width: 150,
-    // //   render: (text) => (
-    // //     <span>
-    // //       {text ? text : '未完善'}
-    // //     </span>
-    // //   )
-    // // },
-    // {
-    //   title: '联系人',
-    //   // 使用数组形式访问嵌套对象属性
-    //   dataIndex: ['trademarkUserDTO', 'contactName'],
-    //   align: 'center',
-    //   // 修改 key 保证唯一性
-    //   key: 'trademarkUserDTOContactName',
-    //   width: 150,
-    //   render: (text) => (
-    //     <span>
-    //       {text || '-'}
-    //     </span>
-    //   )
-    // },
-    {
-      title: '操作',
-      // dataIndex: 'contractManagementId',
-      align: 'center',
-      // key: 'appOrderId',
-      width: 150,
-      // bordeLeft: true,
-      fixed: 'right',
-      render: (record) => (
-        <div style={{
+  //   // {
+  //   //   title: '申请人',
+  //   //   // 使用数组形式访问嵌套对象属性
+  //   //   dataIndex: ['trademarkUserDTO', 'name'],
+  //   //   align: 'center',
+  //   //   // 修改 key 保证唯一性
+  //   //   key: 'trademarkUserDTOName',
+  //   //   width: 150,
+  //   //   render: (text) => (
+  //   //     <span>
+  //   //       {text || '-'}
+  //   //     </span>
+  //   //   )
+  //   // },
+  //   // // {
+  //   // //   title: '申请人证件号',
+  //   // //   dataIndex:  ['trademarkUserDTO', 'name'],
+  //   // //   align: 'center',
+  //   // //   key: 'appOrderId',
+  //   // //   width: 150,
+  //   // //   render: (text) => (
+  //   // //     <span>
+  //   // //       {text ? text : '未完善'}
+  //   // //     </span>
+  //   // //   )
+  //   // // },
+  //   // {
+  //   //   title: '联系人',
+  //   //   // 使用数组形式访问嵌套对象属性
+  //   //   dataIndex: ['trademarkUserDTO', 'contactName'],
+  //   //   align: 'center',
+  //   //   // 修改 key 保证唯一性
+  //   //   key: 'trademarkUserDTOContactName',
+  //   //   width: 150,
+  //   //   render: (text) => (
+  //   //     <span>
+  //   //       {text || '-'}
+  //   //     </span>
+  //   //   )
+  //   // },
+  //   {
+  //     title: '操作',
+  //     // dataIndex: 'contractManagementId',
+  //     align: 'center',
+  //     // key: 'appOrderId',
+  //     width: 150,
+  //     // bordeLeft: true,
+  //     fixed: 'right',
+  //     render: (record) => (
+  //       <div style={{
 
-        }}>
+  //       }}>
 
-          <span style={{
-            cursor: 'pointer',
-            color: '#007FFF',
-            display: record.trademarkModeName === '智能申请注册' ? 'unset' : 'none',
+  //         <span style={{
+  //           cursor: 'pointer',
+  //           color: '#007FFF',
+  //           display: record.trademarkModeName === '智能申请注册' ? 'unset' : 'none',
 
-          }} onClick={() => {
-            nav(`/trademark-ai-edit/${record.trademarkId}`, {
-              // state: {
-              //   trademarkMode: record.trademarkMode, //申请类型id
-              //   trademarkModeName: record.trademarkModeName, //申请类型名称
-              //   trademarkId: record.trademarkId, //商标id
+  //         }} onClick={() => {
+  //           nav(`/trademark-ai-edit/${record.trademarkId}`, {
+  //             // state: {
+  //             //   trademarkMode: record.trademarkMode, //申请类型id
+  //             //   trademarkModeName: record.trademarkModeName, //申请类型名称
+  //             //   trademarkId: record.trademarkId, //商标id
 
-              // }
-            })
-            // console.log(record.checkStatus);
+  //             // }
+  //           })
+  //           // console.log(record.checkStatus);
 
 
 
-          }}>{
-              record.trademarkStatus == '2' || record.trademarkStatus == '3' || record.trademarkStatus == '4' || record.trademarkStatus == '5' || record.trademarkStatus == '6' || record.trademarkStatus == '7' || record.trademarkStatus == '8' || record.trademarkStatus == '9' ? '查看' : '编辑'
-            }
-          </span>
-          <span style={{
-            cursor: 'pointer',
-            color: '#007FFF',
-            position: 'relative',
-            // display: record.waitCorrectionCount > 0 ? 'unset' : 'none',
-            display: Number(record.trademarkStatus) >= 4 ? 'unset' : 'none',
-            marginLeft: 10,
-          }}
-            onClick={async () => {
-              setTrademarkId(record.trademarkId)
-              setVisible(true)
-              getBuySupplementList(1, record.trademarkId)
-            }}
+  //         }}>{
+  //             record.trademarkStatus == '2' || record.trademarkStatus == '3' || record.trademarkStatus == '4' || record.trademarkStatus == '5' || record.trademarkStatus == '6' || record.trademarkStatus == '7' || record.trademarkStatus == '8' || record.trademarkStatus == '9' ? '查看' : '编辑'
+  //           }
+  //         </span>
+  //         <span style={{
+  //           cursor: 'pointer',
+  //           color: '#007FFF',
+  //           position: 'relative',
+  //           // display: record.waitCorrectionCount > 0 ? 'unset' : 'none',
+  //           display: Number(record.trademarkStatus) >= 4 && record.trademarkModeName === '智能申请注册' ? 'unset' : 'none',
+  //           marginLeft: 10,
+  //         }}
+  //           onClick={async () => {
+  //             setTrademarkId(record.trademarkId)
+  //             setVisible(true)
+  //             getBuySupplementList(1, record.trademarkId)
+  //           }}
 
-          >进度沟通
-            <div style={{
-              display: record.waitCorrectionCount > 0 ? 'unset' : 'none',
-            }}>
-              <div style={{
+  //         >进度沟通
+  //           <div style={{
+  //             display: record.waitCorrectionCount > 0 ? 'unset' : 'none',
+  //           }}>
+  //             <div style={{
 
-                position: 'absolute',
-                top: '-10px',
-                right: '-10px',
-                // fontSize:'16px',
-                background: 'red',
-                color: '#fff',
-                fontWeight: '700',
-                width: '20px',
-                height: '20px',
-                borderRadius: '50%',
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
+  //               position: 'absolute',
+  //               top: '-10px',
+  //               right: '-10px',
+  //               // fontSize:'16px',
+  //               background: 'red',
+  //               color: '#fff',
+  //               fontWeight: '700',
+  //               width: '20px',
+  //               height: '20px',
+  //               borderRadius: '50%',
+  //               display: 'flex',
+  //               justifyContent: 'center',
+  //               alignItems: 'center',
 
-              }}>
-                {record.waitCorrectionCount}
-              </div>
-            </div>
-          </span>
-        </div>
+  //             }}>
+  //               {record.waitCorrectionCount}
+  //             </div>
+  //           </div>
+  //         </span>
+  //       </div>
 
-      )
+  //     )
 
-    },
-  ]
+  //   },
+  // ]
   const [disabled, setDisabled] = useState(false)
   const getSupplementDetail = async (id: string) => {
     try {
@@ -649,6 +653,9 @@ export default function TrademarkMall() {
   ]
   const [loading, setLoading] = useState(false)
   const [page, setPage] = useState(1)
+  // useEffect(() => {
+  //   getTrademarkList(page)
+  // }, [page])
   const [total, setTotal] = useState(0)
   const getTrademarkList = async (page: any) => {
     try {
@@ -694,7 +701,7 @@ export default function TrademarkMall() {
 
   return (
     <Spin tip="正在处理，请稍后..." size="small" spinning={loading}>
-      <div className='appElectionBox' style={{ height: `${height}px`, overflow: 'auto' }}>
+      <div className='appElectionBox' style={{ height: `${height}px`, overflow: 'auto', background: 'none', padding: '0' }}>
         {contextHolder}
 
         {data.length <= 0 ? (<div style={{ height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }}>
@@ -707,13 +714,266 @@ export default function TrademarkMall() {
           }}>暂无数据</div>
         </div>) : (
           <div className='' >
-            <div style={{
+            {/* <div style={{
               height: `${height - 80}px`,
               // background: "pink" ,
               paddingTop: 20
+            }}> */}
+            <div className='trademarkGoodsBox' style={{
+              height: `${height - 80}px`,
+              // background: "pink" ,
+              // paddingTop: 20,
+              paddingBottom: 20,
+              overflowY: 'auto'
             }}>
+              {
+                data.map((item: any) => {
+                  return (
+                    <div className='trademarksmallBox' key={item.trademarkId}>
+                      <div className='trademarkBoxTop'>
+                        <div className='trademarkBoxTopL' >
+                          <span>
+                            {item.trademarkType == 'text' ? '文字' : item.trademarkType == 'image' ? '图形' : item.trademarkType == 'text-image' ? '图文' : ''}
+                            <span style={{
+                              display: item.trademarkType == 'image' ? 'none' : 'unset',
+                            }}>
+                              <span style={{
+                                display: item.trademarkType == '' ? 'none' : 'unset',
+                              }}>/</span>
+                              <span title={
+                                item.trademarkName
+                              }
+                                style={{
+                                  cursor: 'pointer'
+                                }}
+                              >{item.trademarkName}</span>
+                            </span>
+                            {/* {record} */}
+                          </span>
+                        </div>
+                        <div
+                          onClick={async () => {
+                            setTrademarkId(item.trademarkId)
+                            setVisible(true)
+                            getBuySupplementList(1, item.trademarkId)
+                          }}
+                          style={{
+                            cursor: 'pointer',
+                            // color: '#007FFF',
+                            position: 'relative',
+                            // display: record.waitCorrectionCount > 0 ? 'unset' : 'none',
+                            display: Number(item.trademarkStatus) >= 4 ? 'unset' : 'none',
+                          }}
+                        >
+                          <div style={{
+                            display: item.waitCorrectionCount > 0 ? 'unset' : 'none',
+                          }}>
+                            <div style={{
 
-              <Table
+                              position: 'absolute',
+                              top: '-10px',
+                              right: '-10px',
+                              // fontSize:'16px',
+                              background: 'red',
+                              color: '#fff',
+                              fontWeight: '700',
+                              width: '20px',
+                              height: '20px',
+                              borderRadius: '50%',
+                              display: 'flex',
+                              justifyContent: 'center',
+                              alignItems: 'center',
+
+                            }}>
+                              {item.waitCorrectionCount}
+                            </div>
+                          </div>
+                          <div style={{
+                            display: 'flex',
+
+                          }}>
+                            <div style={{
+                              marginTop: 5,
+                              // background:'red'
+                              marginRight: 5
+                            }}>
+                              <img src={talk} alt="" height={18} />
+                            </div>
+                            <div
+                            >
+                              进度沟通
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div className='tradermarkBoxCen'>
+                        <div>{item.trademarkModeName}</div>
+                        <div style={{
+                          cursor: 'pointer',
+                          color: '#007FFF',
+                          display: item.trademarkModeName === '智能申请注册' ? 'unset' : 'none',
+
+                        }} onClick={() => {
+                          nav(`/trademark-ai-edit/${item.trademarkId}`, {
+                            // state: {
+                            //   trademarkMode: record.trademarkMode, //申请类型id
+                            //   trademarkModeName: record.trademarkModeName, //申请类型名称
+                            //   trademarkId: record.trademarkId, //商标id
+
+                            // }
+                          })
+                          // console.log(record.checkStatus);
+
+
+
+                        }}>
+                          {
+                            item.trademarkStatus == '2' || item.trademarkStatus == '3' || item.trademarkStatus == '4' || item.trademarkStatus == '5' || item.trademarkStatus == '6' || item.trademarkStatus == '7' || item.trademarkStatus == '8' || item.trademarkStatus == '9' ? '查看' : '编辑'
+                          }
+                        </div>
+                      </div>
+                      <div className='tradermarkBoxImg'>
+                        <div>
+                          <Image
+                            className="trademark-image"
+                            src={item.trademarkPhoto ? showImage(item.trademarkPhoto, false) : nogoods}
+                            style={{ maxWidth: '100%' }}
+                            height={150}
+                          ></Image>
+                        </div>
+                        <div style={{
+                          marginTop: 20,
+                          fontSize: 16,
+                          color: '#9B833C'
+                        }}>
+                          {item.trademarkStatus == '-1' ?
+                            <div style={{
+                              color: 'red',
+                              cursor: 'pointer',
+                            }}
+                              title='点击查看原因'
+                              onClick={() => {
+                                setCheckRemark(item.checkRemark)
+
+                                setModal(true)
+                                // console.log(record.checkRemark);
+                              }}
+                            >
+                              <div title='点击查看原因' style={{
+                                position: 'relative',
+                                // background:'pink'
+                              }}>
+                                <div style={{
+                                  position: 'absolute',
+                                  top: 25,
+                                  fontSize: 12,
+                                  left: 30
+                                }}>
+                                  (点击查看原因)
+                                </div>
+                                审核未通过(已退款)</div>
+
+
+                            </div>
+                            : item.trademarkStatus == '0' ?
+                              <span
+                                style={{
+                                  // color: 'skyblue',
+                                }}
+                              >待付款</span>
+                              : item.trademarkStatus == '1' ?
+                                <span
+                                  style={{
+                                    // color: 'green',
+                                  }}
+                                >已付款</span>
+                                : item.trademarkStatus == '2' && item.trademarkMode == '1' ?
+                                  <span
+                                    style={{
+                                      // color: 'rgb(0, 127, 255)',
+                                    }}
+                                  >审核中</span>
+                                  : item.trademarkStatus == '2' && item.trademarkMode != '1' ?
+                                    <span
+                                      style={{
+                                        // color: 'rgb(0, 127, 255)',
+                                      }}
+                                    >已线下沟通</span>
+                                    : item.trademarkStatus == '3' && item.trademarkMode == '1' ?
+                                      <span
+                                        style={{
+                                          // color: 'rgb(136, 185, 233)',
+                                        }}
+                                      >提交至商标局</span>
+                                      : item.trademarkStatus == '3' && item.trademarkMode != '1' ?
+                                        <span
+                                          style={{
+                                            // color: 'rgb(136, 185, 233)',
+                                          }}
+                                        >已接单并提交至商标局</span>
+                                        : item.trademarkStatus == '4' ?
+                                          <span
+                                            style={{
+                                              // color: 'red',
+                                            }}
+                                          >不予受理</span>
+                                          : item.trademarkStatus == '5' ?
+                                            <span
+                                              style={{
+                                                // color: 'rgb(136, 185, 233)',
+                                              }}
+                                            >已受理</span>
+                                            : item.trademarkStatus == '6' ?
+                                              <span
+                                                style={{
+                                                  // color: 'rgb(136, 185, 233)',
+                                                }}
+                                              >已发初审公告</span>
+                                              : item.trademarkStatus == '7' ?
+                                                <span
+                                                  style={{
+                                                    // color: 'rgb(136, 185, 233)',
+                                                  }}
+                                                >部分驳回</span>
+                                                : item.trademarkStatus == '8' ?
+                                                  <span
+                                                    style={{
+                                                      // color: 'rgb(136, 185, 233)',
+                                                    }}
+                                                  >全部驳回</span>
+                                                  : item.trademarkStatus == '9' ?
+                                                    <span
+                                                      style={{
+                                                        // color: 'rgb(136, 185, 233)',
+                                                      }}
+                                                    >已下证</span> : '未知'
+                          }
+                        </div>
+                      </div>
+                      <div className='tradermarkBoxBot'>
+                        <div className='tradermarkBoxBotB'>
+                          {
+                            item.trademarkTypeDTOS.length > 0 ? (
+                              item.trademarkTypeDTOS.map((item: any) => {
+                                return (
+                                  <div key={item.id} title={item.name}>
+                                    第{item.code}类 : {item.name}
+                                  </div>
+                                )
+
+                              })
+                            ) : '暂无'
+                          }
+
+                        </div>
+
+                      </div>
+                    </div>
+                  )
+                })
+              }
+              {/* </div> */}
+              {/* <Table
                 scroll={{ y: `${height - 150}px` }}
                 dataSource={data}
                 columns={columns}
@@ -725,10 +985,12 @@ export default function TrademarkMall() {
                 style={{ textAlign: 'center' }} // 设置表格内容居中显示
                 rowKey="trademarkId" // 指定数据项的唯一标识符
                 locale={{ emptyText: '暂无数据' }}
-              ></Table>
+              ></Table> */}
 
             </div>
-            <div className='product-release-pagination'>
+            <div className='product-release-pagination' style={{
+              borderTop: '1px solid #d6d6d6ff'
+            }}>
               <Pagination
                 showSizeChanger={false}
                 current={page} total={total} defaultPageSize={10} onChange={(page) => {
@@ -888,7 +1150,7 @@ export default function TrademarkMall() {
                 // const uids = upFileArray.map((file: any) => file.response.data.fileId).join(',');
                 // console.log('提取的 uid 字符串:', uids);
                 submitData({
-                  correctionFiles:value.upFile ? value.upFile : '',
+                  correctionFiles: value.upFile ? value.upFile : '',
                   correctionRemark: value.upCorrectionRemark,
                 })
 
diff --git a/src/route/TrademarkMall/trademark-edit.css b/src/route/TrademarkMall/trademark-edit.css
index e538bd5..cd770fc 100644
--- a/src/route/TrademarkMall/trademark-edit.css
+++ b/src/route/TrademarkMall/trademark-edit.css
@@ -63,4 +63,80 @@
     display: flex;
     justify-content: center;
     margin-top: 50px;
+}
+
+.trademarkGoodsBox {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 10px;
+}
+
+.trademarksmallBox {
+    /* 可以添加其他样式 */
+    max-height: 470px;
+    background-color: #ffffff;
+    /* border-radius: 8px; */
+    /* padding: 16px; */
+    /* cursor: pointer; */
+}
+
+.trademarkBoxTop {
+    height: 30px;
+    padding: 10px;
+    background-color: #F7F1DE;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #E7AD00;
+    font-size: 16px;
+}
+
+.trademarkBoxTopL {
+    width: 65%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    /* background-color: red; */
+}
+
+.tradermarkBoxCen {
+    height: 20px;
+    padding: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 16px;
+    /* background-color: pink; */
+
+}
+
+.tradermarkBoxImg {
+    height: 200px;
+    padding: 20px;
+    /* background-color: skyblue; */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.tradermarkBoxBot {
+    height: 100px;
+    padding: 20px;
+    background-color: #ffffff;
+
+}
+.tradermarkBoxBotB{
+    /* width: 100%; */
+    height: 100%;
+    background-color: #F9F9F9;
+    overflow-y: auto;
+    padding: 10px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    line-height: 25px;
+    font-size: 16px;
 }
\ No newline at end of file
diff --git a/src/static/nogoods.png b/src/static/nogoods.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea251c3cfdf8cb17eedbb5ad7978bfae1574f49f
GIT binary patch
literal 19608
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

literal 0
HcmV?d00001

diff --git a/src/static/talk.png b/src/static/talk.png
new file mode 100644
index 0000000000000000000000000000000000000000..31ddf820b7337a24300b3c9091d6cd7b3729b6b4
GIT binary patch
literal 1227
zcmV;+1T_1JP)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}00001b5ch_0Itp)
z=>Px(g-Jv~R9HvVn0;tfbr{D#&$-j9wu*G=&YFJ=1SKmHvXVg>v@&zpy=P5>=pTy+
zdZQPjpj3J#N}Exn6!lL~^WK%Mk_25uL{L$Xi6ly;+<TZfikxpdXHPrFyX|iGWoLKi
zjP1bv=lA@c@ArEjelOqWCzSbgGe-6r78}rn(tvUif|kpvB&Ohs@;3$tPCD#e+RFJ-
zI8rKLr)XA#M^PGqS(ON>C`b8C;X~rQTi49#(HI4SGo8#a`q-h$Jrxm#mvjuUOp71$
zAx8-Q>kBTMd5-UaCE@W-2<e<E8|qs4Y!GEg@QK}A>^O7+D<?z|L9%PGtUkf79`uml
zY?{r$rU>{Z4k;WwD>ODF_{SHlir5|WPaHWq1QG78P4clX*iNxih5MtU3kCV4X;CA`
zJD3+!e|^-40vjQSD=Zc}#SJR#2j)b`6$-Q{8zqzCP7yv01u<d}g;zYmmI$ecxk7;#
zcvCWI5&|8eAVv(L%J%6cSZJGGg2z!|2ly6zBXT9M8kkXH1^fs8CjJ-UYLuG*qr}{d
zK&Rr{$)*4v=7T^L7Fbtn@%bQWW*4`L!PiAZ*e)!uw>Ul+v(s!;c(2IZA7U;|^IJLP
z#g4TzyDG*fKy#U`@Ya}u72dD2xGx_hca?7ep356|q@UHbcd>6YVKzk?A(=Pcrv@wP
z68u~+H(k0x&>(Brg@ySQ8zji4Sc9+|sLG9X8?a)5#nI6s>@*K6Y|k6-H7%-(RWjQ_
z7s{$)v7o2KTGQgoA|lo+d<4XDu^v?#>smNeP_+)Wpgf;9e#W$l->lgV4xucbh+x~a
zFh?wjE~@Mv_5wGL0)D}?MhNr6*)%7Bn!LG+@^r1m>yp<amf0JAYS0RMu6bX-vdM{a
zFz!&VE-#hZ94fqOIP6q7rNR<1XaklNsn}T+o^>7CXU1{*9c~BS0Opq3bioA=BlPA>
zQpx5uH`O}^y<d>#wGVtR9xrn`jI+XHAx%>JLWQT3`BAoct<gHw;jVO&id7Mfz>8jm
zuM?pQil2)WAxD*@tQYU$M9y;nXo!j@EZnLpuDH;IrrD<OSXjUj;T$n77UjQ7g#O4E
zrf})!7SE>)3r_JA!fRoYgoyQ%^s=h<UV4WF=j`3C0nd9!h(uvP^~PKl&2Po_z((9y
z-R)GnG2b3u9|lth7~OzpzJ^{f3$ED1UlFf9!`1=M@<5&w3xRvw5c^%>!TKbB<Y$(C
z&`xus!s7_Hp<FU<x=Is-Z-95qB;N8Y_{K6ZUh6V9X0RNC27yaOOZI04-~-NW7Rr+W
zUX>g}{D$D@f&@p({ns%CS6ZmSJUh)Z3NM$%5w@C1o(RGfxnTcdO7V*d*Om};8iS=~
zf<LE>;DJ7ECCVOPcHz3=ZL@`kf`~0R)`BKgGB1;&O@v2^2)@c};rF1Jld>c{G1^Yd
zuA*neiKFZ>TUZlR?4(xMBg-uf@7VG`$7SBaR(htaVBNtCyM}bGflbxAY>-ymDJ$5o
payyq3<FE>A>ymso9<kos{{i?jeYj8~!nFVZ002ovPDHLkV1l;qJ@)_r

literal 0
HcmV?d00001