diff --git a/src/components/OrderDetailModal/OrderDetailModal.tsx b/src/components/OrderDetailModal/OrderDetailModal.tsx
index afd64cd..0b72ed0 100644
--- a/src/components/OrderDetailModal/OrderDetailModal.tsx
+++ b/src/components/OrderDetailModal/OrderDetailModal.tsx
@@ -71,7 +71,7 @@ export default function OrderDetailModal(props: any) {
idcardType: '',//证件类型
idcard: '',//证件号码
})
- // const [waitCorrectionCount, setWaitCorrectionCount] = useState(0) //待补充资料
+ const [waitCorrectionCount, setWaitCorrectionCount] = useState(0) //待补充资料
// tab栏 标题数组
const tapTitleArray = [
{
@@ -96,17 +96,17 @@ export default function OrderDetailModal(props: any) {
{
key: 'authorize',
title: '受让人信息',
- className: activeKey == 'authorize' ? 'orderDetailTop-title tapActive borderRight' : 'orderDetailTop-title borderRight'
+ className: activeKey == 'authorize' ? 'orderDetailTop-title tapActive ' : 'orderDetailTop-title '
}
: {}
),
- // (waitCorrectionCount > 0?
- // {
- // key: 'file',
- // title: '资料补充',
- // className: activeKey == 'file'? 'orderDetailTop-title tapActive borderRight' : 'orderDetailTop-title borderRight'
- // }:{}
- // )
+ (waitCorrectionCount > 0?
+ {
+ key: 'file',
+ title: '资料补充',
+ className: activeKey == 'file'? 'orderDetailTop-title tapActive borderRight' : 'orderDetailTop-title borderRight'
+ }:{}
+ )
// {
// key: 'file',
// title: '资料补充',
@@ -137,7 +137,7 @@ export default function OrderDetailModal(props: any) {
setAuthorizeInfo({
...res.buyUserDTO
})
- // setWaitCorrectionCount(res.waitCorrectionCount)
+ setWaitCorrectionCount(res.waitCorrectionCount)
} catch (error: any) {
@@ -187,7 +187,7 @@ export default function OrderDetailModal(props: any) {
-
+
{/*
diff --git a/src/components/OrderDetailModal/components/File/File.tsx b/src/components/OrderDetailModal/components/File/File.tsx
index 273e4c9..6c47799 100644
--- a/src/components/OrderDetailModal/components/File/File.tsx
+++ b/src/components/OrderDetailModal/components/File/File.tsx
@@ -12,7 +12,7 @@ export default function File(props: any) {
// 自定义验证函数
const validateContentOrFile = (_rule: any, _value: any, callback: (error?: string) => void, form: any) => {
const { upCorrectionRemark, upFile } = form.getFieldsValue();
- if (upCorrectionRemark || (upFile && Array.isArray(upFile.fileList) && upFile.fileList.length > 0)) {
+ if (upCorrectionRemark || upFile) {
callback();
} else {
callback('内容和附件至少需要填写或上传一项');
@@ -126,6 +126,8 @@ export default function File(props: any) {
const res: any = await getFileTypeByIds({
ids: ids
})
+ // console.log(res);
+
setFileList(res)
} catch (error: any) {
@@ -141,14 +143,99 @@ export default function File(props: any) {
}
}
}
+ // 获取上传过的文件类型
+ const getUpFileTypeByIdsArray = async (ids: string) => {
+ try {
+ const res: any = await getFileTypeByIds({
+ ids: ids
+ })
+ console.log(res);
+ const newUpFile = res.map((item: any) => {
+ return {
+ uid: item.fileId,
+ name: item.fileName,
+ status: 'done',
+ url: showImage(item.fileId, false)
+ }
+ })
+ // console.log(newUpFile, 'newUpFile');
+ setUpFileArray(newUpFile)
+
+ } catch (error: any) {
+
+ if (error.response) {
+ const data = error.response.data;
+ messageApi.open({
+ type: 'error',
+ content: data.msg ? data.msg : `${data.path}(${data.status})`,
+ });
+ } else {
+ console.error(error)
+ }
+ }
+ }
// 补充资料详情
const [detailData, setDetailData] = useState
({})
+ const [disabled, setDisabled] = useState(false) // 是否禁用
const getSupplementDetail = async (id: string) => {
try {
const res: any = await supplementDetail(id)
- console.log(res);
+ // console.log(res);
+ // 给表单赋值
+ // form.setFieldsValue({
+ // upCorrectionRemark: res.correctionRemark, // 内容
+ // upFile:'1111'
+ // })
+ // 给上传列表赋值
+ // setUpFileArray([{
+ // uid: '1111',
+ // name: '嘻嘻',
+ // status: 'done',
+ // url: 'www.baidu.com'
+ // }])
+
+
setDetailData(res)
await getFileTypeByIdsArray(res.correctionFiles)
+ // console.log(props.user, 'user');
+ const userId = props.user == 'sell' ? res.sellId : res.buyId;
+ // console.log(userId, 'userId');
+ if (userId) {
+ console.log('已补充');
+ setDisabled(true)
+ const newData: any = await supplementDetail(userId)
+ console.log('以补充材料', newData);
+ form.setFieldsValue({
+ upCorrectionRemark: newData.correctionRemark, // 内容
+
+ })
+ if (newData.correctionFiles) {
+ getUpFileTypeByIdsArray(newData.correctionFiles)
+ // const newArray:any = getFileTypeByIds({
+ // ids: newData.correctionFiles
+ // })
+ // console.log(newArray, 'newArray');
+ // console.log('有补充资料');
+ // // 循环newArray 形成新
+ // const newUpFile = newArray.map((item:any)=>{
+ // return {
+ // uid: item.fileId,
+ // name: item.fileName,
+ // status: 'done',
+ // url: 'www.baidu.com'
+ // }
+ // })
+ // console.log(newUpFile, 'newUpFile');
+
+
+ }
+
+
+
+ } else {
+ setDisabled(false)
+ }
+
} catch (error: any) {
@@ -254,6 +341,8 @@ export default function File(props: any) {
setCorrectionId(record.correctionId)
getSupplementDetail(record.correctionId)
setIsModalVisible(true)
+ // 清空上传的文件数组
+ setUpFileArray([])
// 清空表单
form.resetFields();
// setCorrectionType(record.correctionType)
@@ -263,7 +352,7 @@ export default function File(props: any) {
)}
/>
- {
- // console.log(value);
+ console.log(value);
// if (value.upFile && Array.isArray(value.upFile.fileList)) {
// const uids = value.upFile.fileList.map((file: any) => file.uid);
// const uidString = uids.join(',');
@@ -366,19 +455,21 @@ export default function File(props: any) {
// console.log('提取的 uid 字符串:', uids);
+ submitData({
+ correctionFiles: value.upFile ? value.upFile : '',
+ correctionRemark: value.upCorrectionRemark ? value.upCorrectionRemark : '',
+ })
+ // console.log(upFileArray);
+ // 将upFileArray 数组里的uid 提取出来
+ // const uids = upFileArray.map((file: any) => file.uid).join(',');
+
+ // const uids = upFileArray.map((file: any) => file.response.data.fileId).join(',');
+ // console.log('提取的 uid 字符串:', uids);
// submitData({
// correctionFiles: uids,
// correctionRemark: value.upCorrectionRemark,
// })
- // console.log(upFileArray);
- // 将upFileArray 数组周末和每项的response里的data 里的 fileId 拼接成一个字符串,用逗号隔开
- const uids = upFileArray.map((file: any) => file.response.data.fileId).join(',');
- // console.log('提取的 uid 字符串:', uids);
- submitData({
- correctionFiles: uids,
- correctionRemark: value.upCorrectionRemark,
- })
-
+
}}
onFinishFailed={() => {
@@ -408,6 +499,7 @@ export default function File(props: any) {
width: 900,
}}
+ disabled={disabled}
placeholder='请输入需要补充内容'
>
@@ -435,15 +527,38 @@ export default function File(props: any) {
>
{
- setUpFileArray(info.fileList)
- // console.log(info.fileList);
-
+ // console.log(info.file.status);
+ // setUpFileArray(info.fileList)
+ const { fileList } = info;
+ const newFileArray = fileList.map((file) => {
+ if (file.status === 'done' && file.response) {
+ return {
+ uid: file.response.data.fileId,
+ name: file.response.data.fileName,
+ status: 'done',
+ url: showImage(file.response.data.fileId, false)
+ };
+ }
+ return file;
+ });
+ setUpFileArray(newFileArray);
+ // console.log(newFileArray);
+ const uids = newFileArray.map((file: any) => file.uid).join(',');
+ // console.log(uids);
+
+ // 给form 赋值
+ form.setFieldsValue({
+ upFile: uids,
+ })
+
+
}}
-
+
headers={{ 'Auth': `Bearer ${token}` }}
>
@@ -465,11 +580,15 @@ export default function File(props: any) {
gap: 10,
// marginTop: 20
}}>
-
-
+
+
+
+
diff --git a/src/components/menu/MenuWithBottomButton.tsx b/src/components/menu/MenuWithBottomButton.tsx
index 1eda258..3bd890f 100644
--- a/src/components/menu/MenuWithBottomButton.tsx
+++ b/src/components/menu/MenuWithBottomButton.tsx
@@ -62,6 +62,8 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
})
}
if (item.id == 'COPYRIGHT') {
+ // console.log('传递',props.specialPrice);
+
navigate('/copyright-goods', {
state: {
copyrightKeywords: props.copyrightKeywords,
@@ -71,6 +73,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
copyrightDate: props.copyrightDate,
copyrightLanguage: props.copyrightLanguage,
copyrightType: props.copyrightType,
+ specialPrice: props.specialPrice,
}
})
}
diff --git a/src/components/menu/MenuWithTopButton.tsx b/src/components/menu/MenuWithTopButton.tsx
index 3d30fd0..61e6626 100644
--- a/src/components/menu/MenuWithTopButton.tsx
+++ b/src/components/menu/MenuWithTopButton.tsx
@@ -31,74 +31,78 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
const list = menuItem.map((item, index) => (
// 创建项目下三个选项
- {
-
- props.handleListItem(e, index, item);
- setMenuActive(item.id)
- // console.log(item.id);
+ {
- // const goHome = item.id == 'ALL' || item.id == 'PROCESSING' || item.id == 'COMPLETE'
- // if (props.button.name == '项目') {
- if (props.button.name == '项目') {
+ props.handleListItem(e, index, item);
+ setMenuActive(item.id)
+ // console.log(item.id);
- navugate('/home', {
- state: {
- keyword: props.keywords,
- type: props.type,
- chargeAdditionals: props.chargeAdditionals,
- tagDataId: props.tagDataId,
- authorId: props.authorId,
- payStatus: props.payStatus
- }
- })
- }
- if (item.id == 'REFUN') {
- // props.disableBelongpeople()
- navugate('/refun', {
- state: {
- keywords: props.refunKeywords,
- applyStatus: props.applyStatus,
- authorId: props.authorId
- }
- })
- }
- if (item.id == 'CORRECTION') {
- // props.disableBelongpeople()
- navugate('/correction', {
- state: {
- keywords: props.correctionKeywords,
- correctionNumType: props.correctionNumType,
- correctionType: props.correctionType,
- applyStatus: props.correctionApplyStatus,
- authorId: props.authorId,
- tagCor: props.tagCor,
- }
- })
- }
- if (item.id == 'CONTRACT') {
- // props.disableBelongpeople()
- navugate('/contract', {
- state: {
- // keywords: props.correctionKeywords,
- // correctionNumType:props.correctionNumType,
- // correctionType:props.correctionType,
- // applyStatus: props.correctionApplyStatus,
- // authorId: props.authorId
- }
- })
- }
- if (item.id == 'REPLACENAME') {
- // props.disableBelongpeople()
- navugate('/replace', {
-
- })
- }
+ // const goHome = item.id == 'ALL' || item.id == 'PROCESSING' || item.id == 'COMPLETE'
+ // if (props.button.name == '项目') {
+ if (props.button.name == '项目') {
- }}>
+ navugate('/home', {
+ state: {
+ keyword: props.keywords,
+ type: props.type,
+ chargeAdditionals: props.chargeAdditionals,
+ tagDataId: props.tagDataId,
+ authorId: props.authorId,
+ payStatus: props.payStatus
+ }
+ })
+ }
+ if (item.id == 'REFUN') {
+ // props.disableBelongpeople()
+ navugate('/refun', {
+ state: {
+ keywords: props.refunKeywords,
+ applyStatus: props.applyStatus,
+ authorId: props.authorId
+ }
+ })
+ }
+ if (item.id == 'CORRECTION') {
+ // props.disableBelongpeople()
+ navugate('/correction', {
+ state: {
+ keywords: props.correctionKeywords,
+ correctionNumType: props.correctionNumType,
+ correctionType: props.correctionType,
+ applyStatus: props.correctionApplyStatus,
+ authorId: props.authorId,
+ tagCor: props.tagCor,
+ }
+ })
+ }
+ if (item.id == 'CONTRACT') {
+ // props.disableBelongpeople()
+ navugate('/contract', {
+ state: {
+ // keywords: props.correctionKeywords,
+ // correctionNumType:props.correctionNumType,
+ // correctionType:props.correctionType,
+ // applyStatus: props.correctionApplyStatus,
+ // authorId: props.authorId
+ }
+ })
+ }
+ if (item.id == 'REPLACENAME') {
+ // props.disableBelongpeople()
+ navugate('/replace', {
+ state: {
+ keywords: props.replaceKeyWords,
+ applyStatus: props.replaceStatus,
+ authorId: props.authorId
+ }
+ })
+ }
+
+ }}>
{item.icon ? (
) : <>>}
{item.name}
@@ -108,7 +112,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
return (
{/* button 是三个黄色按钮 */}
@@ -159,7 +163,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
textAlign: 'center',
lineHeight: '36px',
borderRadius: '5px',
-
+
}}>
{/*

*/}
@@ -167,7 +171,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
+ }} />创建
{/* 申请
*/}
{/* 申请
*/}
diff --git a/src/interfaces/menu/IMenuWithTopButton.ts b/src/interfaces/menu/IMenuWithTopButton.ts
index e9e5ad7..5e3eb2e 100644
--- a/src/interfaces/menu/IMenuWithTopButton.ts
+++ b/src/interfaces/menu/IMenuWithTopButton.ts
@@ -59,4 +59,9 @@ export interface IMenuWithTopButton {
tradingEndTime?: any,
tradingStatus?: any,
+
+ replaceKeyWords?: any,
+ replaceStatus?: any,
+
+ specialPrice?: any,
}
\ No newline at end of file
diff --git a/src/route/CopyrightGgoods/CopyrightGgoods.tsx b/src/route/CopyrightGgoods/CopyrightGgoods.tsx
index 79216cf..ddcbe14 100644
--- a/src/route/CopyrightGgoods/CopyrightGgoods.tsx
+++ b/src/route/CopyrightGgoods/CopyrightGgoods.tsx
@@ -61,7 +61,7 @@ export default function CopyrightGgoods() {
const copyrightDate = state ? state.copyrightDate : ''; // 版权日期
const copyrightLanguage = state ? state.copyrightLanguage : ''; // 开发语言
// const copyrightType = state ? state.copyrightType : ''; // 软著类型
- const goodsFlag = state ? state.goodsFlag : ''; // 商品特价标识
+ const goodsFlag = state ? state.specialPrice : ''; // 商品特价标识
const [data, setData] = useState([]); // 表格数据
@@ -109,6 +109,9 @@ export default function CopyrightGgoods() {
const [selectTypeArray, setSelectTypeArray] = useState([]) // 选择的软著类型
const getBuyGoodsList = async (page: number) => {
+ // console.log('呵呵', goodsFlag);
+ // console.log('嘻嘻', state.goodsFlag);
+ // return
try {
setLoading(true)
const res: any = await buyGoodsList({
@@ -122,7 +125,7 @@ export default function CopyrightGgoods() {
goodsDevelop: copyrightLanguage ? copyrightLanguage : '', // 开发语言
// goodsType: copyrightType ? copyrightType.join(',') : '', // 软著类型
goodsType: selectTypeArray.length > 0 ? selectTypeArray.join(',') : '',
- goodsFlag: goodsFlag ? goodsFlag : '' // 商品特价标识
+ goodsFlag: goodsFlag == '特价' ? '特价' : '' // 商品特价标识
})
// console.log(res);
@@ -208,6 +211,8 @@ export default function CopyrightGgoods() {
// if (copyrightDate) {
// console.log('sellDate', dayjs(copyrightDate).year());
// }
+ // console.log('嘻嘻',state.specialPrice);
+
setPage(1)
getBuyGoodsList(1)
}, [state])
@@ -283,7 +288,7 @@ export default function CopyrightGgoods() {
style={{ maxWidth: '100%' }}
>
特价
截止日期 : {item.goodsLastTime}
diff --git a/src/route/Correction/Correction.tsx b/src/route/Correction/Correction.tsx
index 96ba272..655d5d0 100644
--- a/src/route/Correction/Correction.tsx
+++ b/src/route/Correction/Correction.tsx
@@ -883,7 +883,8 @@ export default function Correction() {
useEffect(() => {
// getData(1)
-
+ // console.log(state);
+
getData(1)
setPage(1)
// console.log(tagCor);
diff --git a/src/route/ProductRelease/ProductRelease.tsx b/src/route/ProductRelease/ProductRelease.tsx
index 1fb9007..b28b19c 100644
--- a/src/route/ProductRelease/ProductRelease.tsx
+++ b/src/route/ProductRelease/ProductRelease.tsx
@@ -134,7 +134,7 @@ export default function ProductRelease() {
return {
...dataItem,
goodsStatus: 0
-
+
};
}
return dataItem;
@@ -142,7 +142,7 @@ export default function ProductRelease() {
})
// console.log('setData', data);
-
+
setOffModalOpen(false)
messageApi.open({
type: 'success',
@@ -583,12 +583,12 @@ export default function ProductRelease() {
edit(item)
}}>编辑
-
已完成
diff --git a/src/route/ProductRelease/components/EditModal/EditModal.tsx b/src/route/ProductRelease/components/EditModal/EditModal.tsx
index f888628..aa73287 100644
--- a/src/route/ProductRelease/components/EditModal/EditModal.tsx
+++ b/src/route/ProductRelease/components/EditModal/EditModal.tsx
@@ -165,7 +165,7 @@ export default function EditModal(props: any) {
});
const handleChange: UploadProps['onChange'] = (info) => {
-
+
if (info.file.status === 'uploading') {
setLoading(true);
return;
diff --git a/src/route/ProductRelease/product-release.css b/src/route/ProductRelease/product-release.css
index fa8e725..15ea214 100644
--- a/src/route/ProductRelease/product-release.css
+++ b/src/route/ProductRelease/product-release.css
@@ -82,6 +82,7 @@ thead {
}
.showGoodsBox {
+ margin-top: 80px;
width: calc(100% - 2px);
/* height: 100%; */
/* background-color: pink; */
@@ -265,16 +266,39 @@ thead {
/* 让第一个按钮的左边距为 0 */
}
-.goodsTypeArrayBox {
- width: 100%;
- background-color: #F6F6F6;
- padding: 15px;
- /* box-sizing: border-box; */
- margin-bottom: 15px;
- display: flex;
+@media (min-width: 1571px) {
+ .goodsTypeArrayBox {
+ width: calc(100% - 338px);
+ background-color: #F6F6F6;
+ padding: 15px;
+ /* box-sizing: border-box; */
+ margin-bottom: 15px;
+ display: flex;
+ /* background-color: pink; */
+ position: fixed;
+ /* width: 100%; */
+ z-index: 999;
+ }
}
+@media (max-width: 1570px) {
+ .goodsTypeArrayBox {
+ width: calc(100% - 298px);
+ background-color: #F6F6F6;
+ padding: 15px;
+ /* box-sizing: border-box; */
+ margin-bottom: 15px;
+ display: flex;
+ /* background-color: pink; */
+ position: fixed;
+ /* width: 100%; */
+ z-index: 999;
+
+ }
+}
+
+
.goodsTypeTitle {
font-size: 18px;
color: #707070;
diff --git a/src/route/Replace/Replace.tsx b/src/route/Replace/Replace.tsx
index 0b66007..4ca4376 100644
--- a/src/route/Replace/Replace.tsx
+++ b/src/route/Replace/Replace.tsx
@@ -234,7 +234,8 @@ export default function Replcae() {
useEffect(() => {
// getData(1)
-
+ // console.log(state);
+
getData(1)
setPage(1)
// console.log(tagCor);
diff --git a/src/route/TrademarkMall/TrademarkAiEdit.tsx b/src/route/TrademarkMall/TrademarkAiEdit.tsx
new file mode 100644
index 0000000..344fe26
--- /dev/null
+++ b/src/route/TrademarkMall/TrademarkAiEdit.tsx
@@ -0,0 +1,158 @@
+import { useState } from 'react'
+import './trademark-edit.css'
+import {
+ RightOutlined
+} from '@ant-design/icons';
+import EditOne from './components/EditOne/EditOne';
+import EditTwo from './components/EditTwo/EditTwo';
+import EditThree from './components/EditThree/EditThree';
+import EditFour from './components/EditFour/EditFour';
+import EditFive from './components/EditFive/EditFive';
+import EditSix from './components/EditSix/EditSix';
+export default function TrademarkAiEdit() {
+ const height = window.innerHeight - 180;
+ const [editProcess, setEditProcess] = useState(1);
+ return (
+
+
+
+
= 1 ? '#3B60E8' : '',
+ color: editProcess >= 1 ? '#fff' : '#B1B1B1',
+ borderColor: editProcess >= 1 ? '' : '#B1B1B1'
+ }}
+ >1
+
= 1 ? '#353535' : '#878787',
+ fontWeight: editProcess >= 1 ? 'bold' : 'normal'
+ }}
+ >填写基础信息
+
+
+
+
= 2 ? '#3B60E8' : '',
+ color: editProcess >= 2 ? '#fff' : '#B1B1B1',
+ borderColor: editProcess >= 2 ? '' : '#B1B1B1'
+ }}>2
+
= 2 ? '#353535' : '#878787',
+ fontWeight: editProcess >= 2 ? 'bold' : 'normal'
+ }}
+ >选择商标类别
+
+
+
+
= 3 ? '#3B60E8' : '',
+ color: editProcess >= 3 ? '#fff' : '#B1B1B1',
+ borderColor: editProcess >= 3 ? '' : '#B1B1B1'
+ }}>3
+
= 3 ? '#353535' : '#878787',
+ fontWeight: editProcess >= 3 ? 'bold' : 'normal'
+ }}
+ >选择所属者
+
+
+
+
= 4 ? '#3B60E8' : '',
+ color: editProcess >= 4 ? '#fff' : '#B1B1B1',
+ borderColor: editProcess >= 4 ? '' : '#B1B1B1'
+ }}>4
+
= 4 ? '#353535' : '#878787',
+ fontWeight: editProcess >= 4 ? 'bold' : 'normal'
+ }}
+ >
+ 订单支付
+
+
+
+
+
= 5 ? '#3B60E8' : '',
+ color: editProcess >= 5 ? '#fff' : '#B1B1B1',
+ borderColor: editProcess >= 5 ? '' : '#B1B1B1'
+ }}>5
+
= 5 ? '#353535' : '#878787',
+ fontWeight: editProcess >= 5 ? 'bold' : 'normal'
+ }}
+ >上传委托书
+
+
+
+
= 6 ? '#3B60E8' : '',
+ color: editProcess >= 6 ? '#fff' : '#B1B1B1',
+ borderColor: editProcess >= 6 ? '' : '#B1B1B1'
+ }}>6
+
= 6 ? '#353535' : '#878787',
+ fontWeight: editProcess >= 6 ? 'bold' : 'normal'
+ }}
+ >上传商标局
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/TrademarkExpertEdit.tsx b/src/route/TrademarkMall/TrademarkExpertEdit.tsx
index 1ccf5d1..1f66947 100644
--- a/src/route/TrademarkMall/TrademarkExpertEdit.tsx
+++ b/src/route/TrademarkMall/TrademarkExpertEdit.tsx
@@ -1,10 +1,151 @@
-import React from 'react'
+import { useEffect, useState } from 'react'
import './trademark-edit.css'
+import { useLocation } from 'react-router-dom';
+import {
+ Form,
+ Input, Button,
+ Modal
+} from 'antd';
+const { TextArea } = Input;
export default function TrademarkExpertEdit() {
+ const { state } = useLocation()
const height = window.innerHeight - 180;
+ const [form] = Form.useForm
();
+ const [modal, setModal] = useState(false)
+ const onFinish = (values: any) => {
+ console.log(values);
+ setModal(true)
+ }
+ useEffect(() => {
+ console.log('state', state);
+ }, [])
return (
-
-
+
+
+
+
+ !
+
+
+ 支付完成后会有商标专家联系您并为您服务,请确保填写的手机号真实准确。填写的商标信息后续可以修改,请您放心填写。
+
+
+
+
+
+
+ !
+
+
+
至尊无忧注册由专业商标顾问团队为您全程代办商标申请和递交流程,
+
指定类目至尊无忧注册,指定类目被驳回可全额赔付,非指定类目驳回不支持赔付;
+
全部小类至尊无忧注册,商标局下发《商标驳回通知书》可全额赔付,包含部分驳回和全部驳回通知书。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{ setModal(false) }}
+ okText='确定'
+ cancelText='取消'
+ >
+ 该操作会扣除{state.price}元,确定操作吗?
+
)
}
diff --git a/src/route/TrademarkMall/components/EditFive/EditFive.tsx b/src/route/TrademarkMall/components/EditFive/EditFive.tsx
new file mode 100644
index 0000000..9afd416
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditFive/EditFive.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { Button } from 'antd'
+export default function editFive(props: any) {
+ const height = window.innerHeight - 350;
+ const handleSubmit = () => {
+ // console.log(form);
+ props.setEditProcess(6);
+ // 调用表单实例的 submit 方法
+ // form.submit();
+
+ };
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/components/EditFour/EditFour.tsx b/src/route/TrademarkMall/components/EditFour/EditFour.tsx
new file mode 100644
index 0000000..2bf42de
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditFour/EditFour.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { Button } from 'antd'
+export default function editFour(props: any) {
+ const height = window.innerHeight - 350;
+ const handleSubmit = () => {
+ // console.log(form);
+ props.setEditProcess(5);
+ // 调用表单实例的 submit 方法
+ // form.submit();
+
+ };
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/components/EditOne/EditOne.css b/src/route/TrademarkMall/components/EditOne/EditOne.css
new file mode 100644
index 0000000..ff25616
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditOne/EditOne.css
@@ -0,0 +1,44 @@
+.topLine {
+ width: 100%;
+ height: 10px;
+ background: #F3F3F3;
+}
+
+.editFormBox {
+ /* padding: 10px;
+ box-sizing: border-box; */
+}
+
+.editFormTitle {
+ font-size: 18px;
+ margin-bottom: 20px;
+ /* height: 46px; */
+}
+
+.editFormItem {
+ display: flex;
+ /* align-items: center; */
+ height: 46px;
+ /* background-color: pink; */
+ line-height: 46px;
+ /* width: 200px; */
+}
+
+.firstItem {
+ /* background: skyblue; */
+ align-items: center;
+
+}
+
+.editFormItemTitle {
+ font-size: 16px;
+ /* width: 120px; */
+}
+
+.redTitle {
+ color: red;
+}
+.pointerBlue{
+ color: var(--color-blue);
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/route/TrademarkMall/components/EditOne/EditOne.tsx b/src/route/TrademarkMall/components/EditOne/EditOne.tsx
new file mode 100644
index 0000000..4855661
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditOne/EditOne.tsx
@@ -0,0 +1,624 @@
+import { useState } from 'react'
+import { Button, Radio, Form, Input, Upload, message, Image, Spin } from 'antd'
+import './EditOne.css'
+import { uploadFileUrl, showImage } from '../../../../request/request'
+import {
+ DeleteOutlined
+} from '@ant-design/icons';
+const { TextArea } = Input;
+import type { UploadProps } from 'antd';
+export default function EditOne(props: any) {
+ const token = sessionStorage.getItem('token')
+ const [formA] = Form.useForm
(); // 文字商标表单
+ const [formB] = Form.useForm(); // 图形商标表单
+ const height = window.innerHeight - 350;
+ const [goodsType, setGoodsType] = useState('a')
+ // 生成方式
+ const [generateType, setGenerateType] = useState('1')
+ const handleSubmit = () => {
+ // console.log(form);
+ // props.setEditProcess(2);
+ // 调用表单实例的 submit 方法
+ if (goodsType === 'a') {
+ formA.submit();
+ } else if (goodsType === 'b') {
+ formB.submit();
+ } else {
+ // 表单不显示时,直接更新步骤
+ props.setEditProcess(2);
+ }
+
+ };
+ const [fileList, setFileList] = useState([]);
+
+ const handleChange: UploadProps['onChange'] = (info) => {
+ // console.log(info.file.status);
+
+
+ if (info.file.status === 'uploading') {
+ // setFileList([])
+ return;
+ }
+ if (info.file.status === 'done') {
+
+ // const fileId = info.file.response.data.fileId;
+ // // console.log(downloadUrl(fileId));
+
+ // const url = showImage(fileId, false);
+ setFileList([
+ {
+ uid: info.file.response.data.fileId,
+ name: info.file.response.data.fileName,
+ status: 'done',
+ url: showImage(info.file.response.data.fileId, false)
+ }
+ ])
+
+ return;
+ }
+ if (info.file.status === 'error') {
+ message.error(`上传失败`);
+ return;
+ }
+ };
+ // 自动生成的img
+ const [generateImgId, setGenerateImgId] = useState('')
+ const [imgList, setImgList] = useState([])
+ // 上传商标文字图片
+ const [textLodaing, setTextLodaing] = useState(false)
+ const upImgHandleChange: UploadProps['onChange'] = (info) => {
+ console.log(info.file.status);
+
+
+ if (info.file.status === 'uploading') {
+ // setFileList([])
+ setTextLodaing(true)
+ return;
+ }
+ if (info.file.status === 'done') {
+ setTextLodaing(false)
+ // const fileId = info.file.response.data.fileId;
+ // // console.log(downloadUrl(fileId));
+
+ // const url = showImage(fileId, false);
+ console.log(info.file.response.data.fileId);
+
+ setImgList([
+ {
+ uid: info.file.response.data.fileId,
+ name: info.file.response.data.fileName,
+ status: 'done',
+ url: showImage(info.file.response.data.fileId, false)
+ }
+ ])
+ formA.setFieldsValue({ imgUrl: info.file.response.data.fileId })
+
+ return;
+ }
+ if (info.file.status === 'error') {
+ setTextLodaing(false)
+ message.error(`上传失败`);
+ return;
+ }
+ };
+ const onFinishA = (values: any) => {
+ console.log(values);
+ // props.setEditProcess(2);
+
+ }
+ const onFinishB = (values: any) => {
+ console.log(values);
+ // props.setEditProcess(2);
+
+ }
+ const onChange = (e: any) => {
+ setGoodsType(e.target.value)
+ };
+ const generateTypeChange = (e: any) => {
+ setGenerateType(e.target.value)
+ // 给FormA表单的imgUrl赋值
+ // if (e.target.value === '1') {
+ // formA.setFieldsValue({ imgUrl: generateImgId })
+ // }
+ // if (e.target.value === '2') {
+ // formA.setFieldsValue({ imgUrl: imgList[0]?.uid})
+ // }
+ formA.setFieldsValue({ imgUrl: '' })
+ setGenerateImgId('')
+ setImgList([])
+ }
+ return (
+
+
+
+
+
+ !
+
+
+
+
当前仅提供文字、图形或文字图形组合商标申请;暂不支持立体商标、声音商标、证明商标、集体商标的申请。
+
商标局录入的商标信息以商标图样为准,且最终使用需与商标图样一致,请您确认手动上传的商标图样是您想要注册的商标。
+
+
+
+ 基本信息
+
+
+
+ 商标类型*:
+
+
+
+ 文字商标
+ 图形商标
+ 文字图形组合商标
+
+
+
如何选择?
+
+
+
+
+
+
+
+
+
+
+
+
+ */}
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/components/EditSix/EditSix.tsx b/src/route/TrademarkMall/components/EditSix/EditSix.tsx
new file mode 100644
index 0000000..57a7be4
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditSix/EditSix.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { Button } from 'antd'
+export default function editSix(props: any) {
+ const height = window.innerHeight - 350;
+ const handleSubmit = () => {
+ // console.log(form);
+ // 调用表单实例的 submit 方法
+ // form.submit();
+ alert('提交成功')
+
+ };
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/components/EditThree/EditThree.tsx b/src/route/TrademarkMall/components/EditThree/EditThree.tsx
new file mode 100644
index 0000000..bb5c6fd
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditThree/EditThree.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { Button } from 'antd'
+export default function editThree(props: any) {
+ const height = window.innerHeight - 350;
+ const handleSubmit = () => {
+ // console.log(form);
+ props.setEditProcess(4);
+ // 调用表单实例的 submit 方法
+ // form.submit();
+
+ };
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/components/EditTwo/EditTwo.tsx b/src/route/TrademarkMall/components/EditTwo/EditTwo.tsx
new file mode 100644
index 0000000..9cec126
--- /dev/null
+++ b/src/route/TrademarkMall/components/EditTwo/EditTwo.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { Button } from 'antd'
+export default function editTwo(props: any) {
+ const height = window.innerHeight - 350;
+ const handleSubmit = () => {
+ // console.log(form);
+ props.setEditProcess(3);
+ // 调用表单实例的 submit 方法
+ // form.submit();
+
+ };
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/route/TrademarkMall/trademark-edit.css b/src/route/TrademarkMall/trademark-edit.css
index a64b9da..e538bd5 100644
--- a/src/route/TrademarkMall/trademark-edit.css
+++ b/src/route/TrademarkMall/trademark-edit.css
@@ -5,4 +5,62 @@
box-sizing: border-box;
padding: 30px 45px 0 45px;
box-sizing: border-box;
+}
+
+.trademarkAiBox {
+ margin-top: 18px;
+ background-color: rgb(255, 255, 255);
+ padding: 0px 19px 0px 19px;
+ box-sizing: border-box;
+ padding: 30px 45px 0 45px;
+ box-sizing: border-box;
+}
+
+.trademarkTop {
+ padding: 5px 10px;
+ box-sizing: border-box;
+ background-color: #fff4e6;
+ display: flex;
+ /* line-height: 20px; */
+}
+
+.trademarkTopL {
+ width: 20px;
+ height: 20px;
+ border-radius: 10px;
+ background-color: #ff9326;
+ text-align: center;
+ line-height: 20px;
+ color: #ffffff;
+ margin-right: 5px;
+}
+
+.trademarkForm {
+ margin-left: 100px;
+ /* display: flex; */
+ /* align-items: center; */
+ /* justify-content: center; */
+}
+
+.trademarkForm-item {
+
+ display: flex;
+ /* background-color: pink; */
+
+}
+
+.trademarkForm-title {
+ width: 120px;
+ height: 46px;
+ line-height: 46px;
+ /* background-color: pink; */
+ font-size: 16px;
+ text-wrap: nowrap;
+}
+
+.trademark-btn {
+ /* background-color: pink; */
+ display: flex;
+ justify-content: center;
+ margin-top: 50px;
}
\ No newline at end of file
diff --git a/src/route/TradingGoods/TradingGoods.tsx b/src/route/TradingGoods/TradingGoods.tsx
index 103ff01..586437a 100644
--- a/src/route/TradingGoods/TradingGoods.tsx
+++ b/src/route/TradingGoods/TradingGoods.tsx
@@ -504,7 +504,9 @@ export default function TradingGoods() {
justifyContent: 'center',
height: `${height}px`,
}}>
-
+ {
+ getDataList(page)
+ }}>
{
setCopyrightKeywords(copyrightNewKeywords)
}
- const [specialPrice, setSpecialPrice] = useState(false) //商品特价标识
+ const [specialPrice, setSpecialPrice] = useState('') //商品特价标识
const copyrightInit = () => {
setMinPrice(null)
setMaxPrice(null)
@@ -900,7 +900,7 @@ export default function Index() {
setCopyrightNewKeywords('')
setCopyrightKeywords('')
// 清除特价标识
- setSpecialPrice(false)
+ setSpecialPrice('')
}
useEffect(() => {
@@ -2006,6 +2006,10 @@ export default function Index() {
correctionType={correctionType ? correctionType : ''}
correctionApplyStatus={correctionApplyStatus ? correctionApplyStatus : ''}
tagCor={tagCor ? tagCor : ''}
+
+ // 换名
+ replaceKeyWords={replaceKeyWords ? replaceKeyWords : ''}
+ replaceStatus={replaceStatus ? replaceStatus : ''}
// enableBelongpeople = {()=>{setClickBelongpeople(true)}}
/>
@@ -2066,7 +2070,7 @@ export default function Index() {
list={agentMenu.list}
handleListItem={agentMenu.handleListItem}
/> */}
- {/* {THEME == 'mzw' ? (
+ {THEME == 'mzw' ? (
<>
) : (
<>>
- )} */}
+ )}
{THEME == 'mzw' ? (
) : (
<>>
@@ -3441,8 +3463,13 @@ export default function Index() {
border: '1px solid #FF9F00 ',
}}
onClick={() => {
+ if (specialPrice == '') {
+ setSpecialPrice('特价')
+ } else {
+ setSpecialPrice('')
+ }
// 特价标识
- setSpecialPrice(!specialPrice)
+ // setSpecialPrice(!specialPrice)
}}
>
今日特价
@@ -4328,9 +4355,14 @@ export default function Index() {
}}
onClick={() => {
- console.log(item.nowprice);
+ console.log(item);
setTrademarkModal(false)
- nav('/trademark-expert-edit')
+ nav('/trademark-expert-edit', {
+ state: {
+ title: item.title,
+ price: item.nowprice
+ }
+ })
console.log('简单');
@@ -4359,6 +4391,13 @@ export default function Index() {
onClick={() => {
console.log(item.nowprice);
console.log('复杂');
+ setTrademarkModal(false)
+ nav('/trademark-ai-edit', {
+ state: {
+ title: item.title,
+ price: item.nowprice
+ }
+ })
}}
>开始编辑
diff --git a/src/route/router.tsx b/src/route/router.tsx
index 4bab0d4..f4c184b 100644
--- a/src/route/router.tsx
+++ b/src/route/router.tsx
@@ -5,6 +5,7 @@ import AppElectron from '../route/AppElectron/AppElectron.tsx'
import AppEdit from '../route/AppElectron/AppEdit.tsx'
import TrademarkMall from '../route/TrademarkMall/TrademarkMall.tsx'
import TrademarkExpertEdit from '../route/TrademarkMall/TrademarkExpertEdit.tsx'
+import TrademarkAiEdit from '../route/TrademarkMall/TrademarkAiEdit.tsx'
import TransactionOrder from '../route/TransactionOrder/TransactionOrder.tsx'
import CopyrightGgoods from '../route/CopyrightGgoods/CopyrightGgoods.tsx'
import TradingGoods from '../route/TradingGoods/TradingGoods.tsx'
@@ -238,6 +239,10 @@ export const router = createHashRouter(
{
path:'/trademark-expert-edit',
element:
+ },
+ {
+ path:'/trademark-ai-edit',
+ element:
},
{
path: '/transaction-order',
diff --git a/src/util/AjaxUtils.ts b/src/util/AjaxUtils.ts
index 52d030e..6b0f683 100644
--- a/src/util/AjaxUtils.ts
+++ b/src/util/AjaxUtils.ts
@@ -153,7 +153,7 @@ export function getUseUrl() {
}
// 购买协议
export function getBuyUrl() {
- axios.get(`${baseUrl}/operator/app/agreementportal/getrelease/0542d435-dc22-459b-bf4a-28a61afe400b `)
+ axios.get(`${baseUrl}/operator/app/agreementportal/getrelease/0542d435-dc22-459b-bf4a-28a61afe400b`)
.then((data:any) => {
window.open(`${baseUrl}/operator/route/agreementportal/view?agreementId=${data.data.agreementId}&title=${data.data.title}`)
})