From 1520254e75c8d499f75e0a0ed34660e32c116b3e Mon Sep 17 00:00:00 2001 From: lyp Date: Wed, 25 Jun 2025 13:58:43 +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/request/api.ts | 2 + src/route/TrademarkMall/TrademarkAiEdit.tsx | 9 +- .../TrademarkMall/TrademarkExpertEdit.tsx | 297 ++++++++++-------- src/route/TrademarkMall/TrademarkMall.tsx | 55 ++-- .../components/EditFour/EditFour.tsx | 35 ++- .../components/EditSix/EditSix.tsx | 22 +- .../components/EditTwo/EditTwoNew.tsx | 4 +- 7 files changed, 263 insertions(+), 161 deletions(-) diff --git a/src/request/api.ts b/src/request/api.ts index 385619f..882af5a 100644 --- a/src/request/api.ts +++ b/src/request/api.ts @@ -223,6 +223,8 @@ export const uploadDepute = (trademarkId:any,params:any) => aiShopRequest.post(` // 第六步上传 export const uploadSix = (trademarkId:any) => aiShopRequest.post(`/aishop/api/trademark/save6/${trademarkId}`) +//专家辅助注册/至尊无忧注册 +export const expertRegister = (params:any) => aiShopRequest.post(`/aishop/api/trademark/save1L`,params) // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ diff --git a/src/route/TrademarkMall/TrademarkAiEdit.tsx b/src/route/TrademarkMall/TrademarkAiEdit.tsx index 1f2f8b1..8e0ce05 100644 --- a/src/route/TrademarkMall/TrademarkAiEdit.tsx +++ b/src/route/TrademarkMall/TrademarkAiEdit.tsx @@ -19,9 +19,10 @@ export default function TrademarkAiEdit() { const getOrderList = async () => { try { const res = await getOrder(trademarkId) - console.log('订单详情列表', res); + // console.log('订单详情列表', res); setOrderList(res) } catch (error: any) { + setOrderList([]) if (error.response) { const data = error.response.data; messageApi.open({ @@ -31,7 +32,7 @@ export default function TrademarkAiEdit() { } else { console.error(error) } - } + } } const pathParams = useParams(); // const trademarkId = pathParams.trademarkId == 'NEW'?'':pathParams.trademarkId; @@ -44,6 +45,7 @@ export default function TrademarkAiEdit() { const [trademarkMode, setTrademarkMode] = useState(state?.trademarkMode); const [trademarkModeName, setTrademarkModeName] = useState(state?.trademarkModeName); const [trademarkModePrice, setTrademarkModePrice] = useState(0) + const [trademarkModeOldPrice, setTrademarkModeOldPrice] = useState(0) // const [trademarkStatus, setTrademarkStatus] = useState('') const [editOneData, setEditOneData] = useState({ trademarkType: '', //商标类型 text 文字 image 图形 text-image 图文 @@ -90,6 +92,7 @@ export default function TrademarkAiEdit() { setTrademarkMode(res.trademarkMode) setTrademarkModeName(res.trademarkModeName) setTrademarkModePrice(res.trademarkModePrice / 100) + setTrademarkModeOldPrice(res.trademarkModeOldPrice / 100) setEditOneData({ trademarkType: res.trademarkType, //商标类型 text 文字 image 图形 text-image 图文 trademarkName: res.trademarkName, //商标名称 @@ -269,6 +272,7 @@ export default function TrademarkAiEdit() { (); + const [upLodaing, setUpLodaing] = useState(false) const [modal, setModal] = useState(false) + const [trademarkName, setTrademarkName] = useState('') //名称 + const [trademarkContent, setTrademarkContent] = useState('') //描述 const onFinish = (values: any) => { console.log(values); + setTrademarkName(values.trademarkName) + setTrademarkContent(values.trademarkContent ? values.trademarkContent : '') setModal(true) } useEffect(() => { console.log('state', state); }, []) return ( -
-
-
-
- ! -
-
- 支付完成后会有商标专家联系您并为您服务，请确保填写的手机号真实准确。填写的商标信息后续可以修改，请您放心填写。 + + {contextHolder} +
+
+
+
+ ! +
+
+ 支付完成后会有商标专家联系您并为您服务。填写的商标信息后续可以修改，请您放心填写。 +
-
-
-
-
- ! -
-
-
至尊无忧注册由专业商标顾问团队为您全程代办商标申请和递交流程，
-
指定类目至尊无忧注册，指定类目被驳回可全额赔付，非指定类目驳回不支持赔付;
-
全部小类至尊无忧注册，商标局下发《商标驳回通知书》可全额赔付，包含部分驳回和全部驳回通知书。
+
+
+
+ ! +
+
+
至尊无忧注册由专业商标顾问团队为您全程代办商标申请和递交流程，
+
指定类目至尊无忧注册，指定类目被驳回可全额赔付，非指定类目驳回不支持赔付;
+
全部小类至尊无忧注册，商标局下发《商标驳回通知书》可全额赔付，包含部分驳回和全部驳回通知书。
+
-
-
+
-
+
+
+ 商标名称* ： +
+
+ + + + + + + + +
+
+
+
+ 需求描述 ： +
+
+ + + + + + + +
+
+
在您提交商标申请咨询单后，工作日期间专业顾问会在1小时内与您联系，非工作日时间会在下一个工作日与您取得联系。
+
本网站会保护您的个人信息，仅有本网站及其授权委托机构可以看到您提交的信息，请放心提供。
+ + + + +
+ +
+ +
+ +
+ { setModal(false) }} + okText='确定' + cancelText='取消' + onOk={async () => { + setModal(false) + + try { + setUpLodaing(true) + await expertRegister({ + trademarkName, + trademarkContent, + trademarkMode: state.id, + trademarkModeName: state.title + }) + reloadUser(messageApi, globalDispatchContext).then(() => { + setModal(false) + message.success('付款成功'); + nav(-1) + + }); + setUpLodaing(false) + } catch (error: any) { + setUpLodaing(false) + + // setAddLoading(false) + if (error.response) { + const data = error.response.data; + message.error(data.msg ? data.msg : `${data.path}(${data.status})`) + } else { + console.error(error) + } + } finally { + // setAddLoading(false) + setUpLodaing(false) + } + // setModal(false) + }} > -
-
- 商标名称* ： -
-
- - - - - - - - -
-
-
-
- 需求描述 ： -
-
- - - - - - - -
-
-
在您提交商标申请咨询单后，工作日期间专业顾问会在1小时内与您联系，非工作日时间会在下一个工作日与您取得联系。
-
本网站会保护您的个人信息，仅有本网站及其授权委托机构可以看到您提交的信息，请放心提供。
- - - - -
- -
- - - + 该操作会扣除{state.price}元，且提交后无法撤销，确定操作吗？ +
- { setModal(false) }} - okText='确定' - cancelText='取消' - > - 该操作会扣除{state.price}元，且提交后无法撤销，确定操作吗？ - -
+ ) } diff --git a/src/route/TrademarkMall/TrademarkMall.tsx b/src/route/TrademarkMall/TrademarkMall.tsx index 81d68cd..690c032 100644 --- a/src/route/TrademarkMall/TrademarkMall.tsx +++ b/src/route/TrademarkMall/TrademarkMall.tsx @@ -50,9 +50,13 @@ export default function TrademarkMall() { width: 200, render: (_text, record) => ( - {record.trademarkType == 'text' ? '文字' : record.trademarkType == 'image' ? '图形' : record.trademarkType == 'text-image' ? '图文' : '未知'} /{record.trademarkName} + }}> + / + {record.trademarkName} {/* {record} */} ) @@ -66,14 +70,16 @@ export default function TrademarkMall() { key: 'trademarkPhoto', width: 200, render: (text) => ( - - + text ? ( + + + ) : '暂无' ) }, { @@ -85,7 +91,7 @@ export default function TrademarkMall() { render: (text) => ( {text == '-1' ? - 已取消 + 审核未通过 : text == '0' ? 已提交 + >审核中 : text == '3' ? 不予受理 + >审核通过 : text == '4' ? 已受理 + >不予受理 : text == '5' ? 已发初审公告 + >已受理 : text == '6' ? 部分驳回 + >已发初审公告 : text == '7' ? 全部驳回 - : '未知' + >部分驳回 + : + text == '8' ? + 全部驳回:'未知' } ) }, + + // { // title: '申请人', // // 使用数组形式访问嵌套对象属性 @@ -200,7 +215,7 @@ export default function TrademarkMall() {
{ nav(`/trademark-ai-edit/${record.trademarkId}`, { @@ -215,8 +230,8 @@ export default function TrademarkMall() { }}>{ - record.trademarkStatus == '2' ? '查看' : '编辑' - }
+ record.trademarkStatus == '2' || record.trademarkStatus == '3'? '查看' : '编辑' + }
) diff --git a/src/route/TrademarkMall/components/EditFour/EditFour.tsx b/src/route/TrademarkMall/components/EditFour/EditFour.tsx index 437f5c3..30eac11 100644 --- a/src/route/TrademarkMall/components/EditFour/EditFour.tsx +++ b/src/route/TrademarkMall/components/EditFour/EditFour.tsx @@ -1,7 +1,7 @@ import { useState, useContext, useEffect } from 'react' import './edit-four.css' import { Button, Table, Modal, message, Spin } from 'antd' -import { orderPay, getOrder } from '../../../../request/api' +import { orderPay } from '../../../../request/api' // import { GlobalDispatchContext, reloadUser } from "../../context/GlobalContext.ts"; import { GlobalDispatchContext, reloadUser } from "../../../../context/GlobalContext"; import type { TableProps } from 'antd'; @@ -91,16 +91,26 @@ export default function EditFour(props: any) { key: 'subNames', render: (text) => { return ( - {text.split(',').length} + 共{text.split(',').length}项 : {text} ) + }, }, { align: 'center', width: 150, title: '商标类型', - dataIndex: 'goodsType', - key: 'goodsType', + render: () => { + if (props.trademarkType == 'text') { + return '文字' + } + if (props.trademarkType == 'image') { + return '图形' + } + if (props.trademarkType == 'text-image') { + return '图文' + } + }, }, { align: 'center', @@ -122,9 +132,9 @@ export default function EditFour(props: any) { ]; const [data, setData] = useState([]) useEffect(() => { - if (props.orderList.length > 0) { - setData(props.orderList) - } + + setData(props.orderList) + }, [props.orderList]) // const data: DataType[] = [ // { @@ -171,12 +181,14 @@ export default function EditFour(props: any) {
商标申请
- 数量 : 2 + 数量 : {data.length} 小计￥630.66 + }}>￥{data.reduce((pre: number, cur: any) => pre + cur.money, 0) / 100} + {/* 将data里的每一项得money取出来 获取和 */} + {/* reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 */}
@@ -185,7 +197,8 @@ export default function EditFour(props: any) { // 取消自带分页 pagination={false} dataSource={data} - rowKey='id' + rowKey='typeId' + />
@@ -277,7 +290,7 @@ export default function EditFour(props: any) { }} > - 该操作会扣除999元，付款后无法修改,确定操作吗？ + 该操作会扣除{data.reduce((pre: number, cur: any) => pre + cur.money, 0) / 100}元，付款后无法修改,确定操作吗？
diff --git a/src/route/TrademarkMall/components/EditSix/EditSix.tsx b/src/route/TrademarkMall/components/EditSix/EditSix.tsx index 4f438ca..875209c 100644 --- a/src/route/TrademarkMall/components/EditSix/EditSix.tsx +++ b/src/route/TrademarkMall/components/EditSix/EditSix.tsx @@ -216,7 +216,7 @@ export default function EditSix(props: any) {
正在审核...
+
+
+
+ 审核通过正在申请 +
+
0 ? 'unset' : 'none' }}> - ￥{formatNumber(item.price * totalCount <= item.price * 10 ? item.price * 10 : item.price * totalCount)} + ￥{formatNumber( totalCount <= 10 ? props.trademarkModeOldPrice :props.trademarkModeOldPrice + item.price * (totalCount - 10))} {