2024-06-17 16:35:28 +08:00
|
|
|
|
// import './proj-edit-step.css';
|
|
|
|
|
|
import { Radio, Cascader, Col, message, Modal, Row, Spin, Table, Space, Select } from "antd";
|
|
|
|
|
|
import { FolderAddOutlined } from '@ant-design/icons';
|
|
|
|
|
|
// import locale from 'antd/es/date-picker/locale/zh_CN';
|
|
|
|
|
|
// import { useParams } from "react-router-dom";
|
|
|
|
|
|
import { useEffect, useState } from "react";
|
|
|
|
|
|
// import { get, put, post, del, downloadUrl } from "../../../util/AjaxUtils.ts";
|
2024-06-19 11:08:39 +08:00
|
|
|
|
import {
|
|
|
|
|
|
get, put, post, del,
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// downloadUrl
|
|
|
|
|
|
} from "../../util/AjaxUtils.ts";
|
|
|
|
|
|
import { Button, Form, Input } from 'antd';
|
|
|
|
|
|
import { AxiosResponse } from "axios";
|
2024-06-19 11:08:39 +08:00
|
|
|
|
import
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// dayjs,
|
|
|
|
|
|
{ Dayjs } from 'dayjs';
|
|
|
|
|
|
import type { SearchProps } from 'antd/es/input/Search';
|
|
|
|
|
|
// import type { TableColumnsType } from 'antd';
|
|
|
|
|
|
import { ITree } from "../../interfaces/dict/IDict.ts";
|
|
|
|
|
|
|
|
|
|
|
|
const { Search } = Input;
|
|
|
|
|
|
const { Column } = Table;
|
|
|
|
|
|
// 基本信息文件类型
|
|
|
|
|
|
type FieldType = {
|
|
|
|
|
|
projSubName: string;
|
|
|
|
|
|
projVersion: string;
|
|
|
|
|
|
projDevCompleteDate: Dayjs;
|
|
|
|
|
|
companyName: string;
|
|
|
|
|
|
companyNameEn: string;
|
|
|
|
|
|
projName: string
|
|
|
|
|
|
};
|
|
|
|
|
|
// 所属人信息类型
|
|
|
|
|
|
type BelongPeopleType = {
|
|
|
|
|
|
authorName: string;
|
|
|
|
|
|
authorIdCardType: string;
|
|
|
|
|
|
authorIdCard: string;
|
|
|
|
|
|
authorNation: string;
|
|
|
|
|
|
authorProvince: string;
|
|
|
|
|
|
authorEstablishDate: Dayjs;
|
|
|
|
|
|
authorType: string;
|
|
|
|
|
|
nameEn: string;
|
|
|
|
|
|
isCrcAccount: string;
|
|
|
|
|
|
crcAccountPassword: string;
|
|
|
|
|
|
crcAccountUsername: string;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// interface DataType {
|
|
|
|
|
|
// key: React.Key;
|
|
|
|
|
|
// name: string;
|
|
|
|
|
|
// age: number;
|
|
|
|
|
|
// address: string;
|
|
|
|
|
|
// select: boolean;
|
|
|
|
|
|
// }
|
|
|
|
|
|
interface Option {
|
|
|
|
|
|
value?: string | number | null;
|
|
|
|
|
|
label: React.ReactNode;
|
|
|
|
|
|
children?: Option[];
|
|
|
|
|
|
isLeaf?: boolean;
|
|
|
|
|
|
id: string;
|
|
|
|
|
|
pId: string;
|
|
|
|
|
|
}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
type propsInfo = {
|
|
|
|
|
|
setBelongPeopleInfo?: any
|
|
|
|
|
|
belongPeopleInfo?: any
|
|
|
|
|
|
setValue?: any
|
|
|
|
|
|
isShow?: boolean
|
2024-06-21 16:18:01 +08:00
|
|
|
|
closeModal?: any
|
2024-06-19 11:08:39 +08:00
|
|
|
|
};
|
|
|
|
|
|
export default function BelongPeople(props: propsInfo) {
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// const nav = useNavigate();
|
|
|
|
|
|
// const pathParams = useParams();
|
|
|
|
|
|
const [messageApi, contextHolder] = message.useMessage();
|
|
|
|
|
|
const [formInfo] = Form.useForm<FieldType>();
|
|
|
|
|
|
const [formBelong] = Form.useForm<BelongPeopleType>();
|
2024-06-21 16:18:01 +08:00
|
|
|
|
const [isLoading, setIsLoading] = useState(false)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
const [loading] = useState<boolean>(false);
|
|
|
|
|
|
// const [isEditModalOpen, setIsEditModalOpen] = useState(false);
|
|
|
|
|
|
const [isNewBelongOpen, setIsNewBelongOpen] = useState(false)
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
const height = window.innerHeight - 200;
|
|
|
|
|
|
// const dateFormat = 'YYYY年MM月DD日';
|
2024-06-19 11:08:39 +08:00
|
|
|
|
// 点击查看是否显示账号密码
|
|
|
|
|
|
const [checkCrcAccountShow, setCheckCrcAccountShow] = useState('')
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// 页面显示的所属者信息
|
2024-06-21 16:18:01 +08:00
|
|
|
|
const [authorName, setauthorName] = useState('') //所属人姓名
|
|
|
|
|
|
const [authorIdCardType, setauthorIdCardType] = useState('') //所属人证件类型
|
|
|
|
|
|
const [authorIdCard, setauthorIdCard] = useState('') //所属人证件号
|
|
|
|
|
|
const [authorType, setauthorType] = useState('') //所属人类型
|
|
|
|
|
|
const [authorProvinceCity, setauthorProvinceCity] = useState('') //所属人省市
|
|
|
|
|
|
const [authorCrcAccount, setauthorCrcAccount] = useState(0) //是否给账号 0 给 1 不给
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// const [authorCrcAccountPassword, setauthorCrcAccountPassword] = useState('') //密码
|
|
|
|
|
|
// const [authorCrcAccountUsername, setauthorCrcAccountUsername] = useState('') //账号
|
|
|
|
|
|
// // 从基本信息中获取到的两个表格默认选择的id 所属者id 联系人id
|
2024-06-21 16:18:01 +08:00
|
|
|
|
const [authorId, setAuthorId] = useState('') //所属人id
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// 设置所属者more你选中的行
|
|
|
|
|
|
// const [selectedRowKeys, setSelectedRowKeys] = useState<BelongDataType[]>([]);
|
|
|
|
|
|
|
|
|
|
|
|
// 所属者搜索关键字
|
|
|
|
|
|
const [keywords, setKeyWords] = useState('')
|
|
|
|
|
|
const [type, setType] = useState('')
|
|
|
|
|
|
// 表格第几行数据
|
|
|
|
|
|
// const [clom, setClom] = useState('')
|
|
|
|
|
|
// 著作人搜索
|
|
|
|
|
|
const belongPeopleSearch: SearchProps['onSearch'] = (value, _e, info) => (
|
|
|
|
|
|
console.log(info?.source, value),
|
|
|
|
|
|
setKeyWords(value),
|
|
|
|
|
|
getSearchProjOwnerList(value, type)
|
|
|
|
|
|
);
|
|
|
|
|
|
|
2024-06-19 11:08:39 +08:00
|
|
|
|
// 是否点击了确定
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// 表格相关
|
|
|
|
|
|
// rowSelection object indicates the need for row selection
|
|
|
|
|
|
// 所属者表格选择触发
|
|
|
|
|
|
const belongRowSelection = {
|
|
|
|
|
|
// selectedRowKeys: React.Key[]
|
|
|
|
|
|
onChange: (selectedRowKeys: React.Key[], selectedRows: BelongDataType[]) => {
|
|
|
|
|
|
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
|
2024-06-21 16:18:01 +08:00
|
|
|
|
setauthorName(selectedRows[0].name)
|
|
|
|
|
|
setauthorIdCardType(selectedRows[0].idCardType)
|
|
|
|
|
|
setauthorIdCard(selectedRows[0].idCardNo)
|
|
|
|
|
|
setauthorType(selectedRows[0].type)
|
|
|
|
|
|
setauthorProvinceCity(selectedRows[0].provinceCity)
|
|
|
|
|
|
setauthorCrcAccount(selectedRows[0].isCrcAccount)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// setauthorCrcAccountPassword(selectedRows[0].crcAccountPassword)
|
|
|
|
|
|
// setauthorCrcAccountUsername(selectedRows[0].crcAccountUsername)
|
2024-06-21 16:18:01 +08:00
|
|
|
|
setAuthorId(selectedRows[0].projOwnerId)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// setClom(String(selectedRowKeys))
|
|
|
|
|
|
// setbelongselectedKeys(selectedRowKeys)
|
|
|
|
|
|
// props.setBelongPeopleName(selectedRows[0].name)
|
2024-06-21 16:18:01 +08:00
|
|
|
|
// props.setBelongPeopleInfo({
|
|
|
|
|
|
// authorName: selectedRows[0].name,
|
|
|
|
|
|
// authorType: selectedRows[0].type,
|
|
|
|
|
|
// authorIdCardType: selectedRows[0].idCardType,
|
|
|
|
|
|
// authorIdCard: selectedRows[0].idCardNo,
|
|
|
|
|
|
|
|
|
|
|
|
// authorCrcAccount: selectedRows[0].isCrcAccount,
|
|
|
|
|
|
// authorId: selectedRows[0].projOwnerId,
|
|
|
|
|
|
// authorProvinceCity: selectedRows[0].provinceCity
|
|
|
|
|
|
// })
|
|
|
|
|
|
// props.setValue(selectedRows[0].name)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
};
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// 所属人表格数据
|
|
|
|
|
|
const [tableBelongData, setTableBelongData] = useState<BelongDataType[]>([])
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// const selectedKeys = data.filter(item => item.select).map(item => item.key);
|
|
|
|
|
|
// console.log('selectedKeys:', selectedKeys);
|
|
|
|
|
|
// 是否提供中国版账号
|
|
|
|
|
|
// 所属者id 关键字
|
|
|
|
|
|
const [projOwnerId, setProjOwnerId] = useState('')
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// 所属者弹窗数据
|
|
|
|
|
|
const [belongTitle, setbelongTitle] = useState('')
|
|
|
|
|
|
const [areaArray, setAreaArray] = useState<Option[]>([]);
|
|
|
|
|
|
const listArea = (pId: string) => {
|
|
|
|
|
|
return new Promise<ITree[]>((resolve) => {
|
|
|
|
|
|
get<ITree[]>({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: '/api/area/list-area-ztree',
|
|
|
|
|
|
config: {
|
|
|
|
|
|
params: {
|
|
|
|
|
|
id: pId
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
onSuccess({ data }) {
|
|
|
|
|
|
resolve(data);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleOk = () => {
|
|
|
|
|
|
// console.log(belongShow);
|
|
|
|
|
|
// setBelongShow('')
|
|
|
|
|
|
formBelong.validateFields().then(() => {
|
|
|
|
|
|
// 如果验证通过，则执行确认操作
|
|
|
|
|
|
// 这里可以放置你的确认操作逻辑
|
|
|
|
|
|
if (belongTitle === '编辑所属者') {
|
|
|
|
|
|
upProjOwner()
|
|
|
|
|
|
}
|
|
|
|
|
|
if (belongTitle === '创建所属者') {
|
|
|
|
|
|
newProjOwner()
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
// 关闭 弹窗
|
|
|
|
|
|
// setIsNewBelongOpen(false)
|
|
|
|
|
|
// 初始化数据
|
|
|
|
|
|
formBelong.resetFields(); // 重置表单字段为初始值
|
|
|
|
|
|
|
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
|
// 如果验证不通过，可以根据需要处理错误信息
|
|
|
|
|
|
// (errorInfo);
|
|
|
|
|
|
});
|
|
|
|
|
|
belongRowSelection
|
2024-06-19 11:08:39 +08:00
|
|
|
|
// getProjOwnerList()
|
|
|
|
|
|
// getSearchProjOwnerList(keywords, type)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
};
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
|
|
|
|
|
// const [belongselectedKeys,setbelongselectedKeys] = useState(tableBelongData.filter(item => item.projOwnerId === authorId).map(item => item.projOwnerId));
|
|
|
|
|
|
// 获取页面基本信息信息
|
|
|
|
|
|
// const getEditstep = () => {
|
|
|
|
|
|
// get({
|
|
|
|
|
|
// messageApi,
|
|
|
|
|
|
// url: `/api/proj/get/edit-step2/${pathParams.projId}`,
|
|
|
|
|
|
// onSuccess({ data }: AxiosResponse) {
|
|
|
|
|
|
|
|
|
|
|
|
// // 获取默认所属人信息
|
|
|
|
|
|
// setauthorName(data.authorName)
|
|
|
|
|
|
|
|
|
|
|
|
// setauthorIdCardType(data.authorIdCardType)
|
|
|
|
|
|
// setauthorIdCard(data.authorIdCard)
|
|
|
|
|
|
// setauthorType(data.authorType)
|
|
|
|
|
|
|
|
|
|
|
|
// setauthorProvinceCity(data.authorProvinceCity)
|
|
|
|
|
|
// setauthorCrcAccount(data.authorCrcAccount)
|
|
|
|
|
|
// setauthorCrcAccountPassword(data.authorCrcAccountPassword)
|
|
|
|
|
|
// setauthorCrcAccountUsername(data.authorCrcAccountUsername)
|
|
|
|
|
|
// setAuthorId(data.authorId)
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// console.log('基本信息', data);
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// formInfo.setFieldsValue({
|
|
|
|
|
|
// projName: data.projName,
|
|
|
|
|
|
// projSubName: data.projSubName,
|
|
|
|
|
|
// projVersion: data.projVersion,
|
|
|
|
|
|
// projDevCompleteDate: data.projDevCompleteDate ? dayjs(data.projDevCompleteDate, 'YYYY-MM-DD') : '',
|
|
|
|
|
|
// companyName: data.companyName,
|
|
|
|
|
|
// companyNameEn: data.companyNameEn,
|
|
|
|
|
|
// })
|
|
|
|
|
|
// }
|
|
|
|
|
|
// })
|
|
|
|
|
|
// }
|
|
|
|
|
|
// 获取所属者表格
|
|
|
|
|
|
const getProjOwnerList = () => {
|
|
|
|
|
|
get({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: `/api/proj-owner/list/self`,
|
2024-06-21 16:18:01 +08:00
|
|
|
|
onBefore() {
|
|
|
|
|
|
setIsLoading(true);
|
|
|
|
|
|
},
|
2024-06-17 16:35:28 +08:00
|
|
|
|
onSuccess({ data }: AxiosResponse) {
|
|
|
|
|
|
console.log('所属者表格', data);
|
|
|
|
|
|
setTableBelongData(data)
|
|
|
|
|
|
// const selectBelongArray = data.filter(item => item.name === authorName)
|
|
|
|
|
|
// console.log('嘻嘻',selectBelongArray);
|
|
|
|
|
|
// setSelectedRowKeys(selectBelongArray)
|
|
|
|
|
|
|
2024-06-21 16:18:01 +08:00
|
|
|
|
},
|
|
|
|
|
|
onFinally() {
|
|
|
|
|
|
setIsLoading(false);
|
2024-06-17 16:35:28 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// 获取所属表格 带搜索
|
|
|
|
|
|
const getSearchProjOwnerList = (keywords: any, type: any) => {
|
|
|
|
|
|
get({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: `/api/proj-owner/list/self?keywords=${keywords}&type=${type}`,
|
2024-06-21 16:18:01 +08:00
|
|
|
|
onBefore() {
|
|
|
|
|
|
setIsLoading(true);
|
|
|
|
|
|
},
|
2024-06-17 16:35:28 +08:00
|
|
|
|
onSuccess({ data }: AxiosResponse) {
|
|
|
|
|
|
console.log('搜索所属者表格', data);
|
|
|
|
|
|
setTableBelongData(data)
|
2024-06-21 16:18:01 +08:00
|
|
|
|
},
|
|
|
|
|
|
onFinally() {
|
|
|
|
|
|
setIsLoading(false);
|
2024-06-17 16:35:28 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
const [belongShow, setBelongShow] = useState('ORGANIZATION')
|
|
|
|
|
|
// 编辑所属者
|
|
|
|
|
|
const upProjOwner = () => {
|
|
|
|
|
|
const crcAccountPassword = Number(formBelong.getFieldValue('isCrcAccount')) == 1 ? formBelong.getFieldValue('crcAccountPassword') : ''
|
|
|
|
|
|
const crcAccountUsername = Number(formBelong.getFieldValue('isCrcAccount')) == 1 ? formBelong.getFieldValue('crcAccountUsername') : ''
|
|
|
|
|
|
put({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: `/api/proj-owner/update/${projOwnerId}`,
|
|
|
|
|
|
body: {
|
|
|
|
|
|
crcAccountPassword: crcAccountPassword,
|
|
|
|
|
|
crcAccountUsername: crcAccountUsername,
|
|
|
|
|
|
idCardNo: formBelong.getFieldValue('authorIdCard'),
|
|
|
|
|
|
// idCardType: formBelong.getFieldValue('authorIdCardType'),
|
|
|
|
|
|
idCardType: belongShow == 'PERSONAL' ? 'ID_CARD' : 'BUSINESS_LICENSE',
|
|
|
|
|
|
isCrcAccount: Number(formBelong.getFieldValue('isCrcAccount')),
|
|
|
|
|
|
name: formBelong.getFieldValue('authorName'),
|
|
|
|
|
|
nameEn: formBelong.getFieldValue('nameEn') || '',
|
|
|
|
|
|
provinceCity: formBelong.getFieldValue('authorProvince').join(','),
|
|
|
|
|
|
type: formBelong.getFieldValue('authorType'),
|
|
|
|
|
|
},
|
|
|
|
|
|
onBefore() {
|
|
|
|
|
|
},
|
|
|
|
|
|
onSuccess() {
|
|
|
|
|
|
// console.log(data);
|
|
|
|
|
|
// alert('编辑成功')
|
|
|
|
|
|
messageApi.open({
|
|
|
|
|
|
type: 'success',
|
|
|
|
|
|
content: '编辑成功'
|
|
|
|
|
|
})
|
2024-06-19 11:08:39 +08:00
|
|
|
|
// getProjOwnerList()
|
|
|
|
|
|
getSearchProjOwnerList(keywords, type)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
setIsNewBelongOpen(false)
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
onFinally() {
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
// 创建所属者
|
|
|
|
|
|
const newProjOwner = () => {
|
|
|
|
|
|
const crcAccountPassword = Number(formBelong.getFieldValue('isCrcAccount')) == 1 ? formBelong.getFieldValue('crcAccountPassword') : ''
|
|
|
|
|
|
const crcAccountUsername = Number(formBelong.getFieldValue('isCrcAccount')) == 1 ? formBelong.getFieldValue('crcAccountUsername') : ''
|
|
|
|
|
|
post({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: '/api/proj-owner/save',
|
|
|
|
|
|
body: {
|
|
|
|
|
|
crcAccountPassword: crcAccountPassword,
|
|
|
|
|
|
crcAccountUsername: crcAccountUsername,
|
|
|
|
|
|
idCardNo: formBelong.getFieldValue('authorIdCard'),
|
|
|
|
|
|
// idCardType: formBelong.getFieldValue('authorIdCardType'),
|
|
|
|
|
|
idCardType: belongShow == 'PERSONAL' ? 'ID_CARD' : 'BUSINESS_LICENSE',
|
|
|
|
|
|
isCrcAccount: Number(formBelong.getFieldValue('isCrcAccount')),
|
|
|
|
|
|
name: formBelong.getFieldValue('authorName'),
|
|
|
|
|
|
nameEn: formBelong.getFieldValue('nameEn'),
|
|
|
|
|
|
provinceCity: formBelong.getFieldValue('authorProvince').join(','),
|
|
|
|
|
|
type: formBelong.getFieldValue('authorType'),
|
|
|
|
|
|
},
|
|
|
|
|
|
onBefore() {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
onSuccess() {
|
|
|
|
|
|
messageApi.success('提交成功')
|
|
|
|
|
|
getProjOwnerList()
|
2024-06-19 11:08:39 +08:00
|
|
|
|
// getSearchProjOwnerList(keywords, type)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
|
|
|
|
|
setIsNewBelongOpen(false)
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
onFinally() {
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
const typeChange = (data: any) => {
|
|
|
|
|
|
// console.log(data.target.value);
|
|
|
|
|
|
setBelongShow(data.target.value)
|
|
|
|
|
|
}
|
|
|
|
|
|
const [CrcAccountShow, setCrcAccountShow] = useState('0')
|
|
|
|
|
|
const isCrcAccountChange = (data: any) => {
|
|
|
|
|
|
// console.log(data.target.value);
|
|
|
|
|
|
setCrcAccountShow(data.target.value)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
|
// getEditstep()
|
|
|
|
|
|
getProjOwnerList()
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
listArea('0').then(data => {
|
|
|
|
|
|
console.log('省市1', data);
|
|
|
|
|
|
// data.slice(0, 2).map
|
|
|
|
|
|
const options: Option[] = data.map(item => {
|
|
|
|
|
|
return {
|
|
|
|
|
|
value: item.name,
|
|
|
|
|
|
label: item.name,
|
|
|
|
|
|
isLeaf: !item.isParent,
|
|
|
|
|
|
id: item.id,
|
|
|
|
|
|
pId: item.pId
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
setAreaArray(options);
|
|
|
|
|
|
// console.log('省市2', options);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}, [])
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
<>
|
2024-06-21 16:18:01 +08:00
|
|
|
|
<div style={{ height: props.isShow ? `${height - 100}px` : `${height - 200}px`, overflow: 'auto', background: 'var(--color-light)', position: 'relative' }}>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{contextHolder}
|
|
|
|
|
|
{/* <Breadcrumb
|
|
|
|
|
|
items={[
|
|
|
|
|
|
{title: <Link to={'/'}>首页</Link>},
|
|
|
|
|
|
{title: <Link to={'/proj-create'}>创建项目</Link>},
|
|
|
|
|
|
{title: <a onClick={() => {nav(-1)}}>编辑项目</a>},
|
|
|
|
|
|
{title: '基本信息'},
|
|
|
|
|
|
]}
|
|
|
|
|
|
/> */}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
<div style={{ height: '100%', background: 'var(--color-light)' }}>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="form-container" style={{ padding: 0 }} >
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
2024-06-19 11:08:39 +08:00
|
|
|
|
<div className="form-body" style={{ margin: 0 }}>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
<Form
|
|
|
|
|
|
name="Info"
|
|
|
|
|
|
form={formInfo}
|
|
|
|
|
|
layout="vertical"
|
|
|
|
|
|
labelCol={{ span: 8 }}
|
|
|
|
|
|
wrapperCol={{ span: 24 }}
|
|
|
|
|
|
style={{}}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
autoComplete="off"
|
|
|
|
|
|
|
|
|
|
|
|
>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
<div style={{}}>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
<div style={{ padding: '14px 19px', background: '#F3F3F3', color: '#A3A3A3', fontSize: '14px' }}>
|
|
|
|
|
|
根据《中国版权登记业务平台软件登记》相关要求，申请人需要再国版权登记业务平台注册并通过实名制认证。
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
window.open('https://www.aimzhu.com/Rnsystem.html')
|
|
|
|
|
|
}} style={{ color: '#FDB33E' }}>了解实名制认证流程</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div className='belongPeople-center'>
|
|
|
|
|
|
<Button onClick={() => {
|
|
|
|
|
|
// lyp
|
|
|
|
|
|
setBelongShow('ORGANIZATION')
|
|
|
|
|
|
setCrcAccountShow('0')
|
|
|
|
|
|
// 先初始化数据
|
|
|
|
|
|
formBelong.resetFields()
|
|
|
|
|
|
setIsNewBelongOpen(true)
|
|
|
|
|
|
setbelongTitle('创建所属者')
|
|
|
|
|
|
formBelong.setFieldsValue({
|
|
|
|
|
|
|
|
|
|
|
|
// 是否提供平台账号
|
|
|
|
|
|
isCrcAccount: '0',
|
|
|
|
|
|
// 个人/企业
|
|
|
|
|
|
authorType: 'ORGANIZATION',
|
|
|
|
|
|
|
|
|
|
|
|
})
|
2024-06-21 16:18:01 +08:00
|
|
|
|
}} type="primary" icon={<FolderAddOutlined style={{ fontSize: '18px' }} />} style={{ width: "160px", height: '43px', fontSize: '14px' }}>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
创建所属者
|
|
|
|
|
|
</Button>
|
|
|
|
|
|
<div className='belongPeople-search'>
|
|
|
|
|
|
<Search placeholder="请输入持有者名称搜索对应信息模板" onSearch={belongPeopleSearch} style={{ width: '353px', height: '43px' }} />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div className='belongPeople-select'>
|
|
|
|
|
|
<Select
|
|
|
|
|
|
style={{ height: '43px', width: '183px', fontSize: '16px' }}
|
|
|
|
|
|
onChange={(value: string) => {
|
|
|
|
|
|
// console.log(`selected ${value}`);
|
|
|
|
|
|
// alert(`selected ${value}`)
|
|
|
|
|
|
// lyp
|
|
|
|
|
|
setType(value)
|
|
|
|
|
|
getSearchProjOwnerList(keywords, value)
|
|
|
|
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
options={[
|
|
|
|
|
|
{ value: '', label: '全部类型' },
|
|
|
|
|
|
{ value: 'PERSONAL', label: '自然人' },
|
|
|
|
|
|
{ value: 'ORGANIZATION', label: '企业/组织' },
|
|
|
|
|
|
]}
|
|
|
|
|
|
defaultValue=""
|
|
|
|
|
|
/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{/* <div className='belongPeople-select'>
|
|
|
|
|
|
<Select
|
|
|
|
|
|
style={{ height: '43px', width: '183px', fontSize: '16px' }}
|
|
|
|
|
|
onChange={(value: string) => {
|
|
|
|
|
|
console.log(`selected ${value}`);
|
|
|
|
|
|
alert(`selected ${value}`)
|
|
|
|
|
|
}}
|
|
|
|
|
|
options={[
|
|
|
|
|
|
{ value: 'code1', label: '全部状态' },
|
|
|
|
|
|
{ value: 'code2', label: '嘿嘿' },
|
|
|
|
|
|
{ value: 'code3', label: '嘻嘻' },
|
|
|
|
|
|
]}
|
|
|
|
|
|
defaultValue="code1"
|
|
|
|
|
|
/>
|
|
|
|
|
|
</div> */}
|
|
|
|
|
|
</div>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
<div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }} >
|
2024-06-21 16:18:01 +08:00
|
|
|
|
{authorName ? (<>
|
|
|
|
|
|
<div style={{ display: 'flex' }}>
|
|
|
|
|
|
<div style={{ marginRight: ' 10px' }}>当前所属者:</div>
|
|
|
|
|
|
<div style={{ display: authorName ? 'none' : 'block' }}>请选择所属者</div>
|
|
|
|
|
|
<div style={{ display: authorName ? 'block' : 'none' }}>
|
|
|
|
|
|
{authorName}/{authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{authorIdCard}
|
|
|
|
|
|
</div>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
</div>
|
2024-06-21 16:18:01 +08:00
|
|
|
|
</>) : (<>
|
|
|
|
|
|
<div style={{ display: 'flex' }}>
|
|
|
|
|
|
<div style={{ marginRight: ' 10px' }}>当前所属者:</div>
|
|
|
|
|
|
<div style={{ display: props.belongPeopleInfo.authorName ? 'none' : 'block' }}>请选择所属者</div>
|
|
|
|
|
|
<div style={{ display: props.belongPeopleInfo.authorName ? 'block' : 'none' }}>
|
|
|
|
|
|
{props.belongPeopleInfo.authorName}/{props.belongPeopleInfo.authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{props.belongPeopleInfo.authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{props.belongPeopleInfo.authorIdCard}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</>)}
|
|
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
</div>
|
2024-06-21 16:18:01 +08:00
|
|
|
|
<Spin tip="加载中..." spinning={isLoading}>
|
|
|
|
|
|
<div className='belongPeople-bot'>
|
|
|
|
|
|
{/* 表格 */}
|
|
|
|
|
|
{props.isShow ? (<Table
|
|
|
|
|
|
rowSelection={{
|
|
|
|
|
|
type: 'radio',
|
|
|
|
|
|
...belongRowSelection,
|
|
|
|
|
|
// selectedRowKeys: belongselectedKeys // 设置默认选中的行
|
|
|
|
|
|
}}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-21 16:18:01 +08:00
|
|
|
|
dataSource={tableBelongData}
|
|
|
|
|
|
pagination={{
|
|
|
|
|
|
defaultPageSize: 5, // 设置默认一页显示 5 条数据
|
|
|
|
|
|
}}
|
|
|
|
|
|
style={{ textAlign: 'center' }} // 设置表格内容居中显示
|
|
|
|
|
|
rowKey="projOwnerId" // 指定数据项的唯一标识符
|
|
|
|
|
|
>
|
|
|
|
|
|
<Column title="所属者名称" dataIndex="name" />
|
|
|
|
|
|
<Column
|
|
|
|
|
|
title="所属类型"
|
|
|
|
|
|
dataIndex="type"
|
|
|
|
|
|
render={(_text, record: any) => (
|
|
|
|
|
|
record.type === 'PERSONAL' ? '自然人' : '企业/组织'
|
|
|
|
|
|
)}
|
|
|
|
|
|
/>
|
|
|
|
|
|
<Column
|
|
|
|
|
|
title="所属证件类型"
|
|
|
|
|
|
dataIndex="idCardType"
|
|
|
|
|
|
render={(_text, record: any) => (
|
|
|
|
|
|
record.idCardType === 'ID_CARD' ? '身份证' : '营业执照'
|
|
|
|
|
|
)}
|
|
|
|
|
|
/>
|
|
|
|
|
|
<Column title="所属者身份证号" dataIndex="idCardNo" key="belongCardNo" />
|
|
|
|
|
|
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
|
|
|
|
|
<Column
|
|
|
|
|
|
title="操作"
|
|
|
|
|
|
render={(text, record: any) => (
|
|
|
|
|
|
<Space size="middle">
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
|
|
|
|
|
|
// alert(record.projOwnerId);
|
|
|
|
|
|
|
|
|
|
|
|
console.log('text:', text);
|
|
|
|
|
|
console.log('record:', record);
|
|
|
|
|
|
|
|
|
|
|
|
setProjOwnerId(record.projOwnerId)
|
|
|
|
|
|
setbelongTitle('编辑所属者')
|
|
|
|
|
|
setBelongShow(record.type)
|
|
|
|
|
|
setIsNewBelongOpen(true)
|
|
|
|
|
|
// 发起请求给formBelong 表单赋值
|
|
|
|
|
|
setCrcAccountShow(record.isCrcAccount == 1 ? '1' : '0')
|
|
|
|
|
|
// 查看账号密码是否显示
|
|
|
|
|
|
formBelong.setFieldsValue({
|
|
|
|
|
|
// 公司名
|
|
|
|
|
|
authorName: record.name,
|
|
|
|
|
|
// 公司英文名
|
|
|
|
|
|
nameEn: record.nameEn,
|
|
|
|
|
|
// 证件类型
|
|
|
|
|
|
authorIdCardType: record.idCardType ? record.idCardType : 'BUSINESS_LICENSE',
|
|
|
|
|
|
// 证件号
|
|
|
|
|
|
authorIdCard: record.idCardNo,
|
|
|
|
|
|
// 国籍
|
|
|
|
|
|
// authorNation: '中国',
|
|
|
|
|
|
// 地区
|
|
|
|
|
|
authorProvince: record.provinceCity ? record.provinceCity.split(',') : '',
|
|
|
|
|
|
// 成立日期
|
|
|
|
|
|
// authorEstablishDate: record.gmtCreate ? dayjs(record.gmtCreate, 'YYYY-MM-DD') : '',
|
|
|
|
|
|
// 是否提供平台账号
|
|
|
|
|
|
isCrcAccount: record.isCrcAccount == 1 ? '1' : '0',
|
|
|
|
|
|
// 个人/企业
|
|
|
|
|
|
authorType: record.type,
|
|
|
|
|
|
// 密码
|
|
|
|
|
|
crcAccountPassword: record.crcAccountPassword,
|
|
|
|
|
|
// 账号
|
|
|
|
|
|
crcAccountUsername: record.crcAccountUsername
|
|
|
|
|
|
})
|
|
|
|
|
|
}}>编辑 </a>
|
|
|
|
|
|
<span style={{ color: '#3472EE' }}>|</span>
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
// alert(record.projOwnerId);
|
|
|
|
|
|
del({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: `/api/proj-owner/remove/${record.projOwnerId}`,
|
|
|
|
|
|
onSuccess() {
|
|
|
|
|
|
messageApi.success('删除成功');
|
|
|
|
|
|
// getProjOwnerList()
|
|
|
|
|
|
getSearchProjOwnerList(keywords, type)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}}>删除</a>
|
|
|
|
|
|
<span style={{ color: '#3472EE' }}>|</span>
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
setbelongTitle('查看所属者')
|
|
|
|
|
|
setIsNewBelongOpen(true)
|
|
|
|
|
|
// 发起请求给formBelong 表单赋值
|
|
|
|
|
|
formBelong.setFieldsValue({
|
|
|
|
|
|
// 公司名
|
|
|
|
|
|
authorName: record.name,
|
|
|
|
|
|
// 公司英文名
|
|
|
|
|
|
nameEn: record.nameEn,
|
|
|
|
|
|
// 证件类型
|
|
|
|
|
|
authorIdCardType: record.idCardType ? record.idCardType : 'BUSINESS_LICENSE',
|
|
|
|
|
|
// 证件号
|
|
|
|
|
|
authorIdCard: record.idCardNo,
|
|
|
|
|
|
// 国籍
|
|
|
|
|
|
// authorNation: '中国',
|
|
|
|
|
|
// 地区
|
|
|
|
|
|
authorProvince: record.provinceCity ? record.provinceCity.split(',') : '',
|
|
|
|
|
|
// 成立日期
|
|
|
|
|
|
// authorEstablishDate: record.gmtCreate ? dayjs(record.gmtCreate, 'YYYY-MM-DD') : '',
|
|
|
|
|
|
// 是否提供平台账号
|
|
|
|
|
|
isCrcAccount: record.isCrcAccount == 1 ? '1' : '0',
|
|
|
|
|
|
// 个人/企业
|
|
|
|
|
|
authorType: record.type,
|
|
|
|
|
|
// 密码
|
|
|
|
|
|
crcAccountPassword: record.crcAccountPassword,
|
|
|
|
|
|
// 账号
|
|
|
|
|
|
crcAccountUsername: record.crcAccountUsername
|
|
|
|
|
|
})
|
|
|
|
|
|
// 查看是否显示账号密码
|
|
|
|
|
|
setCheckCrcAccountShow(record.isCrcAccount == 1 ? '1' : '0')
|
|
|
|
|
|
|
|
|
|
|
|
}}>查看</a>
|
|
|
|
|
|
|
|
|
|
|
|
</Space>
|
|
|
|
|
|
)}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Table>) : (<Table
|
|
|
|
|
|
dataSource={tableBelongData}
|
|
|
|
|
|
pagination={{
|
|
|
|
|
|
defaultPageSize: 5, // 设置默认一页显示 5 条数据
|
|
|
|
|
|
}}
|
|
|
|
|
|
style={{ textAlign: 'center' }} // 设置表格内容居中显示
|
|
|
|
|
|
rowKey="projOwnerId" // 指定数据项的唯一标识符
|
|
|
|
|
|
>
|
|
|
|
|
|
<Column title="所属者名称" dataIndex="name" />
|
|
|
|
|
|
<Column
|
|
|
|
|
|
title="所属类型"
|
|
|
|
|
|
dataIndex="type"
|
|
|
|
|
|
render={(_text, record: any) => (
|
|
|
|
|
|
record.type === 'PERSONAL' ? '自然人' : '企业/组织'
|
|
|
|
|
|
)}
|
|
|
|
|
|
/>
|
|
|
|
|
|
<Column
|
|
|
|
|
|
title="所属证件类型"
|
|
|
|
|
|
dataIndex="idCardType"
|
|
|
|
|
|
render={(_text, record: any) => (
|
|
|
|
|
|
record.idCardType === 'ID_CARD' ? '身份证' : '营业执照'
|
|
|
|
|
|
)}
|
|
|
|
|
|
/>
|
|
|
|
|
|
<Column title="所属者身份证号" dataIndex="idCardNo" key="belongCardNo" />
|
|
|
|
|
|
{/* <Column title="实名认证状态" dataIndex="address" key="key" /> */}
|
|
|
|
|
|
<Column
|
|
|
|
|
|
title="操作"
|
|
|
|
|
|
render={(text, record: any) => (
|
|
|
|
|
|
<Space size="middle">
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
|
|
|
|
|
|
// alert(record.projOwnerId);
|
|
|
|
|
|
|
|
|
|
|
|
console.log('text:', text);
|
|
|
|
|
|
console.log('record:', record);
|
|
|
|
|
|
|
|
|
|
|
|
setProjOwnerId(record.projOwnerId)
|
|
|
|
|
|
setbelongTitle('编辑所属者')
|
|
|
|
|
|
setBelongShow(record.type)
|
|
|
|
|
|
setIsNewBelongOpen(true)
|
|
|
|
|
|
// 发起请求给formBelong 表单赋值
|
|
|
|
|
|
setCrcAccountShow(record.isCrcAccount == 1 ? '1' : '0')
|
|
|
|
|
|
formBelong.setFieldsValue({
|
|
|
|
|
|
// 公司名
|
|
|
|
|
|
authorName: record.name,
|
|
|
|
|
|
// 公司英文名
|
|
|
|
|
|
nameEn: record.nameEn,
|
|
|
|
|
|
// 证件类型
|
|
|
|
|
|
authorIdCardType: record.idCardType ? record.idCardType : 'BUSINESS_LICENSE',
|
|
|
|
|
|
// 证件号
|
|
|
|
|
|
authorIdCard: record.idCardNo,
|
|
|
|
|
|
// 国籍
|
|
|
|
|
|
// authorNation: '中国',
|
|
|
|
|
|
// 地区
|
|
|
|
|
|
authorProvince: record.provinceCity ? record.provinceCity.split(',') : '',
|
|
|
|
|
|
// 成立日期
|
|
|
|
|
|
// authorEstablishDate: record.gmtCreate ? dayjs(record.gmtCreate, 'YYYY-MM-DD') : '',
|
|
|
|
|
|
// 是否提供平台账号
|
|
|
|
|
|
isCrcAccount: record.isCrcAccount == 1 ? '1' : '0',
|
|
|
|
|
|
// 个人/企业
|
|
|
|
|
|
authorType: record.type,
|
|
|
|
|
|
// 密码
|
|
|
|
|
|
crcAccountPassword: record.crcAccountPassword,
|
|
|
|
|
|
// 账号
|
|
|
|
|
|
crcAccountUsername: record.crcAccountUsername
|
|
|
|
|
|
})
|
|
|
|
|
|
}}>编辑 </a>
|
|
|
|
|
|
<span style={{ color: '#3472EE' }}>|</span>
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
// alert(record.projOwnerId);
|
|
|
|
|
|
del({
|
|
|
|
|
|
messageApi,
|
|
|
|
|
|
url: `/api/proj-owner/remove/${record.projOwnerId}`,
|
|
|
|
|
|
onSuccess() {
|
|
|
|
|
|
messageApi.success('删除成功');
|
|
|
|
|
|
// getProjOwnerList()
|
|
|
|
|
|
getSearchProjOwnerList(keywords, type)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}}>删除</a>
|
|
|
|
|
|
<span style={{ color: '#3472EE' }}>|</span>
|
|
|
|
|
|
<a onClick={() => {
|
|
|
|
|
|
setbelongTitle('查看所属者')
|
|
|
|
|
|
setIsNewBelongOpen(true)
|
|
|
|
|
|
// 发起请求给formBelong 表单赋值
|
|
|
|
|
|
formBelong.setFieldsValue({
|
|
|
|
|
|
// 公司名
|
|
|
|
|
|
authorName: record.name,
|
|
|
|
|
|
// 公司英文名
|
|
|
|
|
|
nameEn: record.nameEn,
|
|
|
|
|
|
// 证件类型
|
|
|
|
|
|
authorIdCardType: record.idCardType ? record.idCardType : 'BUSINESS_LICENSE',
|
|
|
|
|
|
// 证件号
|
|
|
|
|
|
authorIdCard: record.idCardNo,
|
|
|
|
|
|
// 国籍
|
|
|
|
|
|
// authorNation: '中国',
|
|
|
|
|
|
// 地区
|
|
|
|
|
|
authorProvince: record.provinceCity ? record.provinceCity.split(',') : '',
|
|
|
|
|
|
// 成立日期
|
|
|
|
|
|
// authorEstablishDate: record.gmtCreate ? dayjs(record.gmtCreate, 'YYYY-MM-DD') : '',
|
|
|
|
|
|
// 是否提供平台账号
|
|
|
|
|
|
isCrcAccount: record.isCrcAccount == 1 ? '1' : '0',
|
|
|
|
|
|
// 个人/企业
|
|
|
|
|
|
authorType: record.type,
|
|
|
|
|
|
// 密码
|
|
|
|
|
|
crcAccountPassword: record.crcAccountPassword,
|
|
|
|
|
|
// 账号
|
|
|
|
|
|
crcAccountUsername: record.crcAccountUsername
|
|
|
|
|
|
})
|
|
|
|
|
|
setCheckCrcAccountShow(record.isCrcAccount == 1 ? '1' : '0')
|
|
|
|
|
|
}}>查看</a>
|
|
|
|
|
|
|
|
|
|
|
|
</Space>
|
|
|
|
|
|
)}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Table>
|
|
|
|
|
|
)}
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
2024-06-21 16:18:01 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</Spin>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
</div>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
|
|
|
|
|
</Form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2024-07-15 16:58:47 +08:00
|
|
|
|
<div style={{ display: props.isShow ? 'block' : 'none', position:'absolute',right:0,bottom:10 }}>
|
2024-06-21 16:18:01 +08:00
|
|
|
|
<div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} >
|
|
|
|
|
|
<Button onClick={() => {
|
|
|
|
|
|
props.closeModal()
|
|
|
|
|
|
}}>取消</Button>
|
|
|
|
|
|
<Button style={{
|
|
|
|
|
|
marginLeft: 20
|
|
|
|
|
|
}} type="primary"
|
|
|
|
|
|
onClick={() => {
|
|
|
|
|
|
props.setBelongPeopleInfo({
|
|
|
|
|
|
authorName,
|
|
|
|
|
|
authorType,
|
|
|
|
|
|
authorIdCardType,
|
|
|
|
|
|
authorIdCard,
|
|
|
|
|
|
|
|
|
|
|
|
authorCrcAccount,
|
|
|
|
|
|
authorId,
|
|
|
|
|
|
authorProvinceCity
|
|
|
|
|
|
})
|
|
|
|
|
|
props.setValue(authorName)
|
|
|
|
|
|
props.closeModal()
|
|
|
|
|
|
}}
|
|
|
|
|
|
>确定</Button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* 选择创建/编辑/查看所属者弹框 */}
|
|
|
|
|
|
<Modal
|
2024-06-19 11:08:39 +08:00
|
|
|
|
destroyOnClose
|
2024-06-17 16:35:28 +08:00
|
|
|
|
okText="确认"
|
|
|
|
|
|
// cancelText="取消"
|
|
|
|
|
|
cancelText={belongTitle === '查看所属者' ? '返回' : '取消'}
|
|
|
|
|
|
open={isNewBelongOpen}
|
|
|
|
|
|
// 点击确认上传事件
|
|
|
|
|
|
// onOk={() => {
|
|
|
|
|
|
// }}
|
|
|
|
|
|
onOk={
|
|
|
|
|
|
handleOk
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
width={1280}
|
|
|
|
|
|
// 确认按钮样式
|
|
|
|
|
|
okButtonProps={{ size: 'large', style: { display: belongTitle == '查看所属者' ? 'none' : 'block' } }}
|
|
|
|
|
|
// 返回按钮样式
|
|
|
|
|
|
cancelButtonProps={{ size: 'large' }}
|
|
|
|
|
|
onCancel={() => {
|
|
|
|
|
|
setIsNewBelongOpen(false)
|
2024-06-19 11:08:39 +08:00
|
|
|
|
// getProjOwnerList()
|
|
|
|
|
|
getSearchProjOwnerList(keywords, type)
|
2024-06-17 16:35:28 +08:00
|
|
|
|
// setBelongShow('')
|
|
|
|
|
|
}}
|
|
|
|
|
|
>
|
|
|
|
|
|
<div className='belongPeople-Modal'>
|
|
|
|
|
|
<div className='belongPeople-Mtop'>
|
|
|
|
|
|
{belongTitle}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<Form
|
|
|
|
|
|
name="belongInfo"
|
|
|
|
|
|
form={formBelong}
|
|
|
|
|
|
layout="vertical"
|
|
|
|
|
|
labelCol={{ span: 8 }}
|
|
|
|
|
|
wrapperCol={{ span: 24 }}
|
|
|
|
|
|
style={{ width: '100%' }}
|
|
|
|
|
|
onFinish={() => {
|
|
|
|
|
|
// setIsNewBelongOpen(true);
|
|
|
|
|
|
}}
|
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
|
>
|
|
|
|
|
|
<Row gutter={15}>
|
|
|
|
|
|
<Col span={24}>
|
|
|
|
|
|
<div className='blongNameInt'>
|
|
|
|
|
|
<div className='blongTitle '>请选择知识产权所属者类型：</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
|
|
// label="Radio"
|
|
|
|
|
|
style={{ marginTop: '22px', marginLeft: '24px' }}
|
|
|
|
|
|
name="authorType"
|
|
|
|
|
|
rules={[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '请选择请选择知识产权所属者类型',
|
|
|
|
|
|
}
|
|
|
|
|
|
]}
|
|
|
|
|
|
>
|
|
|
|
|
|
<Radio.Group
|
|
|
|
|
|
// value={null}
|
|
|
|
|
|
value={"ORGANIZATION"}
|
|
|
|
|
|
onChange={typeChange}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}>
|
|
|
|
|
|
<Radio value="ORGANIZATION" > 企业/组织 </Radio>
|
|
|
|
|
|
<Radio value="PERSONAL"> 自然人 </Radio>
|
|
|
|
|
|
</Radio.Group>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
{/* lyp */}
|
|
|
|
|
|
{/* {if(formBelong.getFieldValue('authorType')=='ORGANIZATION'){
|
|
|
|
|
|
return(
|
|
|
|
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
}else{
|
|
|
|
|
|
return
|
|
|
|
|
|
}} */}
|
|
|
|
|
|
{belongShow == '' ? <></> : <> <Row gutter={15}>
|
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
|
<div className='blongNameInt blongSmallNamel'>
|
|
|
|
|
|
{/* <div className='blongTitle blongsmallTitle '>姓名或公司名称:</div> */}
|
|
|
|
|
|
<div className='blongTitle blongsmallTitle '>{belongShow == 'PERSONAL' ? '姓名' : '公司名称'}</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="姓名或公司名称"
|
|
|
|
|
|
name="authorName"
|
|
|
|
|
|
rules={[{ required: true, message: belongShow == 'PERSONAL' ? '请输入姓名' : '请输入公司名称' }]}
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder={belongShow == 'PERSONAL' ? '请输入姓名' : '请输入公司名称'}
|
|
|
|
|
|
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
|
|
|
|
|
|
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
|
<div className='blongNameInt blongSmallNameR'>
|
|
|
|
|
|
<div className='blongTitle blongsmallTitle '>{belongShow == 'PERSONAL' ? '英文名' : '公司英文名称'}</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="公司英文名"
|
|
|
|
|
|
name="nameEn"
|
|
|
|
|
|
// rules={[{ required: true, message: belongShow == 'PERSONAL' ? '请输入英文名' : '请输入公司英文名称' }]}
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder={belongShow == 'ORGANIZATION' ? '请输入公司英文名称' : '请输入英文名'}
|
|
|
|
|
|
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
<Row gutter={15}>
|
|
|
|
|
|
|
|
|
|
|
|
<div className='blongNameInt blongSmallNamel' style={{ display: 'none' }}>
|
|
|
|
|
|
<div className='blongTitle blongsmallTitle '>证件类型:</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
name="authorIdCardType"
|
|
|
|
|
|
>
|
|
|
|
|
|
<Select
|
|
|
|
|
|
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
|
|
|
|
|
|
placeholder="请选择样证件类型"
|
|
|
|
|
|
onChange={(value: string) => {
|
|
|
|
|
|
console.log(`selected ${value}`);
|
|
|
|
|
|
}}
|
|
|
|
|
|
options={[
|
|
|
|
|
|
{ value: 'BUSINESS_LICENSE', label: '营业执照' },
|
|
|
|
|
|
{ value: 'ID_CARD', label: '身份证' },
|
|
|
|
|
|
]}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
|
<div className='blongNameInt blongSmallNamel'>
|
|
|
|
|
|
<div className='blongTitle blongsmallTitle '>{belongShow == 'PERSONAL' ? '身份证号' : '营业执照号'}:</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="证件号"
|
|
|
|
|
|
name="authorIdCard"
|
|
|
|
|
|
rules={[{ required: true, message: '请输入证件号' }]}
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder="请输入证件号"
|
|
|
|
|
|
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
|
|
|
|
|
|
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
</Row></>}
|
|
|
|
|
|
|
|
|
|
|
|
<Row gutter={15}>
|
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
|
<div className='blongNameInt blongSmallNamel'>
|
|
|
|
|
|
<div className='blongTitle blongsmallTitle '>省市:</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="省市"
|
|
|
|
|
|
name="authorProvince"
|
|
|
|
|
|
rules={[{ required: true, message: '请选择省市' }]}
|
|
|
|
|
|
>
|
|
|
|
|
|
<Cascader options={areaArray}
|
|
|
|
|
|
style={{ height: '44px', width: '384px', fontSize: '15px', marginTop: '22px' }}
|
|
|
|
|
|
|
|
|
|
|
|
loadData={(selectedOptions: Option[]) => {
|
|
|
|
|
|
const targetOption = selectedOptions[selectedOptions.length - 1];
|
|
|
|
|
|
// console.log(targetOption.id);
|
|
|
|
|
|
|
|
|
|
|
|
listArea(targetOption.id).then(data => {
|
|
|
|
|
|
targetOption.children = data.map(item => {
|
|
|
|
|
|
return {
|
|
|
|
|
|
value: item.name,
|
|
|
|
|
|
label: item.name,
|
|
|
|
|
|
isLeaf: true, //二级判断这个 以前不是 以前是 !item.isParent
|
|
|
|
|
|
id: item.id,
|
|
|
|
|
|
pId: item.pId
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
setAreaArray([
|
|
|
|
|
|
...areaArray
|
|
|
|
|
|
])
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
|
|
|
|
placeholder="请选择省市"
|
|
|
|
|
|
changeOnSelect
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
<Row gutter={15}>
|
|
|
|
|
|
<Col span={24}>
|
|
|
|
|
|
<div className='blongNameInt belongText'>
|
|
|
|
|
|
<div className='blongTitle' style={{ marginLeft: '23px' }}>是否愿意提供中国版权登记业务平台的账号？</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="是否愿意提供中国版权登记业务平台的账号？"
|
|
|
|
|
|
name="isCrcAccount"
|
|
|
|
|
|
rules={[
|
|
|
|
|
|
{
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
message: '请选择请选择知识产权所属者类型',
|
|
|
|
|
|
}
|
|
|
|
|
|
]}
|
|
|
|
|
|
style={{ marginTop: '22px', marginLeft: '24px' }}
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
<Radio.Group
|
|
|
|
|
|
// value={'1'}
|
|
|
|
|
|
onChange={isCrcAccountChange}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}>
|
|
|
|
|
|
<Radio value="1"> 是 </Radio>
|
|
|
|
|
|
<Radio value="0"> 否 </Radio>
|
|
|
|
|
|
</Radio.Group>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
<Row gutter={15}>
|
|
|
|
|
|
<Col span={24}>
|
|
|
|
|
|
<div className='belongRedText'>
|
|
|
|
|
|
提供账号的好处为：可以以知识产权所属者的身份在中国版权登记业务平台上进行软著资料的提交。如果不提供我们将以代理商的身份替知识产权所属者进行提供。提供中国版权登记业务平台账号，会提高审核速度。
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
<Row gutter={15}>
|
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
|
|
2024-06-19 11:08:39 +08:00
|
|
|
|
{belongTitle == '查看所属者' ? (<>
|
|
|
|
|
|
<div style={{ display: checkCrcAccountShow == '0' ? 'none' : 'block' }}>
|
|
|
|
|
|
<div className='crcAccount'>中国版权登记业务平台用户名</div>
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="中国版权登记业务平台用户名"
|
|
|
|
|
|
name="crcAccountUsername"
|
|
|
|
|
|
rules={[
|
|
|
|
|
|
({ getFieldValue }) => ({
|
|
|
|
|
|
validator(_, value) {
|
|
|
|
|
|
|
|
|
|
|
|
if (getFieldValue('isCrcAccount') === '1') {
|
|
|
|
|
|
if (!value) {
|
|
|
|
|
|
return Promise.reject('请输入账号');
|
|
|
|
|
|
}
|
2024-06-17 16:35:28 +08:00
|
|
|
|
}
|
2024-06-19 11:08:39 +08:00
|
|
|
|
return Promise.resolve();
|
|
|
|
|
|
},
|
|
|
|
|
|
}),
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder=""
|
|
|
|
|
|
style={{ height: '44px', width: '533px', fontSize: '15px', marginTop: '18px' }}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</>) : (
|
|
|
|
|
|
<div style={{ display: CrcAccountShow == '0' ? 'none' : 'block' }}>
|
|
|
|
|
|
<div className='crcAccount'>中国版权登记业务平台用户名</div>
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="中国版权登记业务平台用户名"
|
|
|
|
|
|
name="crcAccountUsername"
|
|
|
|
|
|
rules={[
|
|
|
|
|
|
({ getFieldValue }) => ({
|
|
|
|
|
|
validator(_, value) {
|
|
|
|
|
|
|
|
|
|
|
|
if (getFieldValue('isCrcAccount') === '1') {
|
|
|
|
|
|
if (!value) {
|
|
|
|
|
|
return Promise.reject('请输入账号');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
|
},
|
|
|
|
|
|
}),
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder=""
|
|
|
|
|
|
style={{ height: '44px', width: '533px', fontSize: '15px', marginTop: '18px' }}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)}
|
2024-06-17 16:35:28 +08:00
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
<Col span={12}>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
{belongTitle == '查看所属者' ? (<>
|
|
|
|
|
|
<div style={{ display: checkCrcAccountShow == '0' ? 'none' : 'block' }}>
|
|
|
|
|
|
<div className='crcAccount'>中国版权登记业务平台密码</div>
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="中国版权登记业务平台密码"
|
|
|
|
|
|
name="crcAccountPassword"
|
|
|
|
|
|
rules={[
|
|
|
|
|
|
({ getFieldValue }) => ({
|
|
|
|
|
|
validator(_, value) {
|
|
|
|
|
|
if (getFieldValue('isCrcAccount') === '1') {
|
|
|
|
|
|
if (!value) {
|
|
|
|
|
|
return Promise.reject('请输入密码');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
|
},
|
|
|
|
|
|
}),
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder=""
|
|
|
|
|
|
style={{ height: '44px', width: '533px', fontSize: '15px', marginTop: '18px' }}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</>) : (<div style={{ display: CrcAccountShow == '0' ? 'none' : 'block' }}>
|
2024-06-17 16:35:28 +08:00
|
|
|
|
<div className='crcAccount'>中国版权登记业务平台密码</div>
|
|
|
|
|
|
<Form.Item<BelongPeopleType>
|
|
|
|
|
|
// label="中国版权登记业务平台密码"
|
|
|
|
|
|
name="crcAccountPassword"
|
|
|
|
|
|
rules={[
|
|
|
|
|
|
({ getFieldValue }) => ({
|
|
|
|
|
|
validator(_, value) {
|
|
|
|
|
|
if (getFieldValue('isCrcAccount') === '1') {
|
|
|
|
|
|
if (!value) {
|
|
|
|
|
|
return Promise.reject('请输入密码');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
|
},
|
|
|
|
|
|
}),
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
<Input placeholder=""
|
|
|
|
|
|
style={{ height: '44px', width: '533px', fontSize: '15px', marginTop: '18px' }}
|
|
|
|
|
|
disabled={belongTitle == '查看所属者' ? true : false}
|
|
|
|
|
|
/>
|
|
|
|
|
|
</Form.Item>
|
2024-06-19 11:08:39 +08:00
|
|
|
|
</div>)}
|
|
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
</Col>
|
|
|
|
|
|
</Row>
|
|
|
|
|
|
</Form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</Modal >
|
2024-06-19 11:08:39 +08:00
|
|
|
|
|
2024-06-17 16:35:28 +08:00
|
|
|
|
<Spin tip="正在提交..." spinning={loading} fullscreen />
|
|
|
|
|
|
</div >
|
|
|
|
|
|
|
|
|
|
|
|
</>
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
}
|
