暂存
This commit is contained in:
lyp
parent
67a5103a2c
commit
fdf06a145d
@ -205,8 +205,24 @@ export const updateTrademarkApplicant = (trademarkUserId:any,params:any) => aiSh
|
||||
export const submitTrademarkApplicant = (trademarkId:any,params:any) => aiShopRequest.post(`/aishop/api/trademark/save3/${trademarkId}`,params)
|
||||
|
||||
// 第四步
|
||||
// 获取支付订单
|
||||
export const getOrder = (trademarkId:any) => aiShopRequest.get(`/aishop/api/trademark/get-pay-data/${trademarkId}`)
|
||||
|
||||
// 订单支付
|
||||
export const orderPay = (trademarkId:any) => aiShopRequest.post(`/aishop/api/trademark/save4/${trademarkId}`)
|
||||
|
||||
|
||||
|
||||
// 第五步
|
||||
// 生成委托书
|
||||
export const generateDepute = (trademarkId:any) => aiShopRequest.get(`/aishop/api/trademark/create-xieyi/SHOP06/${trademarkId}`)
|
||||
// 上传委托书
|
||||
export const uploadDepute = (trademarkId:any,params:any) => aiShopRequest.post(`/aishop/api/trademark/save5/${trademarkId}`,params)
|
||||
|
||||
|
||||
// 第六步上传
|
||||
export const uploadSix = (trademarkId:any) => aiShopRequest.post(`/aishop/api/trademark/save6/${trademarkId}`)
|
||||
|
||||
|
||||
// ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
@ -206,6 +206,7 @@ export const downloadAuthBookUrl = () => {
|
||||
export const uploadImageUrl = () => {
|
||||
return `${aiShopBaseUrl}/aishop/api/file/v2/upload-image`
|
||||
}
|
||||
|
||||
// // 下载 预览文件 买卖功能
|
||||
// export const downloadUrl = (fileId: string, isDownload?: boolean) => {
|
||||
// return `${aiShopBaseUrl}/aishop/route/file/v2/download/${isDownload == false}/${fileId}`
|
||||
@ -219,9 +220,13 @@ export const uploadFileUrl = () => {
|
||||
export const uploadDeputeFileUrl = (type:string) => {
|
||||
return `${aiShopBaseUrl}/aishop/api/trademark/upload-depute-file?type=${type}`
|
||||
}
|
||||
// 上传图片 家条件 限制大小等 name="file"
|
||||
// 上传图片 加条件 限制大小等 name="file"
|
||||
export const uploadImageAddUrl = () => {
|
||||
return `${aiShopBaseUrl}/aishop/api/trademark/upload-file`
|
||||
}
|
||||
// 上传委托书
|
||||
export const uploadDeputeUrl = () => {
|
||||
return `${aiShopBaseUrl}/aishop/api/trademark/upload-weituo-file `
|
||||
}
|
||||
|
||||
export { request,aiShopRequest,phoneRequest,newRequest};
|
||||
|
||||
@ -10,11 +10,29 @@ import EditFour from './components/EditFour/EditFour';
|
||||
import EditFive from './components/EditFive/EditFive';
|
||||
import EditSix from './components/EditSix/EditSix';
|
||||
import { useLocation, useParams } from 'react-router-dom';
|
||||
import { trademarkDetail, } from '../../request/api'
|
||||
import { trademarkDetail, getOrder } from '../../request/api'
|
||||
import {
|
||||
message, Spin
|
||||
} from 'antd';
|
||||
export default function TrademarkAiEdit() {
|
||||
const [orderList, setOrderList] = useState<any>([])
|
||||
const getOrderList = async () => {
|
||||
try {
|
||||
const res = await getOrder(trademarkId)
|
||||
console.log('订单详情列表', res);
|
||||
setOrderList(res)
|
||||
} 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 pathParams = useParams();
|
||||
// const trademarkId = pathParams.trademarkId == 'NEW'?'':pathParams.trademarkId;
|
||||
const [trademarkId, setTrademarkId] = useState(pathParams.trademarkId == 'NEW' ? '' : pathParams.trademarkId)
|
||||
@ -26,6 +44,7 @@ export default function TrademarkAiEdit() {
|
||||
const [trademarkMode, setTrademarkMode] = useState(state?.trademarkMode);
|
||||
const [trademarkModeName, setTrademarkModeName] = useState(state?.trademarkModeName);
|
||||
const [trademarkModePrice, setTrademarkModePrice] = useState(0)
|
||||
// const [trademarkStatus, setTrademarkStatus] = useState('')
|
||||
const [editOneData, setEditOneData] = useState<any>({
|
||||
trademarkType: '', //商标类型 text 文字 image 图形 text-image 图文
|
||||
trademarkName: '', //商标名称
|
||||
@ -43,11 +62,18 @@ export default function TrademarkAiEdit() {
|
||||
})
|
||||
const [editThreeData, setEditThreeData] = useState<any>({
|
||||
trademarkUserId: '',
|
||||
name:''
|
||||
name: ''
|
||||
})
|
||||
useEffect(()=>{
|
||||
const [editFiveData, setEditFiveData] = useState<any>({
|
||||
trademarkFileDepute: ''
|
||||
})
|
||||
const [trademarkStatus, setTrademarkStatus] = useState('')
|
||||
useEffect(() => {
|
||||
if (trademarkId) {
|
||||
getOrderList()
|
||||
}
|
||||
}, [trademarkId])
|
||||
|
||||
},[])
|
||||
// const [trademarkId, setTrademarkId] = useState(state.trademarkId?state.trademarkId:'');
|
||||
const [loading, setLoading] = useState(false)
|
||||
const getTrademarkDetail = async (trademarkId: string) => {
|
||||
@ -55,7 +81,12 @@ export default function TrademarkAiEdit() {
|
||||
setLoading(true)
|
||||
const res: any = await trademarkDetail(trademarkId)
|
||||
console.log('详情', res);
|
||||
setEditProcess(res.trademarkProgress + 1)
|
||||
if (res.trademarkProgress < 6) {
|
||||
setEditProcess(res.trademarkProgress + 1)
|
||||
|
||||
} else {
|
||||
setEditProcess(res.trademarkProgress)
|
||||
}
|
||||
setTrademarkMode(res.trademarkMode)
|
||||
setTrademarkModeName(res.trademarkModeName)
|
||||
setTrademarkModePrice(res.trademarkModePrice / 100)
|
||||
@ -69,6 +100,7 @@ export default function TrademarkAiEdit() {
|
||||
trademarkPhotoType: res.trademarkPhotoType, //商标图样类型 1 自动生成 2 手动上传
|
||||
trademarkPhoto: res.trademarkPhoto, //商标图样
|
||||
})
|
||||
setTrademarkStatus(res.trademarkStatus)
|
||||
setEditTwoData({
|
||||
trademarkTypeDTOS: res.trademarkTypeDTOS,
|
||||
trademarkTypeIds: res.trademarkTypeIds
|
||||
@ -77,6 +109,9 @@ export default function TrademarkAiEdit() {
|
||||
trademarkUserId: res.trademarkUserDTO.trademarkUserId,
|
||||
name: res.trademarkUserDTO.name
|
||||
})
|
||||
setEditFiveData({
|
||||
trademarkFileDepute: res.trademarkFileDepute
|
||||
})
|
||||
|
||||
} catch (error: any) {
|
||||
setLoading(false)
|
||||
@ -232,6 +267,7 @@ export default function TrademarkAiEdit() {
|
||||
display: editProcess == 2 ? 'block' : 'none'
|
||||
}}>
|
||||
<EditTwo
|
||||
getOrderList={getOrderList}
|
||||
trademarkModePrice={trademarkModePrice}
|
||||
setEditTwoData={setEditTwoData}
|
||||
editTwoData={editTwoData}
|
||||
@ -257,6 +293,9 @@ export default function TrademarkAiEdit() {
|
||||
}}>
|
||||
<EditFour
|
||||
// key={editProcess}
|
||||
orderList={orderList}
|
||||
trademarkStatus={trademarkStatus}
|
||||
setTrademarkStatus={setTrademarkStatus}
|
||||
trademarkId={trademarkId}
|
||||
setEditProcess={setEditProcess}></EditFour>
|
||||
</div>
|
||||
@ -265,13 +304,24 @@ export default function TrademarkAiEdit() {
|
||||
}}>
|
||||
<EditFive
|
||||
// key={editProcess}
|
||||
editFiveData={editFiveData}
|
||||
setEditFiveData={setEditFiveData}
|
||||
trademarkId={trademarkId}
|
||||
|
||||
setEditProcess={setEditProcess}></EditFive>
|
||||
</div>
|
||||
<div style={{
|
||||
display: editProcess == 6 ? 'block' : 'none'
|
||||
}}>
|
||||
<EditSix
|
||||
// key={editProcess}
|
||||
trademarkId={trademarkId}
|
||||
trademarkStatus={trademarkStatus}
|
||||
setTrademarkStatus={setTrademarkStatus}
|
||||
key={editProcess}
|
||||
editOneData={editOneData} //编辑一数据
|
||||
editTwoData={editTwoData}
|
||||
editThreeData={editThreeData}
|
||||
editFiveData={editFiveData}
|
||||
setEditProcess={setEditProcess}></EditSix>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -144,7 +144,7 @@ export default function TrademarkExpertEdit() {
|
||||
okText='确定'
|
||||
cancelText='取消'
|
||||
>
|
||||
该操作会扣除{state.price}元，确定操作吗？
|
||||
该操作会扣除{state.price}元，且提交后无法撤销，确定操作吗？
|
||||
</Modal>
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -99,10 +99,49 @@ export default function TrademarkMall() {
|
||||
color: 'green',
|
||||
}}
|
||||
>已付款</span>
|
||||
:
|
||||
<span style={{
|
||||
color: 'rgb(122 126 130)',
|
||||
}}>未知</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: 'rgb(136, 185, 233)',
|
||||
}}
|
||||
>已受理</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>
|
||||
: '未知'
|
||||
}
|
||||
</span>
|
||||
)
|
||||
@ -161,7 +200,7 @@ export default function TrademarkMall() {
|
||||
<div style={{
|
||||
cursor: 'pointer',
|
||||
color: '#007FFF',
|
||||
|
||||
display: record.trademarkStatus != '-1' ? 'unset' : 'none',
|
||||
|
||||
}} onClick={() => {
|
||||
nav(`/trademark-ai-edit/${record.trademarkId}`, {
|
||||
@ -175,7 +214,9 @@ export default function TrademarkMall() {
|
||||
// console.log(record.checkStatus);
|
||||
|
||||
|
||||
}}>编辑</div>
|
||||
}}>{
|
||||
record.trademarkStatus == '2' ? '查看' : '编辑'
|
||||
}</div>
|
||||
|
||||
|
||||
)
|
||||
@ -189,6 +230,7 @@ export default function TrademarkMall() {
|
||||
const getTrademarkList = async (page: any) => {
|
||||
try {
|
||||
setLoading(true)
|
||||
setData([])
|
||||
const res: any = await trademarkList({
|
||||
keywords: state && state.keywords ? state.keywords : '',
|
||||
rows: 10,
|
||||
|
||||
27
src/route/TrademarkMall/components/EditFive/EditFive.css
Normal file
27
src/route/TrademarkMall/components/EditFive/EditFive.css
Normal file
@ -0,0 +1,27 @@
|
||||
.editFiveUpBox {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
border: 1px dashed #979797;
|
||||
color: #979797;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.showImg {
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
border: 1px dashed #979797;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 120px;
|
||||
position: relative;
|
||||
}
|
||||
.tipsRed{
|
||||
color: red;
|
||||
}
|
||||
@ -1,7 +1,12 @@
|
||||
import { useState } from 'react'
|
||||
import { Button, Form, message, Upload, Input } from 'antd'
|
||||
import { UploadOutlined } from '@ant-design/icons';
|
||||
import { uploadFileUrl, showImage } from '../../../../request/request'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { Button, Form, message, Upload, Input, Spin, Image } from 'antd'
|
||||
import { showImage, uploadDeputeUrl } from '../../../../request/request'
|
||||
import { generateDepute, uploadDepute } from '../../../../request/api'
|
||||
import './EditFive.css'
|
||||
import {
|
||||
PlusOutlined
|
||||
} from '@ant-design/icons';
|
||||
import file from '../../../../static/editFive/file.png'
|
||||
export default function EditFive(props: any) {
|
||||
const token = sessionStorage.getItem('token')
|
||||
const [form] = Form.useForm();
|
||||
@ -9,13 +14,16 @@ export default function EditFive(props: any) {
|
||||
|
||||
form.submit();
|
||||
|
||||
props.setEditProcess(6);
|
||||
// props.setEditProcess(6);
|
||||
|
||||
};
|
||||
// const [imgList, setImgList] = useState<any>([])
|
||||
const [upFileLoading, setUpFileLoading] = useState<boolean>(false) //上传文件
|
||||
const [createLoading, setCreateLoading] = useState<boolean>(false) //生成委托书
|
||||
const [upLoading, setUpLoading] = useState<boolean>(false) //提交
|
||||
const [upFileArray, setUpFileArray] = useState<any>([])
|
||||
// 定义允许上传的文件格式
|
||||
const ALLOWED_FILE_TYPES = ['.pdf', '.jpg', '.jpeg', '.png', '.bmp'];
|
||||
const ALLOWED_FILE_TYPES = ['.jpg', '.jpeg',];
|
||||
const beforeUpload = (file: File) => {
|
||||
const fileExt = file.name.slice(file.name.lastIndexOf('.')).toLowerCase();
|
||||
if (!ALLOWED_FILE_TYPES.includes(fileExt)) {
|
||||
@ -24,148 +32,265 @@ export default function EditFive(props: any) {
|
||||
}
|
||||
return true;
|
||||
};
|
||||
// const [textLodaing, setTextLodaing] = useState(false)
|
||||
// const upImgHandleChange: UploadProps['onChange'] = (info) => {
|
||||
useEffect(() => {
|
||||
if (props.editFiveData.trademarkFileDepute) {
|
||||
form.setFieldValue('file', props.editFiveData.trademarkFileDepute)
|
||||
setUpFileArray([
|
||||
{
|
||||
uid: props.editFiveData.trademarkFileDepute,
|
||||
name: props.editFiveData.trademarkFileDepute,
|
||||
status: 'done',
|
||||
url: showImage(props.editFiveData.trademarkFileDepute, false)
|
||||
}
|
||||
])
|
||||
}
|
||||
}, [props.editFiveData])
|
||||
const onFinish = async (values: any) => {
|
||||
// console.log('Success:', values);
|
||||
// props.setEditProcess(6);
|
||||
if (values.file == props.editFiveData.trademarkFileDepute) {
|
||||
props.setEditProcess(6);
|
||||
return
|
||||
|
||||
}
|
||||
|
||||
try {
|
||||
setUpLoading(true)
|
||||
await uploadDepute(props.trademarkId, {
|
||||
trademarkFileDepute: values.file
|
||||
})
|
||||
setUpLoading(false)
|
||||
props.setEditFiveData({
|
||||
trademarkFileDepute: values.file
|
||||
})
|
||||
props.setEditProcess(6);
|
||||
}
|
||||
catch (error: any) {
|
||||
if (error.response) {
|
||||
setUpLoading(false)
|
||||
|
||||
// if (info.file.status === 'uploading') {
|
||||
|
||||
// setTextLodaing(true)
|
||||
// return;
|
||||
// }
|
||||
// if (info.file.status === 'done') {
|
||||
// setTextLodaing(false)
|
||||
|
||||
|
||||
// setImgList([
|
||||
// {
|
||||
// uid: info.file.response.data.fileId,
|
||||
// name: info.file.response.data.fileName,
|
||||
// status: 'done',
|
||||
// url: showImage(info.file.response.data.fileId, false)
|
||||
// }
|
||||
// ])
|
||||
// form.setFieldsValue({ imgUrl: info.file.response.data.fileId })
|
||||
|
||||
// return;
|
||||
// }
|
||||
// if (info.file.status === 'error') {
|
||||
// setTextLodaing(false)
|
||||
// message.error(`上传失败`);
|
||||
// return;
|
||||
// }
|
||||
// };
|
||||
const onFinish = (values: any) => {
|
||||
console.log('Success:', values);
|
||||
props.setEditProcess(6);
|
||||
const data = error.response.data;
|
||||
message.error(data.msg ? data.msg : `${data.path}(${data.status})`)
|
||||
} else {
|
||||
console.error(error)
|
||||
}
|
||||
}
|
||||
finally {
|
||||
setUpLoading(false)
|
||||
}
|
||||
};
|
||||
const height = window.innerHeight - 350;
|
||||
|
||||
return (
|
||||
<div className='editOneTwo'>
|
||||
<div className='topLine'></div>
|
||||
<div className='' style={{
|
||||
height: height,
|
||||
// background: 'pink',
|
||||
padding: '50px 50px',
|
||||
boxSizing: 'border-box',
|
||||
}}>
|
||||
<Form form={form} onFinish={onFinish}
|
||||
onFinishFailed={(errorInfo) => {
|
||||
errorInfo.errorFields.forEach((field) => {
|
||||
if (field.errors.length > 0) {
|
||||
// 显示每条错误信息
|
||||
message.error(field.errors[0]);
|
||||
}
|
||||
});
|
||||
}}
|
||||
>
|
||||
<Spin
|
||||
tip={createLoading ? '生成委托书中...' : upLoading ? '正在提交...' : '正在提交...'}
|
||||
size="small"
|
||||
spinning={createLoading || upLoading}
|
||||
>
|
||||
<div className='editOneTwo'>
|
||||
|
||||
<div className='topLine'></div>
|
||||
<div className='' style={{
|
||||
height: height,
|
||||
// background: 'pink',
|
||||
padding: '50px 50px',
|
||||
boxSizing: 'border-box',
|
||||
}}>
|
||||
<div style={{
|
||||
display: 'flex',
|
||||
|
||||
}}>
|
||||
<div className='FormInputTitle' style={{
|
||||
marginTop: -5
|
||||
}}>上传委托书<span style={{
|
||||
color: 'red',
|
||||
}}>*</span> ：</div>
|
||||
<div style={{
|
||||
// background:'pink',
|
||||
width: 200,
|
||||
position: 'relative',
|
||||
}}>
|
||||
|
||||
<Form.Item
|
||||
name="file"
|
||||
rules={[{ required: true, message: '请上传委托书' }]}
|
||||
>
|
||||
<Input style={{
|
||||
width: 100,
|
||||
display: 'none',
|
||||
}}></Input>
|
||||
|
||||
|
||||
</Form.Item>
|
||||
<Form form={form} onFinish={onFinish}
|
||||
onFinishFailed={(errorInfo) => {
|
||||
errorInfo.errorFields.forEach((field) => {
|
||||
if (field.errors.length > 0) {
|
||||
// 显示每条错误信息
|
||||
message.error(field.errors[0]);
|
||||
}
|
||||
});
|
||||
}}
|
||||
>
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: -5,
|
||||
// background: 'pink',
|
||||
maxWidth: 200,
|
||||
display: 'flex',
|
||||
}}>
|
||||
<Upload
|
||||
name="file"
|
||||
action={uploadFileUrl()}
|
||||
fileList={upFileArray}
|
||||
onChange={(info) => {
|
||||
const { fileList } = info;
|
||||
setUpFileArray(fileList);
|
||||
if (info.file.status === 'uploading') {
|
||||
<div className='FormInputTitle' style={{
|
||||
marginTop: -5
|
||||
}}>上传委托书<span style={{
|
||||
color: 'red',
|
||||
}}>*</span> ：</div>
|
||||
<div style={{
|
||||
// background:'pink',
|
||||
width: 200,
|
||||
position: 'relative',
|
||||
}}>
|
||||
|
||||
return;
|
||||
}
|
||||
if (info.file.status === 'done') {
|
||||
// console.log(info.file.response.data);
|
||||
setUpFileArray([
|
||||
{
|
||||
uid: info.file.response.data.fileId,
|
||||
name: info.file.response.data.fileName,
|
||||
status: 'done',
|
||||
url: showImage(info.file.response.data.fileId, false)
|
||||
<Form.Item
|
||||
name="file"
|
||||
rules={[{ required: true, message: '请上传委托书' }]}
|
||||
>
|
||||
<Input style={{
|
||||
width: 300,
|
||||
height: 150,
|
||||
// display: 'none',
|
||||
// background:'red'
|
||||
}}></Input>
|
||||
|
||||
|
||||
</Form.Item>
|
||||
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
// top: -5,
|
||||
top: 0,
|
||||
// background: 'pink',
|
||||
// maxWidth: 200,
|
||||
display: upFileArray.length > 0 && upFileArray[0].url ? 'none' : 'unset'
|
||||
}}>
|
||||
<Upload
|
||||
maxCount={1}
|
||||
name="file"
|
||||
action={uploadDeputeUrl()}
|
||||
// fileList={upFileArray}
|
||||
showUploadList={false}
|
||||
|
||||
onChange={(info) => {
|
||||
|
||||
if (info.file.status === 'uploading') {
|
||||
setUpFileLoading(true)
|
||||
// const { fileList } = info;
|
||||
// setUpFileArray(fileList);
|
||||
return;
|
||||
}
|
||||
])
|
||||
if (info.file.status === 'done') {
|
||||
// console.log(info.file.response.data);
|
||||
setUpFileLoading(false)
|
||||
setUpFileArray([
|
||||
{
|
||||
uid: info.file.response.data.fileId,
|
||||
name: info.file.response.data.fileName,
|
||||
status: 'done',
|
||||
url: showImage(info.file.response.data.fileId, false)
|
||||
}
|
||||
])
|
||||
|
||||
form.setFieldsValue({
|
||||
file: info.file.response.data.fileId,
|
||||
});
|
||||
}
|
||||
if (info.file.status === 'error') {
|
||||
// 显示错误提示
|
||||
message.error(`上传失败,请重新上传`);
|
||||
setUpFileArray([])
|
||||
form.setFieldsValue({
|
||||
file: info.file.response.data.fileId,
|
||||
});
|
||||
}
|
||||
if (info.file.status === 'error') {
|
||||
setUpFileLoading(false)
|
||||
// 显示错误提示
|
||||
// message.error(`上传失败,请重新上传`);
|
||||
message.error(info.file.response.msg ? info.file.response.msg : '上传失败');
|
||||
setUpFileArray([])
|
||||
|
||||
}
|
||||
// console.log(upCodeArray);
|
||||
}
|
||||
// console.log(upCodeArray);
|
||||
|
||||
}}
|
||||
onRemove={() => {
|
||||
setUpFileArray([])
|
||||
form.setFieldsValue({
|
||||
file: '', // 清除表单值
|
||||
});
|
||||
}}
|
||||
beforeUpload={beforeUpload}
|
||||
// onPreview={handlePreview}
|
||||
// onChange={handleUploadChange}
|
||||
headers={{ 'Auth': `Bearer ${token}` }}
|
||||
>
|
||||
<Button icon={<UploadOutlined />} style={{
|
||||
}}
|
||||
onRemove={() => {
|
||||
setUpFileArray([])
|
||||
form.setFieldsValue({
|
||||
file: '', // 清除表单值
|
||||
});
|
||||
}}
|
||||
beforeUpload={beforeUpload}
|
||||
// onPreview={handlePreview}
|
||||
// onChange={handleUploadChange}
|
||||
headers={{ 'Auth': `Bearer ${token}` }}
|
||||
disabled={upFileLoading || upFileArray.length > 0}
|
||||
>
|
||||
{/* <Button icon={<UploadOutlined />} style={{
|
||||
marginTop: '4px'
|
||||
}}
|
||||
disabled={upFileArray.length > 0}
|
||||
>上传委托书</Button>
|
||||
</Upload>
|
||||
</div>
|
||||
<div style={{
|
||||
>上传委托书</Button> */}
|
||||
<Spin tip="正在提交，请稍后..." size="small" spinning={upFileLoading}>
|
||||
|
||||
<div className='editFiveUpBox'>
|
||||
<div style={{
|
||||
fontSize: 30,
|
||||
|
||||
}}><PlusOutlined /></div>
|
||||
<div style={{
|
||||
// fontSize:16
|
||||
marginTop: 10
|
||||
}}
|
||||
|
||||
>上传委托书</div>
|
||||
</div>
|
||||
</Spin>
|
||||
|
||||
</Upload>
|
||||
</div >
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
// top: -5,
|
||||
top: 0,
|
||||
// background: 'pink',
|
||||
// maxWidth: 200,
|
||||
display: upFileArray.length > 0 && upFileArray[0].url ? 'unset' : 'none'
|
||||
|
||||
}}
|
||||
>
|
||||
<div className='editFiveUpBox' style={{
|
||||
position: 'relative',
|
||||
|
||||
}}>
|
||||
<Image src={upFileArray.length > 0 ? upFileArray[0].url : ''} style={{
|
||||
maxWidth: 300,
|
||||
height: 150,
|
||||
}} />
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
right: 0,
|
||||
background: 'rgba(168, 168, 168, 0.5)',
|
||||
color: 'red',
|
||||
padding: '2px 5px',
|
||||
|
||||
|
||||
}}
|
||||
onClick={() => {
|
||||
setUpFileArray([])
|
||||
form.setFieldsValue({
|
||||
file: '', // 清除表单值
|
||||
});
|
||||
}}
|
||||
>删除</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div style={{
|
||||
textWrap: 'nowrap',
|
||||
}}>
|
||||
<div style={{
|
||||
fontWeight: 700,
|
||||
}}>
|
||||
重要提示：
|
||||
</div>
|
||||
<div>
|
||||
-上传委托书只需在<span className='tipsRed'>右下角签字，请勿盖章确保签字工整清晰</span>;
|
||||
</div>
|
||||
<div>
|
||||
-委托书上的信息 <span className='tipsRed'>不能手动修改</span>或<span className='tipsRed'>添加</span>信息;
|
||||
</div>
|
||||
<div>
|
||||
-委托书模板图片大小不能超过1.5M，格式为JPG格式图片;
|
||||
</div>
|
||||
<div>
|
||||
-扫描(推荐)或拍照前，请确保<span className='tipsRed'>委托书模板纸面工整顺平，不能有褶皱、反光等</span>;
|
||||
</div>
|
||||
<div>
|
||||
-请确保上传的委托书<span className='tipsRed'>字迹工整、清晰</span>;
|
||||
</div>
|
||||
<div>
|
||||
-当申请人<span className='tipsRed'>信息修改后</span>，请<span className='tipsRed'>重新下载委托书签字上传审核</span>。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* <div style={{
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 140,
|
||||
@ -177,47 +302,94 @@ export default function EditFive(props: any) {
|
||||
onClick={() => {
|
||||
window.open('https://www.baidu.com')
|
||||
}}
|
||||
>[ 下载模板 ]</div>
|
||||
>[ 下载模板 ]</div> */}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</Form>
|
||||
<div className='showImg'>
|
||||
<Image src={file} height={120}></Image>
|
||||
<div style={{
|
||||
color: 'red'
|
||||
}}>
|
||||
示例图片
|
||||
</div>
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
bottom: -40,
|
||||
textWrap: 'nowrap',
|
||||
color: 'var(--color-blue)',
|
||||
lineHeight: '30px',
|
||||
cursor: 'pointer',
|
||||
}}
|
||||
onClick={async () => {
|
||||
// window.open(downloadDeputeUrl(props.trademarkId))
|
||||
try {
|
||||
setCreateLoading(true)
|
||||
const res: any = await generateDepute(props.trademarkId)
|
||||
// console.log(res);
|
||||
window.open(showImage(res.fileId))
|
||||
|
||||
setCreateLoading(false)
|
||||
} catch (error: any) {
|
||||
if (error.response) {
|
||||
setCreateLoading(false)
|
||||
|
||||
const data = error.response.data;
|
||||
message.error(data.msg ? data.msg : `${data.path}(${data.status})`)
|
||||
} else {
|
||||
console.error(error)
|
||||
}
|
||||
} finally {
|
||||
setCreateLoading(false)
|
||||
|
||||
}
|
||||
}}
|
||||
>
|
||||
[ 下载模板 ]
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</Form>
|
||||
</div >
|
||||
<div className='topLine'></div>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}>
|
||||
<Button
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(4)
|
||||
}}
|
||||
>上一步</Button>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
handleSubmit()
|
||||
}}
|
||||
>下一步</Button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div className='topLine'></div>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}>
|
||||
<Button
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(4)
|
||||
}}
|
||||
>上一步</Button>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
handleSubmit()
|
||||
}}
|
||||
>下一步</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div >
|
||||
</Spin >
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import { useState, useContext } from 'react'
|
||||
import { useState, useContext, useEffect } from 'react'
|
||||
import './edit-four.css'
|
||||
import { Button, Table, Modal, message, Spin } from 'antd'
|
||||
import { orderPay } from '../../../../request/api'
|
||||
import { orderPay, getOrder } from '../../../../request/api'
|
||||
// import { GlobalDispatchContext, reloadUser } from "../../context/GlobalContext.ts";
|
||||
import { GlobalDispatchContext, reloadUser } from "../../../../context/GlobalContext";
|
||||
import type { TableProps } from 'antd';
|
||||
@ -32,6 +32,8 @@ export default function EditFour(props: any) {
|
||||
message.success('付款成功');
|
||||
|
||||
});
|
||||
props.setTrademarkStatus('1')
|
||||
props.setEditProcess(5)
|
||||
setPayLodaing(false)
|
||||
|
||||
} catch (error: any) {
|
||||
@ -52,13 +54,15 @@ export default function EditFour(props: any) {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const columns: TableProps<DataType>['columns'] = [
|
||||
{
|
||||
align: 'center',
|
||||
title: '付费方式',
|
||||
dataIndex: 'type',
|
||||
key: 'type',
|
||||
render: () => '预付费',
|
||||
dataIndex: 'payType',
|
||||
key: 'payType',
|
||||
// render: () => '预付费',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
@ -66,25 +70,30 @@ export default function EditFour(props: any) {
|
||||
width: 100,
|
||||
|
||||
title: '服务名称',
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
render: () => '商标申请',
|
||||
dataIndex: 'serverName',
|
||||
key: 'serverName',
|
||||
// render: () => '商标申请',
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
width: 150,
|
||||
ellipsis: true,
|
||||
title: '类别',
|
||||
dataIndex: 'category',
|
||||
key: 'category',
|
||||
dataIndex: 'typeName',
|
||||
key: 'typeName',
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
width: 300,
|
||||
ellipsis: true,
|
||||
title: '指定商品或服务',
|
||||
dataIndex: 'goods',
|
||||
key: 'goods',
|
||||
dataIndex: 'subNames',
|
||||
key: 'subNames',
|
||||
render: (text) => {
|
||||
return (
|
||||
<span>{text.split(',').length}</span>
|
||||
)
|
||||
},
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
@ -98,42 +107,48 @@ export default function EditFour(props: any) {
|
||||
width: 100,
|
||||
|
||||
title: '单价',
|
||||
dataIndex: 'price',
|
||||
key: 'price',
|
||||
dataIndex: 'money',
|
||||
key: 'money',
|
||||
render: (text) => text / 100,
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
width: 100,
|
||||
title: '数量',
|
||||
dataIndex: 'num',
|
||||
key: 'num',
|
||||
render: () => '1',
|
||||
},
|
||||
|
||||
|
||||
];
|
||||
const data: DataType[] = [
|
||||
{
|
||||
id: '1',
|
||||
type: '预付费', //付费方式
|
||||
name: '商标申请',//服务名称
|
||||
category: '第35类 广告销售', //类别
|
||||
goods: '共10项:喜喜喜喜喜喜,哈哈哈啊哈哈哈哈,呵呵呵呵呵,嘎嘎嘎嘎嘎嘎嘎,的爱德华八克很大空间和大开杀空间,按时间打假打私', //服务
|
||||
goodsType: '文字和图案', //商标类型
|
||||
price: '630.66', //单价
|
||||
num: '1', //数量
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
type: '预付费', //付费方式
|
||||
name: '商标申请',//服务名称
|
||||
category: '第35类 广告销售', //类别
|
||||
goods: '共10项:喜喜喜喜喜喜,哈哈哈啊哈哈哈哈,呵呵呵呵呵,嘎嘎嘎嘎嘎嘎嘎,的爱德华八克很大空间和大开杀空间,按时间打假打私', //服务
|
||||
goodsType: '文字和图案', //商标类型
|
||||
price: '10000.66', //单价
|
||||
num: '1', //数量
|
||||
},
|
||||
const [data, setData] = useState<any>([])
|
||||
useEffect(() => {
|
||||
if (props.orderList.length > 0) {
|
||||
setData(props.orderList)
|
||||
}
|
||||
}, [props.orderList])
|
||||
// const data: DataType[] = [
|
||||
// {
|
||||
// id: '1',
|
||||
// type: '预付费', //付费方式
|
||||
// name: '商标申请',//服务名称
|
||||
// category: '第35类 广告销售', //类别
|
||||
// goods: '共10项:喜喜喜喜喜喜,哈哈哈啊哈哈哈哈,呵呵呵呵呵,嘎嘎嘎嘎嘎嘎嘎,的爱德华八克很大空间和大开杀空间,按时间打假打私', //服务
|
||||
// goodsType: '文字和图案', //商标类型
|
||||
// price: '630.66', //单价
|
||||
// num: '1', //数量
|
||||
// },
|
||||
// {
|
||||
// id: '2',
|
||||
// type: '预付费', //付费方式
|
||||
// name: '商标申请',//服务名称
|
||||
// category: '第35类 广告销售', //类别
|
||||
// goods: '共10项:喜喜喜喜喜喜,哈哈哈啊哈哈哈哈,呵呵呵呵呵,嘎嘎嘎嘎嘎嘎嘎,的爱德华八克很大空间和大开杀空间,按时间打假打私', //服务
|
||||
// goodsType: '文字和图案', //商标类型
|
||||
// price: '10000.66', //单价
|
||||
// num: '1', //数量
|
||||
// },
|
||||
|
||||
];
|
||||
// ];
|
||||
const [modal, setModal] = useState(false)
|
||||
const height = window.innerHeight - 350;
|
||||
const handleSubmit = () => {
|
||||
@ -176,34 +191,71 @@ export default function EditFour(props: any) {
|
||||
</div>
|
||||
<div className='topLine'></div>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
display: props.trademarkStatus != '1' ? 'unset' : 'none'
|
||||
}}>
|
||||
<Button
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(3)
|
||||
}}
|
||||
>上一步</Button>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
handleSubmit()
|
||||
}}
|
||||
>提交订单</Button>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}>
|
||||
<Button
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(3)
|
||||
}}
|
||||
>上一步</Button>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
handleSubmit()
|
||||
}}
|
||||
>提交订单</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{
|
||||
display: props.trademarkStatus == '1' ? 'unset' : 'none'
|
||||
}}>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}>
|
||||
<div style={{
|
||||
// background: 'skyblue',
|
||||
// padding: '10px',
|
||||
borderRadius: '5px',
|
||||
fontSize: '16px',
|
||||
lineHeight: '40px',
|
||||
marginRight: '10px',
|
||||
fontWeight: 'bold',
|
||||
color: 'green',
|
||||
}}>
|
||||
已完成付款
|
||||
</div>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(5)
|
||||
}}
|
||||
>下一步</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Modal title="提示"
|
||||
centered
|
||||
destroyOnClose={true}
|
||||
@ -225,7 +277,7 @@ export default function EditFour(props: any) {
|
||||
}}
|
||||
|
||||
>
|
||||
该操作会扣除999元，付款后无法修改,确定操作吗？
|
||||
该操作会扣除999元，付款后无法修改,确定操作吗？
|
||||
</Modal>
|
||||
</div>
|
||||
</Spin>
|
||||
|
||||
@ -823,7 +823,7 @@ export default function EditOne(props: any) {
|
||||
onClick={() => {
|
||||
setUpFileAModal(true)
|
||||
}}
|
||||
>上传文件A</span>
|
||||
>上传文件</span>
|
||||
<span>
|
||||
({fileA.length}/3)
|
||||
</span>
|
||||
@ -1545,7 +1545,7 @@ export default function EditOne(props: any) {
|
||||
</Upload> */}
|
||||
<span className='pointerBlue' onClick={() => {
|
||||
setUpFileCModal(true)
|
||||
}}>上传文件C</span>
|
||||
}}>上传文件</span>
|
||||
<span>
|
||||
({fileC.length}/3)
|
||||
</span>
|
||||
|
||||
74
src/route/TrademarkMall/components/EditSix/EditSix.css
Normal file
74
src/route/TrademarkMall/components/EditSix/EditSix.css
Normal file
@ -0,0 +1,74 @@
|
||||
.editSixBox {
|
||||
/* WebKit 浏览器（Chrome、Safari 等） */
|
||||
scrollbar-width: thin;
|
||||
/* Firefox */
|
||||
scrollbar-color: #888 #f1f1f1;
|
||||
/* Firefox */
|
||||
}
|
||||
/* WebKit 浏览器（Chrome、Safari 等） */
|
||||
.editSixBox::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
/* 垂直滚动条宽度 */
|
||||
}
|
||||
|
||||
.editSixBox::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
/* 滚动条轨道背景颜色 */
|
||||
}
|
||||
|
||||
.editSixBox::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
/* 滚动条滑块颜色 */
|
||||
border-radius: 4px;
|
||||
/* 滚动条滑块圆角 */
|
||||
}
|
||||
|
||||
.editSixBox::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
/* 鼠标悬停时滚动条滑块颜色 */
|
||||
}
|
||||
|
||||
|
||||
.editSixTop {
|
||||
font-size: 20px;
|
||||
/* background-color: skyblue; */
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.editSixContent {
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.editSixTitle {
|
||||
width: 300px;
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.editSixText {
|
||||
width: calc(100% - 400px);
|
||||
}
|
||||
|
||||
.editSixImage {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
border: 1px dashed #bdbdbd;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.editSixGoods{
|
||||
width: calc(100% - 400px);
|
||||
}
|
||||
.editSixGoodsBoxItem{
|
||||
/* background-color: skyblue; */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.editSixGoodsBoxChildItem{
|
||||
font-size: 14px;
|
||||
}
|
||||
@ -1,5 +1,8 @@
|
||||
import { useState } from 'react'
|
||||
import { Button, Modal } from 'antd'
|
||||
import { useState, useEffect } from 'react'
|
||||
import { Button, Modal, Image, message, Spin } from 'antd'
|
||||
import { showImage } from '../../../../request/request'
|
||||
import { uploadSix } from '../../../../request/api'
|
||||
import './EditSix.css'
|
||||
export default function EditSix(props: any) {
|
||||
const height = window.innerHeight - 350;
|
||||
const [modal, setModal] = useState(false)
|
||||
@ -11,57 +14,289 @@ export default function EditSix(props: any) {
|
||||
setModal(true)
|
||||
|
||||
};
|
||||
const [upLodaing, setUpLodaing] = useState(false)
|
||||
const [editOneData, setEditOneData] = useState<any>({
|
||||
trademarkType: '', //商标类型 text 文字 image 图形 text-image 图文
|
||||
trademarkName: '', //商标名称
|
||||
trademarkDescription: '', //商标描述
|
||||
trademarkFile: '', //姓名授权
|
||||
trademarkFile1: '', //肖像授权声明书
|
||||
trademarkFile2: '', //期刊
|
||||
trademarkPhotoType: '', //商标图样类型 1 自动生成 2 手动上传
|
||||
trademarkPhoto: '', //商标图样
|
||||
|
||||
})
|
||||
const [editTwoData, setEditTwoData] = useState<any>({
|
||||
trademarkTypeDTOS: [],
|
||||
trademarkTypeIds: []
|
||||
|
||||
})
|
||||
const [editThreeData, setEditThreeData] = useState<any>({
|
||||
trademarkUserId: '',
|
||||
name: ''
|
||||
})
|
||||
|
||||
const [editFiveData, setEditFiveData] = useState<any>({
|
||||
trademarkFileDepute: '',
|
||||
})
|
||||
useEffect(() => {
|
||||
if (props.editOneData) {
|
||||
setEditOneData(props.editOneData)
|
||||
}
|
||||
if (props.editTwoData) {
|
||||
setEditTwoData(props.editTwoData)
|
||||
}
|
||||
if (props.editThreeData) {
|
||||
setEditThreeData(props.editThreeData)
|
||||
}
|
||||
if (props.editFiveData) {
|
||||
setEditFiveData(props.editFiveData)
|
||||
}
|
||||
console.log('最终信息接收', props);
|
||||
|
||||
}, [props])
|
||||
return (
|
||||
<div className='editOneTwo'>
|
||||
<div className='topLine'></div>
|
||||
<div className='' style={{
|
||||
height: height,
|
||||
}}>
|
||||
显示商标信息
|
||||
<Spin tip="正在提交，请稍后..." size="small" spinning={upLodaing}>
|
||||
<div className='editOneTwo'>
|
||||
<div className='topLine'></div>
|
||||
<div className='editSixBox' style={{
|
||||
height: height,
|
||||
overflowY: 'auto',
|
||||
}}>
|
||||
<div className='editSixTop'>
|
||||
商标信息
|
||||
</div>
|
||||
<div className='editSixContent'>
|
||||
<div className='editSixTitle'>商标类型 :</div>
|
||||
<div className='editSixText'>{editOneData.trademarkType == 'text' ? '文字' : editOneData.trademarkType == 'image' ? '图形' : '图文'}</div>
|
||||
</div>
|
||||
<div style={{
|
||||
display: editOneData.trademarkName ? 'unset' : 'none'
|
||||
}}>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>商标名称 :</div>
|
||||
<div className='editSixText'>{editOneData.trademarkName}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>商标图样 :</div>
|
||||
<div className='editSixImage'>
|
||||
<Image src={showImage(editOneData.trademarkPhoto, false)} style={{
|
||||
height: '150px',
|
||||
maxWidth: '100%',
|
||||
}}></Image>
|
||||
</div>
|
||||
</div>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>商标描述 :</div>
|
||||
<div className='editSixText'>{editOneData.trademarkDescription}</div>
|
||||
</div>
|
||||
<div style={{
|
||||
display: editOneData.trademarkFile ? 'unset' : 'none'
|
||||
}}>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>姓名授权书 :</div>
|
||||
<div className='editSixImage'>
|
||||
<Image src={showImage(editOneData.trademarkFile, false)} style={{
|
||||
height: '150px',
|
||||
maxWidth: '100%',
|
||||
}}></Image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{
|
||||
display: editOneData.trademarkFile1 ? 'unset' : 'none'
|
||||
}}>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>肖像授权书 :</div>
|
||||
<div className='editSixImage'>
|
||||
<Image src={showImage(editOneData.trademarkFile1, false)} style={{
|
||||
height: '150px',
|
||||
maxWidth: '100%',
|
||||
}}></Image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{
|
||||
display: editOneData.trademarkFile2 ? 'unset' : 'none'
|
||||
}}>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>期刊证明 :</div>
|
||||
<div className='editSixImage'>
|
||||
<Image src={showImage(editOneData.trademarkFile2, false)} style={{
|
||||
height: '150px',
|
||||
maxWidth: '100%',
|
||||
}}></Image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>商标类别 :</div>
|
||||
<div className='editSixGoods'>
|
||||
{/* <div className='editSixText'>{editTwoData.trademarkTypeIds}</div> */}
|
||||
{editTwoData.trademarkTypeDTOS.map((item: any) => {
|
||||
return (
|
||||
<div key={item.id} style={{
|
||||
// marginBottom: 20
|
||||
}}>
|
||||
<div
|
||||
className=' editSixGoodsBoxItem'
|
||||
>
|
||||
<div style={{
|
||||
display: 'flex',
|
||||
}}>
|
||||
|
||||
<div>
|
||||
第{item.code}类 {item.name}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className='editSixGoodsBoxChildItem'>
|
||||
{item.children.map((child: any) => {
|
||||
return (
|
||||
<div style={{
|
||||
|
||||
}} key={child.id}>
|
||||
<div style={{
|
||||
display: 'flex',
|
||||
// flexWrap: 'wrap',
|
||||
textWrap: 'nowrap',
|
||||
}}>
|
||||
<div style={{
|
||||
lineHeight: '25px',
|
||||
marginRight: 10,
|
||||
fontWeight: 'bold',
|
||||
}}>{child.code}类 : </div>
|
||||
<div style={{
|
||||
display: 'flex',
|
||||
flexWrap: 'wrap',
|
||||
}}>
|
||||
{child.children.map((children: any) => {
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
padding: '2px 10px',
|
||||
// // background: '#E6E6E6',
|
||||
// border: '1px solid #E6E6E6',
|
||||
// borderRadius: '5px',
|
||||
// marginRight: 10,
|
||||
marginBottom: 10,
|
||||
}}
|
||||
key={children.id}>
|
||||
{children.code}-{children.name}
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})}</div>
|
||||
</div>
|
||||
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>申请人 :</div>
|
||||
<div className='editSixText'>{editThreeData.name}</div>
|
||||
</div>
|
||||
<div className='editSixContent' >
|
||||
<div className='editSixTitle'>委托书 :</div>
|
||||
<div className='editSixImage'>
|
||||
<Image src={showImage(editFiveData.trademarkFileDepute, false)} style={{
|
||||
height: '150px',
|
||||
maxWidth: '100%',
|
||||
}}></Image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='topLine'></div>
|
||||
<div style={{
|
||||
display: props.trademarkStatus == '2' ? 'none' : 'unset'
|
||||
}}>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}>
|
||||
<Button
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(5)
|
||||
}}
|
||||
>上一步</Button>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
handleSubmit()
|
||||
}}
|
||||
>上传</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{
|
||||
display: props.trademarkStatus == '2' ? 'unset' : 'none',
|
||||
}}>
|
||||
<div style={{
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
// backgroundColor: 'rgb(238, 159, 159)',
|
||||
height: '65px',
|
||||
fontSize:'18px',
|
||||
color:'green',
|
||||
}}>
|
||||
正在审核...
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<Modal
|
||||
title="提示"
|
||||
centered
|
||||
open={modal}
|
||||
onOk={async () => {
|
||||
try {
|
||||
setUpLodaing(true)
|
||||
await uploadSix(props.trademarkId)
|
||||
setUpLodaing(false)
|
||||
message.success('上传成功')
|
||||
props.setTrademarkStatus('2')
|
||||
setModal(false)
|
||||
} catch (error: any) {
|
||||
setUpLodaing(false)
|
||||
if (error.response) {
|
||||
const data = error.response.data;
|
||||
message.error(data.msg ? data.msg : `${data.path}(${data.status})`)
|
||||
} else {
|
||||
console.error(error)
|
||||
}
|
||||
} finally {
|
||||
setUpLodaing(false)
|
||||
}
|
||||
}}
|
||||
onCancel={() => { setModal(false) }}
|
||||
okText="确定"
|
||||
cancelText="取消"
|
||||
>
|
||||
<span style={{
|
||||
fontSize: '16px',
|
||||
color: 'red',
|
||||
}}> 注:上传后无法撤回，是否继续上传？</span>
|
||||
</Modal>
|
||||
</div>
|
||||
<div className='topLine'></div>
|
||||
<div style={{
|
||||
marginTop: '8px',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-end',
|
||||
}}>
|
||||
<Button
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
}}
|
||||
onClick={() => {
|
||||
props.setEditProcess(5)
|
||||
}}
|
||||
>上一步</Button>
|
||||
<Button
|
||||
type='primary'
|
||||
style={{
|
||||
width: '100px',
|
||||
height: '40px',
|
||||
borderRadius: '5px',
|
||||
marginLeft: '10px',
|
||||
}}
|
||||
onClick={() => {
|
||||
handleSubmit()
|
||||
}}
|
||||
>上传</Button>
|
||||
</div>
|
||||
<Modal
|
||||
title="提示"
|
||||
centered
|
||||
open={modal}
|
||||
onOk={() => { setModal(false) }}
|
||||
onCancel={() => { setModal(false) }}
|
||||
okText="确定"
|
||||
cancelText="取消"
|
||||
>
|
||||
<span style={{
|
||||
fontSize: '16px',
|
||||
color: 'red',
|
||||
}}> 注:上传后无法撤回，是否继续上传？</span>
|
||||
</Modal>
|
||||
</div>
|
||||
</Spin>
|
||||
)
|
||||
}
|
||||
|
||||
@ -70,6 +70,7 @@ export default function EditTwo(props: any) {
|
||||
props.setEditTwoArray(checkedIds)
|
||||
setLoading(false)
|
||||
props.setEditProcess(3);
|
||||
// props.getOrderList()
|
||||
|
||||
} catch (error: any) {
|
||||
setLoading(false)
|
||||
|
||||
BIN
src/static/editFive/file.png
Normal file
BIN
src/static/editFive/file.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 KiB |
Loading…
Reference in New Issue
Block a user