Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
b3537caa07
system-copyright-react/src/layout/head/Head.tsx

2260 lines
84 KiB
TypeScript
Raw Normal View History

fc
2024-03-11 19:13:42 +08:00
import './head.css'
每五分钟获取用户信息
2024-12-16 11:38:40 +08:00
// import { NodeJS } from 'types/node';
head显示套餐包
2025-03-11 14:06:21 +08:00
import {
useDispatch,
useSelector
} from 'react-redux'
弹窗修改
2025-04-14 17:38:30 +08:00
import { getCode, checkPhone, updatePhone } from '../../request/api'
完善页面
2024-03-11 23:33:03 +08:00
import BalanceHead from '../../components/balance/BalanceHead.tsx';
import RechargeHead from '../../components/recharge/RechargeHead.tsx';
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
import {
// Empty,
弹窗修改
2025-04-14 17:38:30 +08:00
Dropdown, MenuProps, message, Modal, Space, Spin, Input, Table, Form, Button
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// Form, Button, InputNumber
head显示套餐包
2025-03-11 14:06:21 +08:00
} from "antd";
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
import {
CloseOutlined
} from '@ant-design/icons';
import title from '../../static/Phone/title.png'
import titleB from '../../static/Phone/titleB.png'
import line from '../../static/Phone/line.png'
样式更改
2025-03-14 17:01:30 +08:00
import pack from '../../static/pack.png'
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// import type { TableProps, FormProps } from 'antd';
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
interface DataType {
usericId: string;
icPriceMaterial: number;
icPriceAll: number;
createTime: string;
}
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// interface icDataType {
// contactName: string;//联系人姓名
// contactPhone: string;//联系人电话
// idCardNumber: string;//证件号
// idCardType: string;//证件类型
// lastLoginTime: string;//最后登录时间
// userId: string;//用户id
// userInfoId: string;//主键
// userInfoName: string;//用户名称
// userInfoNameEn: string;//用户英文名称
// userInfoType: string;//用户类型
// userUsername: string;//用户名
// }
// type FieldType = {
// icPriceMaterial: string;
// icPriceAll: string;
// };
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const data: DataType[] = [
// {
// key: '1',
// code: 'xixi112',
// price: 32,
// },
// {
// key: '2',
// code: 'xixi22',
// price: 42,
// },
// {
// key: '3',
// code: 'hehe23',
// price: 32,
// },
// {
// key: '4',
// code: 'hehe1232',
// price: 32,
// },
// {
// key: '4',
// code: 'hehe123',
// price: 32,
// },
// {
// key: '5',
// code: 'hehe1235',
// price: 32,
// },
// {
// key: '6',
// code: 'hehe1236',
// price: 32,
// },
// {
// key: '7',
// code: 'hehe1237',
// price: 32,
// },
// {
// key: '8',
// code: 'hehe1238',
// price: 32,
// },
// {
// key: '9',
// code: 'hehe1239',
// price: 32,
// },
// ];
修改
2025-03-05 17:47:04 +08:00
import { DownOutlined, UserOutlined, QuestionCircleOutlined, BellOutlined, KeyOutlined, LogoutOutlined, GiftOutlined, AccountBookOutlined, ContainerOutlined, MenuFoldOutlined, UsergroupAddOutlined, TableOutlined } from "@ant-design/icons";
首页结构调整
2024-04-29 17:22:26 +08:00
import { useContext, useEffect, useState } from "react";
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
import {
put, get,
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// post,
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
getUseUrl
} from "../../util/AjaxUtils.ts";
版本更新
2025-03-28 09:44:48 +08:00
import { getLoginflag } from '../../request/api'
首页结构调整
2024-04-29 17:22:26 +08:00
import { GlobalContext, GlobalDispatchContext, reloadUser } from "../../context/GlobalContext.ts";
增加发票管理
2024-04-02 18:45:46 +08:00
import UserEdit from "../../components/user/UserEdit.tsx";
import PasswordChange from "../../components/password/PasswordChange.tsx";
首页结构调整
2024-04-29 17:22:26 +08:00
// import headRightBg from '../../assets/head-right-bg.png';
增加发票管理
2024-04-02 18:45:46 +08:00
import InvoiceList from "../../components/invoice/InvoiceList.tsx";
首页结构调整
2024-04-29 17:22:26 +08:00
import logoImg from '../../static/head/logo.png'
head显示套餐包
2025-03-11 14:06:21 +08:00
// import userImg from '../../static/homeimg/userimg.png'
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
import kf from '../../static/head/kf.png'
import kfImg from '../../static/head/kfImg.png'
暂存
2024-05-28 18:00:42 +08:00
import { reMenuActive } from '../../util/cache';
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
// import BelongPeople from '../../components/BelongPeople/BelongPeople.tsx'
import BelongPeople from '../../components/BelongPeople/BelongPeople.tsx'
lyp
2024-06-21 16:18:01 +08:00
import ContactPeople from '../../components/ContactPeople/ContactPeople.tsx'
邀请码功能
2024-08-12 14:43:58 +08:00
import inv from '../../static/inv.png'
import MyOrder from '../../components/myOrder/MyOrder.tsx'
站内信消息通知
2024-08-13 18:06:34 +08:00
import NoticeModal from '../../components/NoticeModal/NoticeModal.tsx';
样式修改
2025-03-02 18:07:03 +08:00
import type {
TableColumnsType,
} from 'antd';
优惠券暂存
2024-09-02 16:41:02 +08:00
// import HeadCouponModal from '../../components/CouponModal/HeadCouponModal.tsx'
fc
2024-03-11 19:13:42 +08:00
export default function Head() {
弹窗修改
2025-04-14 17:38:30 +08:00
// lyp
const [form] = Form.useForm<any>();
const [isUpdateWxUsernamePhone, setIsUpdateWxUsernamePhone] = useState(false); // 绑定手机号号弹窗
const [userId, setUserId] = useState(''); // 验证码ID
const submit = async (phone: any, code: any) => {
try {
const formData = new URLSearchParams();
formData.append('userId', userId);
formData.append('phone', phone);
formData.append('smsCode', code);
const res = await updatePhone(formData.toString());
console.log(res);
} catch (error: any) {
绑定手机号
2025-04-18 14:41:01 +08:00
setPhoneLoading(false)
弹窗修改
2025-04-14 17:38:30 +08:00
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)
}
}
}
绑定手机号
2025-04-18 14:41:01 +08:00
const [phoneloading, setPhoneLoading] = useState(false)
弹窗修改
2025-04-14 17:38:30 +08:00
const onFinish = async (values: any) => {
绑定手机号
2025-04-18 14:41:01 +08:00
// console.log('Success:', values);
弹窗修改
2025-04-14 17:38:30 +08:00
try {
const res = await checkPhone(values.phone)
// console.log(res);
if (res.data == 'SUCCESS') {
绑定手机号
2025-04-18 14:41:01 +08:00
setPhoneLoading(true)
弹窗修改
2025-04-14 17:38:30 +08:00
submit(values.phone, values.smsCode)
绑定手机号
2025-04-18 14:41:01 +08:00
setPhoneLoading(false)
弹窗修改
2025-04-14 17:38:30 +08:00
} else {
messageApi.open({
type: 'error',
content: '手机号已被绑定,请更换手机号',
});
}
} catch (error: any) {
绑定手机号
2025-04-18 14:41:56 +08:00
setPhoneLoading(false)
弹窗修改
2025-04-14 17:38:30 +08:00
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 [countdown, setCountdown] = useState(0); // 倒计时状态
const sendCode = async () => {
try {
// 验证手机号输入项
await form.validateFields(['phone']);
setCountdown(120);
console.log('发送验证码');
const timer = setInterval(() => {
setCountdown((prevCountdown) => {
if (prevCountdown > 0) {
return prevCountdown - 1;
} else {
clearInterval(timer);
return 0;
}
});
}, 1000);
// 获取表单phone的值
// const phone = form.getFieldValue('phone');
await getCode(form.getFieldValue('phone'))
} 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)
}
}
}
head显示套餐包
2025-03-11 14:06:21 +08:00
const [packloading, setPackloading] = useState(false)
样式修改
2025-03-02 18:07:03 +08:00
const [packList, setPackList] = useState<any[]>([]) //服务包列表
const [packPage, setPackPage] = useState(1) //服务包分页
const [packTotal, setPackTotal] = useState(0) //服务包总数
套餐包样式修改
2025-03-13 10:06:40 +08:00
// const [packageType, setPackageType] = useState('')
修改
2025-03-05 17:47:04 +08:00
// 获取我得服务包信息
head显示套餐包
2025-03-11 14:06:21 +08:00
const getPickList = (page: number, packageType: string) => {
样式修改
2025-03-02 18:07:03 +08:00
get<any>({
messageApi,
url: `/api/proj/servicepkg/packageorder/listpage/self`,
config: {
params: {
样式修改
2025-03-03 17:07:31 +08:00
page: page,
样式修改
2025-03-02 18:07:03 +08:00
rows: 10,
head显示套餐包
2025-03-11 14:06:21 +08:00
packageType: packageType
样式修改
2025-03-02 18:07:03 +08:00
}
},
onBefore() {
head显示套餐包
2025-03-11 14:06:21 +08:00
setPackloading(true)
样式修改
2025-03-02 18:07:03 +08:00
},
onSuccess({ data }) {
修改
2025-03-05 17:47:04 +08:00
样式修改
2025-03-02 18:07:03 +08:00
setPackList(data.rows)
setPackTotal(data.total)
修改
2025-03-05 17:47:04 +08:00
样式修改
2025-03-02 18:07:03 +08:00
},
onFinally() {
head显示套餐包
2025-03-11 14:06:21 +08:00
setPackloading(false)
样式修改
2025-03-02 18:07:03 +08:00
}
})
}
样式修改
2025-03-03 17:07:31 +08:00
// useEffect(() => {
// getPickList();
// }, [packPage]);
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const [page, setPage] = useState(1) //邀请码使用人数分页
// const [total, setTotal] = useState(0) //邀请码使用人数总量
// const [icListLoading, setIcListLoading] = useState(false)
// const [myInvModal, setMyInvModal] = useState(false) //我的邀请码弹窗
// const [createInvModal, setCreateInvModal] = useState(false) //创建邀请码弹窗
// const [icModal, setIcModal] = useState(false) //查看邀请码详情弹窗
// const [selectIc, setSelectIc] = useState('') //选中的邀请码
head显示套餐包
2025-03-11 14:06:21 +08:00
const redxuState: any = useSelector(state => state)
// const [packageType, setPackageType] = useState('')
const packNum = redxuState.packNum
弹窗修改
2025-04-14 17:38:30 +08:00
const phoneModal = redxuState.phoneModal
套餐包样式修改
2025-03-13 10:06:40 +08:00
// const packItems: MenuProps['items'] = [
// {
// key: '1',
// label: (
// <div
// onClick={() => {
// setPackageModal(true)
// setPackPage(1);
// getPickList(1, 'ALL')
// setPackageType('ALL')
// }}
// >
// <span style={{
// fontWeight: 'bold'
// }}>全托管 : {packNum.ALL}件</span>
// </div>
head显示套餐包
2025-03-11 14:06:21 +08:00
套餐包样式修改
2025-03-13 10:06:40 +08:00
// ),
// },
// {
// key: '2',
// label: (
// <div
// onClick={() => {
// setPackageModal(true)
// setPackPage(1);
// getPickList(1, 'MATERIAL')
// setPackageType('MATERIAL')
// }}
// >
// <span style={{
// fontWeight: 'bold'
// }}>写材料 : {packNum.MATERIAL}件</span>
// </div>
// ),
head显示套餐包
2025-03-11 14:06:21 +08:00
套餐包样式修改
2025-03-13 10:06:40 +08:00
// },
head显示套餐包
2025-03-11 14:06:21 +08:00
套餐包样式修改
2025-03-13 10:06:40 +08:00
// ]
站内信消息通知
2024-08-13 18:06:34 +08:00
// 消息通知弹窗
const [noticeModal, setNoticeModal] = useState(false)
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
// 客服弹窗
const [kfModal, setkfModal] = useState(false)
站内信消息通知
2024-08-13 18:06:34 +08:00
// 未读消息数
const [unRead, setUnRead] = useState(0)
// 获取未读消息总数
const getUnRead = () => {
get<any>({
messageApi,
url: '/api/user-msg/count-un-read/self',
onSuccess({ data }) {
删除log打印信息
2024-08-14 11:04:35 +08:00
// console.log(data);
站内信消息通知
2024-08-13 18:06:34 +08:00
setUnRead(data.data)
}
})
}
邀请码功能
2024-08-12 14:43:58 +08:00
// 邀请码弹窗
const [invitationModal, setinvitationModal] = useState(false)
顶部样式修改
2024-08-12 17:15:23 +08:00
// 邀请码弹窗加载
站内信消息通知
2024-08-13 18:06:34 +08:00
const [isLoading, setisLoading] = useState(false)
邀请码功能
2024-08-12 14:43:58 +08:00
// 解除绑定邀请码弹窗
// const [relieveModal, setRelieveModal] = useState(false)
// 申请的邀请码
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const [invNum, setInvNum] = useState('')
邀请码功能
2024-08-12 14:43:58 +08:00
// 输入的邀请码
const [inInvNum, setInInvNum] = useState('')
// 已绑定的邀请码
const [bindingInvNum, setBindingInvNum] = useState('')
// 邀请码申请状态
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const [icStatus, setIcStatus] = useState('')
邀请码功能
2024-08-12 14:43:58 +08:00
// 邀请码返利比例
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const [icRebateRatio, seticRebateRatio] = useState('')
样式修改
2024-08-14 16:22:29 +08:00
// 全托管分账
邀请码显示修改
2025-03-03 10:38:30 +08:00
// const [icPriceAll, seticPriceAll] = useState(0)
样式修改
2024-08-14 16:22:29 +08:00
// 写材料分账
邀请码显示修改
2025-03-03 10:38:30 +08:00
// const [icPriceMaterial, seticPriceMaterial] = useState(0)
邀请码功能
2024-08-12 14:43:58 +08:00
// 获取邀请码申请状态
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const getIcStatus = () => {
// get<any>({
// messageApi,
// url: '/api/ic/apply/get/self',
// onSuccess({ data }) {
// // console.log(data);
// if (data) {
// setIcStatus(data.applyStatus)
// }
// }
// })
// }
邀请码功能
2024-08-12 14:43:58 +08:00
// 获取邀请码信息
const getIc = () => {
get<any>({
messageApi,
url: '/api/ic/get/self',
顶部样式修改
2024-08-12 17:15:23 +08:00
onBefore() {
setisLoading(true)
},
邀请码功能
2024-08-12 14:43:58 +08:00
onSuccess({ data }) {
顶部样式修改
2024-08-12 17:18:44 +08:00
// console.log(data);
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// setInvNum(data.ic)
邀请码功能
2024-08-12 14:43:58 +08:00
setBindingInvNum(data.relationIc)
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// seticRebateRatio(data.icRebateRatio)
邀请码显示修改
2025-03-03 10:38:30 +08:00
// seticPriceAll(Number(data.icPriceAll) / 100 * Number(data.icRebateRatio) / 100)
// seticPriceMaterial(Number(data.icPriceMaterial) / 100 * Number(data.icRebateRatio) / 100)
邀请码功能
2024-08-12 14:43:58 +08:00
if (data.ic == '') {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// getIcStatus()
邀请码功能
2024-08-12 14:43:58 +08:00
}
顶部样式修改
2024-08-12 17:15:23 +08:00
},
onFinally() {
setisLoading(false)
邀请码功能
2024-08-12 14:43:58 +08:00
}
})
}
// 绑定邀请码
const putIc = () => {
put<any>({
messageApi,
url: `/api/ic/update-relation-ic`,
body: {
value: inInvNum
},
onBefore() {
},
onSuccess() {
// messageApi.success('保存成功,点击编辑按钮可继续修改项目简介');
// console.log(data);
getIc()
},
onFinally() {
}
})
}
// 确定输入的邀请码事件
const postInvNum = () => {
if (!inInvNum) {
messageApi.open({
type: 'error',
content: '请输入邀请码'
})
} else {
// setBindingInvNum(inInvNum)
// messageApi.open({
// type: 'success',
// content: '已绑定邀请码'
// })
putIc()
}
}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// 我的邀请码列表
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const [myIcList, setMyIcList] = useState([])
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// 获取我得邀请码列表
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const getMyIcList = () => {
// get<any>({
// messageApi,
// url: '/api/ic/v2/list/self',
// // body: {
// // value: inInvNum
// // },
// onBefore() {
// setIcListLoading(true)
// },
// onSuccess({ data }) {
// // console.log(data);
// setMyIcList(data)
// // setMyIcList([])
// },
// onFinally() {
// setIcListLoading(false)
// }
// })
// }
// const [minAllPrice, setMinAllPrice] = useState(0) //最低全托管折扣价
// const [minMaterialPrice, setMinMaterialPrice] = useState(0) //最低写材料折扣价
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// 查看我得最低定价
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const getMyIcMinPrice = () => {
// get<any>({
// messageApi,
// url: '/api/proj/charge/get',
// onBefore() {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// },
// onSuccess({ data }) {
// // console.log(data.projTypes);
// // console.log((data.projTypes.find((item:any) => item.type === 'MATERIAL')).price/100);
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// setMinAllPrice((data.projTypes.find((item: any) => item.type === 'ALL')).price / 100)
// setMinMaterialPrice((data.projTypes.find((item: any) => item.type === 'MATERIAL')).price / 100)
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// },
// onFinally() {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// }
// })
// }
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// 查看我的邀请码是否超出限制
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const getIcLimit = () => {
// get<any>({
// messageApi,
// url: '/api/ic/v2/list/self',
// onBefore() {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// },
// onSuccess({ data }) {
// // console.log(data);
// // console.log(data.length);
// if (data.length >= 10) {
// messageApi.open({
// type: 'error',
// content: '您的邀请码已达上限'
// })
// } else {
// setCreateInvModal(true)
// getMyIcMinPrice()
// }
// }
// })
// }
邀请码功能
2024-08-12 14:43:58 +08:00
// 点击获取邀请码
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const getInvNum = () => {
// post<any>({
// messageApi,
// url: `/api/ic/apply/apply`,
// onBefore() {
// },
// onSuccess() {
// messageApi.success('已申请')
// getIcStatus()
// },
// onFinally() {
// }
// })
// // setInvNum('RSDNQ5H7')
// }
// 表单事件
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const onFinish: FormProps<FieldType>['onFinish'] = (values: any) => {
// // console.log('Success:', values.icPriceAll);
// // console.log('Success:', values.icPriceMaterial);
// post<any>({
// messageApi,
// url: `/api/ic/v2/save`,
// body: {
// icPriceAll: values.icPriceAll * 100,
// icPriceMaterial: values.icPriceMaterial * 100
// },
// onBefore() {
// setIcListLoading(true)
// },
// onSuccess() {
// // console.log(data);
// messageApi.success('创建成功')
// // 关闭弹窗
// setCreateInvModal(false)
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// },
// onFinally() {
// setIcListLoading(false)
// }
// })
// };
邀请码功能
2024-08-12 14:43:58 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const onFinishFailed: FormProps<FieldType>['onFinishFailed'] = (errorInfo) => {
// console.log('Failed:', errorInfo);
// };
// 使用的邀请码的人的信息列表
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const [icList, setIcList] = useState<icDataType[]>([]);
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// 获取使用的邀请码的人的信息
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const getIcUserInfo = (id: string, page: number) => {
// get<any>({
// messageApi,
// url: `/api/ic/v2/user-list/${id}`,
// config: {
// params: {
// page: page,
// rows: 10
// }
// },
// onBefore() {
// setIcListLoading(true)
// },
// onSuccess({ data }) {
// setIcList(data.rows)
// setTotal(data.total)
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// },
// onFinally() {
// setIcListLoading(false)
// }
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// })
// }
邀请码功能
2024-08-12 14:43:58 +08:00
// 复制邀请码
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
// const copyInvNum = (code: any) => {
// // 创建一个临时的 input 元素
// const tempInput = document.createElement('input');
// document.body.appendChild(tempInput);
// tempInput.value = code;
// // 选中 input 中的内容
// tempInput.select();
// tempInput.setSelectionRange(0, 99999); // 对于移动设备的支持
// // 执行复制操作
// try {
// document.execCommand('copy');
// messageApi.open({
// type: 'success',
// content: '已复制到剪切板'
// })
// } catch (err) {
// messageApi.open({
// type: 'error',
// content: '复制失败,请手动复制'
// })
// }
// // 移除临时的 input 元素
// document.body.removeChild(tempInput);
// }
// const columns: TableProps<DataType>['columns'] = [
// {
// title: '序号',
// align: 'center',
// dataIndex: 'usericId',
// key: 'usericId',
// render: (_text, _record, index) => <div>
// {index + 1}
// </div>,
// },
// {
// title: '邀请码',
// align: 'center',
// dataIndex: 'usericId',
// key: 'usericId',
// // render: (text) => <a>{text}</a>,
// },
// {
// title: '创建时间',
// align: 'center',
// dataIndex: 'createTime',
// key: 'usericId',
// // render: (text) => <a>{text}</a>,
// },
// {
// title: '写材料价格',
// align: 'center',
// dataIndex: 'icPriceMaterial',
// key: 'usericId',
// render: (text) => <>{text / 100}元</>
// },
// {
// title: '全托管价格',
// align: 'center',
// dataIndex: 'icPriceAll',
// key: 'usericId',
// render: (text) => <>{text / 100}元</>
// },
// // {
// // title: '返利比例',
// // align: 'center',
// // dataIndex: 'icRebateTatio',
// // key: 'usericId',
// // render: (text) => <>{text}%</>,
// // },
// // {
// // title: '产生的成交金额',
// // align: 'center',
// // dataIndex: 'totalMoney',
// // key: 'usericId',
// // },
// {
// title: '操作',
// align: 'center',
// key: 'usericId',
// render: (_, record) => (
// <Space size="middle">
// <a style={{
// textDecoration: 'underline',
// }} onClick={() => {
// copyInvNum(record.usericId)
// }}>复制</a>
// <a style={{
// textDecoration: 'underline',
// }} onClick={() => {
// setIcModal(true)
// setSelectIc(record.usericId)
// getIcUserInfo(record.usericId, page)
// }}>查看使用用户</a>
// </Space>
// ),
// },
// ];
// const icColumns: TableProps<icDataType>['columns'] = [
// {
// title: '序号',
// align: 'center',
// dataIndex: 'index',
// key: 'userInfoId',
// render: (_text, _record, index) => <div>
// {index + 1}
// </div>,
// },
// // {
// // title: '用户ID',
// // align: 'center',
// // dataIndex: 'userId',
// // key: 'userInfoId',
// // // render: (text) => <a>{text}</a>,
// // },
// {
// title: '账号',
// align: 'center',
// dataIndex: 'userUsername',
// key: 'userInfoId',
// // render: (text) => <a>{text}</a>,
// },
// {
// title: '昵称',
// align: 'center',
// dataIndex: 'userInfoName',
// key: 'userInfoId',
// // render: (text) => <a>{text}</a>,
// },
// {
// title: '最近登录时间',
// align: 'center',
// dataIndex: 'lastLoginTime',
// key: 'userInfoId',
// // render: (text) => <a>{text}</a>,
// },
// ]
修改
2024-07-31 16:00:30 +08:00
const dispath = useDispatch()
邀请码功能
2024-08-12 14:43:58 +08:00
// 更新所属者表格储存至redux
const upBelongArray = () => {
修改
2024-07-31 16:00:30 +08:00
get({
messageApi,
url: `/api/proj-owner/list/self`,
onBefore() {
},
onSuccess(data: any) {
// console.log('所属者表格', data.data);
// setBelongPeopleArray(data.data)
// 存redux的belongArray
dispath({
type: 'uparray',
val: data.data
})
},
onFinally() {
}
})
}
完善页面功能
2024-03-26 21:09:41 +08:00
const globalContext = useContext(GlobalContext);
const globalDispatchContext = useContext(GlobalDispatchContext);
const [messageApi, contextHolder] = message.useMessage();
const [modal, modalHolder] = Modal.useModal();
const [loading, setLoading] = useState<boolean>(false);
const [isSelfModalOpen, setIsSelfModalOpen] = useState(false);
修改密码
2024-03-27 11:04:38 +08:00
const [isPasswordModalOpen, setIsPasswordModalOpen] = useState(false);
完成发票管理
2024-04-07 17:37:09 +08:00
const [isInvoiceModalOpen, setIsInvoiceModalOpen] = useState(false);
邀请码功能
2024-08-12 14:43:58 +08:00
// 我的订单弹窗
const [myorderModal, setMyorderModal] = useState(false)
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
// 所属者弹窗
添加登陆操作流程
2024-07-05 13:38:59 +08:00
const [belongModal, setBelongModal] = useState(false)
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
const [belongPeopleInfo, setBelongPeopleInfo] = useState({
authorName: '',
authorType: '',
authorIdCardType: '',
authorIdCard: '',
添加登陆操作流程
2024-07-05 13:38:59 +08:00
authorCrcAccount: '',
authorId: '',
authorProvinceCity: ''
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
})
修改
2024-07-29 17:22:42 +08:00
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
const setValue = () => {
// console.log(value);
暂存
2024-07-15 16:58:47 +08:00
}
修改
2024-07-29 17:22:42 +08:00
const setConcatValue = () => {
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
}
lyp
2024-06-21 16:18:01 +08:00
// 联系人弹窗
添加登陆操作流程
2024-07-05 13:38:59 +08:00
const [contactModal, setContactModal] = useState(false)
样式修改
2025-03-02 18:07:03 +08:00
// 套餐包弹窗
const [packageModal, setPackageModal] = useState(false)
修改
2024-07-29 17:22:42 +08:00
const [concatPeopleInfo, setConcatPeopleInfo] = useState({
applyConcatId: '',
applyContactCsaNo: '',
applyContactEmail: '',
applyContactName: '',
applyContactPhone: '',
applyContactCompany: ''
暂存
2024-07-15 16:58:47 +08:00
})
样式修改
2025-03-02 18:07:03 +08:00
const packColumns: TableColumnsType<DataType> = [
{
title: '序号',
dataIndex: 'index',
key: 'packageOrderId',
align: 'center',
样式修改
2025-03-03 16:37:53 +08:00
render: (_text, _record, index) => (packPage - 1) * 10 + index + 1, // 显示序号，从1开始
样式修改
2025-03-02 18:07:03 +08:00
},
{
title: '套餐名称',
dataIndex: 'packageName',
key: 'packageOrderId',
// 居中显示
align: 'center',
},
// packageType
{
title: '套餐类型',
修改
2025-03-05 17:47:04 +08:00
dataIndex: 'packageInfoAppDTO',
样式修改
2025-03-02 18:07:03 +08:00
key: 'packageOrderId',
// 居中显示
align: 'center',
render: (text) => {
修改
2025-03-05 17:47:04 +08:00
return <div>{text.packageType == "ALL" ? '全托管' : '写材料'} </div>
样式修改
2025-03-02 18:07:03 +08:00
}
},
修改
2025-03-05 17:47:04 +08:00
// {
// title: '套餐类型',
// dataIndex: 'packageInfoAppDTO',
// key: 'packageOrderId',
// // 居中显示
// align: 'center',
// render: (text) => {
// return <div>{text} </div>
// }
// },
样式修改
2025-03-02 18:07:03 +08:00
{
title: '价格',
dataIndex: 'packageTotalMoney',
key: 'packageOrderId',
// 居中显示
align: 'center',
render: (text) => {
修改
2025-03-05 17:47:04 +08:00
return <div>{text / 100}元</div>
样式修改
2025-03-02 18:07:03 +08:00
}
},
{
修改
2025-03-05 17:47:04 +08:00
title: '剩余次数',
样式修改
2025-03-02 18:07:03 +08:00
dataIndex: 'packageTotalSurplusCount',
align: 'center',
key: 'packageOrderId',
render: (text: number) => {
return <div>{text} </div>
}
},
修改
2025-03-05 17:47:04 +08:00
{
title: '总次数',
dataIndex: 'packageTotalCount',
align: 'center',
key: 'packageOrderId',
render: (text: any) => {
return <div>{text} </div>
}
},
样式修改
2025-03-02 18:07:03 +08:00
{
title: '下单时间',
align: 'center',
dataIndex: 'gmtCreate',
key: 'packageOrderId',
// render: (text: string) => {
// return <div title={text} style={{ width: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>{text}</div>
// }
},
];
暂存
2024-08-30 15:53:34 +08:00
// 优惠券弹窗
优惠券暂存
2024-09-02 16:41:02 +08:00
// const [couponModal, setCouponModal] = useState(false)
修改
2024-07-31 16:00:30 +08:00
// const [belongArray,setBelongArray] = useState([])
// // 获取初始所属者数组
// const getLength = () => {
// get({
// messageApi,
// url: `/api/proj-owner/list/self`,
// onBefore() {
// },
// onSuccess(data: any) {
// // console.log('所属者表格', data.data);
// // setBelongPeopleArray(data.data)
// setBelongArray(data.data )
// },
// onFinally() {
// }
// })
// }
// // 获取更新的所属者数组并且做对比查看是否刷新网页
// const getNewLength = () => {
// get({
// messageApi,
// url: `/api/proj-owner/list/self`,
// onBefore() {
// },
// onSuccess(data: any) {
// // console.log('所属者表格', data.data);
// // setBelongPeopleArray(data.data)
// console.log('查看结果',data.data != belongArray);
邀请码功能
2024-08-12 14:43:58 +08:00
修改
2024-07-31 16:00:30 +08:00
// // if (data.data == belongArray) {
// // window.location.reload();
// // }
// },
// onFinally() {
新增SSE
2024-07-29 19:48:37 +08:00
修改
2024-07-31 16:00:30 +08:00
// }
// })
// }
邀请码功能
2024-08-12 14:43:58 +08:00
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
每五分钟获取用户信息
2024-12-16 11:38:40 +08:00
完善页面功能
2024-03-26 21:09:41 +08:00
useEffect(() => {
修改
2024-07-31 16:00:30 +08:00
// getLength()
增加发票管理
2024-04-02 18:45:46 +08:00
reloadUser(messageApi, globalDispatchContext).then((data) => {
弹窗修改
2025-04-14 17:38:30 +08:00
// console.log('嘎嘎嘎哈哈', data);
setUserId(data.userId)
if (data.isUpdateWxUsernamePhone == 1) {
绑定手机号
2025-04-18 14:41:01 +08:00
// if (data.isUpdateWxUsernamePhone != 1) {
弹窗修改
2025-04-14 17:38:30 +08:00
setIsUpdateWxUsernamePhone(true);
dispath({
type: 'changePhoneModal',
val: true
})
完善页面功能
2024-03-26 21:09:41 +08:00
}
弹窗修改
2025-04-14 17:38:30 +08:00
//嘻嘻嘻
// if(!data.hasUserInfo && data.isUpdateWxUsernamePhone != 1) {
弹窗显示问题
2025-04-14 16:14:27 +08:00
// setIsSelfModalOpen(true);
// }
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
if (!data.hasUserInfo) {
弹窗修改
2025-04-14 17:38:30 +08:00
setIsSelfModalOpen(true);
}
增加发票管理
2024-04-02 18:45:46 +08:00
});
完善页面功能
2024-03-26 21:09:41 +08:00
}, [globalContext.user]);
弹窗修改
2025-04-14 17:38:30 +08:00
const getUserData = () => {
reloadUser(messageApi, globalDispatchContext).then((data) => {
绑定手机号样式修改
2025-04-15 15:44:35 +08:00
// console.log(data);
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
弹窗修改
2025-04-14 17:38:30 +08:00
//嘻嘻嘻
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
if (!data.hasUserInfo) {
弹窗修改
2025-04-14 17:38:30 +08:00
setIsSelfModalOpen(true);
}
// if (!data.hasUserInfo && !phoneModal) {
// setIsSelfModalOpen(true);
// }
});
}
每五分钟获取用户信息
2024-12-16 11:38:40 +08:00
// 刷新用户信息
const reloadUserInterval = async () => {
await reloadUser(messageApi, globalDispatchContext);
};
修改
2025-03-07 08:45:05 +08:00
// 我的套餐包统计
head显示套餐包
2025-03-11 14:06:21 +08:00
const getMyPackNum = () => {
get<any>({
messageApi,
url: `/api/proj/servicepkg/packageorder/count/self`,
onBefore() {
修改
2025-03-07 08:45:05 +08:00
head显示套餐包
2025-03-11 14:06:21 +08:00
},
onSuccess({ data }) {
// console.log(data);
dispath({
type: 'upPackNum',
val: {
ALL: data.ALL,
MATERIAL: data.MATERIAL,
}
})
},
onFinally() {
修改
2025-03-07 08:45:05 +08:00
head显示套餐包
2025-03-11 14:06:21 +08:00
}
})
}
开发票
2025-04-02 15:30:55 +08:00
样式修改
2024-08-14 16:22:29 +08:00
useEffect(() => {
站内信消息通知
2024-08-13 18:06:34 +08:00
getUnRead()
版本更新
2025-03-28 09:44:48 +08:00
// 五分钟刷新一次用户信息
每五分钟获取用户信息
2024-12-16 11:38:40 +08:00
setInterval(reloadUserInterval, 5 * 60 * 1000);
head显示套餐包
2025-03-11 14:06:21 +08:00
getMyPackNum()
弹窗修改
2025-04-14 17:38:30 +08:00
// console.log('是否关闭',phoneModal);
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
版本更新
2025-03-28 09:44:48 +08:00
}, [])
开发票
2025-04-02 15:30:55 +08:00
const loginFlag = async () => {
try {
await getLoginflag(globalContext.user.userId)
版本更新
2025-03-28 09:44:48 +08:00
sessionStorage.setItem('isLoggedIn', 'true');
开发票
2025-04-02 15:30:55 +08:00
}
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)
}
}
版本更新
2025-03-28 09:44:48 +08:00
}
useEffect(() => {
if (globalContext.user.userId) {
const islogin = sessionStorage.getItem('isLoggedIn');
开发票
2025-04-02 15:30:55 +08:00
if (!islogin) {
版本更新
2025-03-28 09:44:48 +08:00
loginFlag()
}
// loginFlag()
}
// loginFlag()
开发票
2025-04-02 15:30:55 +08:00
版本更新
2025-03-28 09:44:48 +08:00
}, [globalContext.user.userId])
每五分钟获取用户信息
2024-12-16 11:38:40 +08:00
完善页面
2024-03-16 23:12:49 +08:00
const items: MenuProps['items'] = [
{
key: 'userinfo',
label: (
<div className="dropdown-item">
首页结构调整
2024-04-29 17:22:26 +08:00
<UserOutlined />
完善页面
2024-03-16 23:12:49 +08:00
<span className="title">个人信息</span>
</div>
),
完善页面功能
2024-03-26 21:09:41 +08:00
onClick: () => {
setIsSelfModalOpen(true);
}
完善页面
2024-03-16 23:12:49 +08:00
},
{
key: 'changePass',
label: (
<div className="dropdown-item">
首页结构调整
2024-04-29 17:22:26 +08:00
<KeyOutlined />
完善页面
2024-03-16 23:12:49 +08:00
<span className="title">修改密码</span>
</div>
),
修改密码
2024-03-27 11:04:38 +08:00
onClick: () => {
setIsPasswordModalOpen(true);
}
完善页面
2024-03-16 23:12:49 +08:00
},
增加发票管理
2024-04-02 18:45:46 +08:00
{
key: 'invoice',
label: (
<div className="dropdown-item">
<AccountBookOutlined />
<span className="title">发票管理</span>
</div>
),
onClick: () => {
完成发票管理
2024-04-07 17:37:09 +08:00
setIsInvoiceModalOpen(true);
增加发票管理
2024-04-02 18:45:46 +08:00
}
},
邀请码功能
2024-08-12 14:43:58 +08:00
{
key: 'myorder',
label: (
<div className="dropdown-item">
{/* <UsergroupAddOutlined /> */}
<ContainerOutlined />
<span className="title">我的订单</span>
</div>
),
onClick: () => {
setMyorderModal(true)
}
},
完善页面
2024-03-16 23:12:49 +08:00
{
产权所属者
2024-06-20 09:14:36 +08:00
key: 'belong',
完善页面
2024-03-16 23:12:49 +08:00
label: (
<div className="dropdown-item">
添加登陆操作流程
2024-07-05 13:38:59 +08:00
<MenuFoldOutlined />
产权所属者
2024-06-20 09:14:36 +08:00
<span className="title">产权所属者</span>
完善页面
2024-03-16 23:12:49 +08:00
</div>
),
处理问题
2024-04-12 14:12:38 +08:00
onClick: () => {
产权所属者
2024-06-20 09:14:36 +08:00
setBelongModal(true)
处理问题
2024-04-12 14:12:38 +08:00
}
完善页面
2024-03-16 23:12:49 +08:00
},
lyp
2024-06-21 16:18:01 +08:00
{
key: 'contact',
label: (
<div className="dropdown-item">
添加登陆操作流程
2024-07-05 13:38:59 +08:00
<UsergroupAddOutlined />
lyp
2024-06-21 16:18:01 +08:00
<span className="title">产权联系人</span>
</div>
),
onClick: () => {
setContactModal(true)
}
},
暂存
2024-08-30 15:53:34 +08:00
{
key: 'coupon',
label: (
<div className="dropdown-item">
优惠券暂存
2024-09-02 16:41:02 +08:00
<GiftOutlined />
暂存
2024-08-30 15:53:34 +08:00
<span className="title">优惠券</span>
</div>
),
onClick: () => {
优惠券暂存
2024-09-02 16:41:02 +08:00
// setCouponModal(true)
dispath({
type: 'changeCouponModal',
val: true
})
暂存
2024-08-30 15:53:34 +08:00
}
},
样式修改
2025-03-02 18:07:03 +08:00
{
key: 'package',
label: (
<div className="dropdown-item">
<TableOutlined />
<span className="title">套餐包</span>
</div>
),
onClick: () => {
// setCouponModal(true)
setPackageModal(true)
setPackPage(1);
head显示套餐包
2025-03-11 14:06:21 +08:00
getPickList(1, '')
套餐包样式修改
2025-03-13 10:06:40 +08:00
// setPackageType('')
样式修改
2025-03-02 18:07:03 +08:00
}
},
邀请码功能
2024-08-12 14:43:58 +08:00
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
{
产权所属者
2024-06-20 09:14:36 +08:00
key: 'logout',
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
label: (
<div className="dropdown-item">
产权所属者
2024-06-20 09:14:36 +08:00
<LogoutOutlined />
<span className="title">退出系统</span>
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
</div>
),
onClick: () => {
产权所属者
2024-06-20 09:14:36 +08:00
reMenuActive()
版本更新
2025-03-28 09:44:48 +08:00
// 清除缓存
sessionStorage.clear()
产权所属者
2024-06-20 09:14:36 +08:00
window.location.href = '/copyright/logout'
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
}
},
优惠券暂存
2024-09-02 16:41:02 +08:00
添加登陆操作流程
2024-07-05 13:38:59 +08:00
完善页面
2024-03-16 23:12:49 +08:00
]
fc
2024-03-11 19:13:42 +08:00
return (
完善页面功能
2024-03-26 21:09:41 +08:00
<>
<div className="head">
<div className="center">
<div className="left">
首页结构调整
2024-04-29 17:22:26 +08:00
{/* <span className="sys-title">AI引擎软著</span>
完善页面功能
2024-03-26 21:09:41 +08:00
<Divider type="vertical"/>
首页结构调整
2024-04-29 17:22:26 +08:00
<span className="sys-title-sub">软件著作权一站式服务平台</span> */}
<img src={logoImg} alt="" />
完善页面功能
2024-03-26 21:09:41 +08:00
</div>
首页结构调整
2024-04-29 17:22:26 +08:00
{/* <div className="right" style={{backgroundImage: `url(${headRightBg})`}}> */}
添加登陆操作流程
2024-07-05 13:38:59 +08:00
首页结构调整
2024-04-29 17:22:26 +08:00
<div className="right">
样式更改
2025-03-14 17:01:30 +08:00
<div className='kf' onClick={() => {
setkfModal(true)
}}>
<div className='kfIcon'>
<img src={kf} width={20} alt="" />
</div>
<div className='kfText'>
在线客服
</div>
</div>
<div className='headLine'></div>
{/* <div style={{ padding: '10px 20px', background: 'rgba(255,228,181,0.2)', display: 'flex' }}>
套餐包样式修改
2025-03-13 10:06:40 +08:00
<div style={{
样式更改
2025-03-14 17:01:30 +08:00
fontSize: 16,
color: '#FF9F08',
fontWeight: 700,
cursor: 'pointer'
套餐包样式修改
2025-03-13 10:06:40 +08:00
}}
样式更改
2025-03-14 17:01:30 +08:00
onClick={() => {
setPackageModal(true)
setPackPage(1);
getPickList(1, '')
}}
套餐包样式修改
2025-03-13 10:06:40 +08:00
> 套餐包</div>
样式更改
2025-03-14 17:01:30 +08:00
<div className='headLine' style={{ background: "#FFEDCA" }}></div>
套餐包样式修改
2025-03-13 10:06:40 +08:00
<div>
<span style={{
fontSize: 12,
color: '#FF9F08',
// fontWeight: 700,
}}>全托管</span>
<span style={{
样式更改
2025-03-14 17:01:30 +08:00
fontSize: 16,
color: '#FF9F08',
fontWeight: 700,
marginLeft: 5,
marginRight: 5,
套餐包样式修改
2025-03-13 10:06:40 +08:00
}}>{packNum.ALL}</span>
<span style={{
fontSize: 12,
color: '#FF9F08',
// fontWeight: 700,
}}>件</span>
</div>
样式更改
2025-03-14 17:01:30 +08:00
<div style={{ marginLeft: 10 }}>
套餐包样式修改
2025-03-13 10:06:40 +08:00
<span style={{
fontSize: 12,
color: '#FF9F08',
// fontWeight: 700,
}}>写材料</span>
样式更改
2025-03-14 17:01:30 +08:00
<span style={{
fontSize: 16,
color: '#FF9F08',
fontWeight: 700,
marginLeft: 5,
marginRight: 5,
套餐包样式修改
2025-03-13 10:06:40 +08:00
}}>{packNum.MATERIAL}</span>
<span style={{
fontSize: 12,
color: '#FF9F08',
// fontWeight: 700,
}}>件</span>
</div>
样式更改
2025-03-14 17:01:30 +08:00
</div> */}
<div style={{
padding: '3px 20px',
// boxSizing: 'border-box',
background: 'rgba(222,222,222,0.3)',
marginTop: -3,
head显示套餐包
2025-03-11 14:06:21 +08:00
}}>
样式更改
2025-03-14 17:01:30 +08:00
<div style={{
display: 'flex',
alignItems: 'center',
版本更新
2025-03-28 09:44:48 +08:00
justifyContent: 'center',
样式更改
2025-03-14 17:01:30 +08:00
cursor: 'pointer',
}}
版本更新
2025-03-28 09:44:48 +08:00
onClick={() => {
setPackageModal(true)
setPackPage(1);
getPickList(1, '')
}}
样式更改
2025-03-14 17:01:30 +08:00
>
<img src={pack} width={19} height={19} alt="" />
<div style={{
版本更新
2025-03-28 09:44:48 +08:00
fontSize: 14,
marginLeft: 5
样式更改
2025-03-14 17:01:30 +08:00
}}>套餐包</div>
head显示套餐包
2025-03-11 14:06:21 +08:00
</div>
样式更改
2025-03-14 17:01:30 +08:00
<div style={{
display: 'flex',
alignItems: 'center',
版本更新
2025-03-28 09:44:48 +08:00
marginTop: 5
样式更改
2025-03-14 17:01:30 +08:00
}}>
<div>
<span style={{
fontSize: 12,
color: '#FF9F08',
版本更新
2025-03-28 09:44:48 +08:00
样式更改
2025-03-14 17:01:30 +08:00
}}>全托管 </span>
<span
style={{
fontSize: 16,
color: '#FF9F08',
fontWeight: 700,
}}
>{packNum.ALL}</span>
版本更新
2025-03-28 09:44:48 +08:00
<span style={{
样式更改
2025-03-14 17:01:30 +08:00
fontSize: 12,
color: '#FF9F08',
版本更新
2025-03-28 09:44:48 +08:00
样式更改
2025-03-14 17:01:30 +08:00
}}> 件</span>
</div>
<div style={{
版本更新
2025-03-28 09:44:48 +08:00
marginLeft: 15
样式更改
2025-03-14 17:01:30 +08:00
}}>
<span style={{
fontSize: 12,
color: '#FF9F08',
版本更新
2025-03-28 09:44:48 +08:00
样式更改
2025-03-14 17:01:30 +08:00
}}>写材料 </span>
<span
版本更新
2025-03-28 09:44:48 +08:00
style={{
fontSize: 16,
color: '#FF9F08',
fontWeight: 700,
}}
样式更改
2025-03-14 17:01:30 +08:00
>{packNum.MATERIAL}</span>
<span style={{
fontSize: 12,
color: '#FF9F08',
版本更新
2025-03-28 09:44:48 +08:00
样式更改
2025-03-14 17:01:30 +08:00
}}> 件</span>
</div>
head显示套餐包
2025-03-11 14:06:21 +08:00
</div>
</div>
样式更改
2025-03-14 17:01:30 +08:00
head显示套餐包
2025-03-11 14:06:21 +08:00
<div className='headLine'></div>
{/* <div className='head-nav' onClick={() => {
window.open('https://www.aimzhu.com/operator/route/agreementportal/view?agreementId=c0c5683a-bef3-40c3-8395-900a362ea234&title=系统操作流程')
}}>
<QuestionCircleOutlined />
</div> */}
{/* <div className='headLine'></div> */}
<BalanceHead />
{/* <div className='headLine'></div> */}
<RechargeHead />
<div className='headLine'></div>
修改
2025-03-07 08:45:05 +08:00
顶部样式修改
2024-08-12 17:15:23 +08:00
套餐包样式修改
2025-03-13 10:06:40 +08:00
{/* <Dropdown
head显示套餐包
2025-03-11 14:06:21 +08:00
menu={{ items: packItems }}
>
<div className='kfText' style={{
fontSize: 16,
color: '#FF9F08',
fontWeight: 700,
cursor: 'pointer'
}}
// onClick={() => {
// setPackageModal(true)
// setPackPage(1);
// getPickList(1,packageType)
// }}
>套餐包</div>
套餐包样式修改
2025-03-13 10:06:40 +08:00
</Dropdown> */}
head显示套餐包
2025-03-11 14:06:21 +08:00
套餐包样式修改
2025-03-13 10:06:40 +08:00
{/* <div className='headLine'></div> */}
邀请码功能
2024-08-12 14:43:58 +08:00
<div className='invitationButton' onClick={() => {
setinvitationModal(true)
getIc()
}}>
邀请码
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='headLine'></div>
<div className='head-nav' title='系统操作流程' onClick={() => {
跳转修改
2024-09-11 09:22:39 +08:00
// window.open('https://www.aimzhu.com/operator/route/agreementportal/view?agreementId=c0c5683a-bef3-40c3-8395-900a362ea234&title=系统操作流程')
getUseUrl()
样式修改
2024-08-15 17:57:24 +08:00
添加登陆操作流程
2024-07-05 13:38:59 +08:00
}}>
顶部样式修改
2024-08-12 17:15:23 +08:00
<QuestionCircleOutlined />
添加登陆操作流程
2024-07-05 13:38:59 +08:00
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='headLine'></div>
样式修改
2024-08-14 16:22:29 +08:00
<div className='head-notice' onClick={() => {
站内信消息通知
2024-08-13 18:06:34 +08:00
setNoticeModal(true)
}}>
<BellOutlined />
样式修改
2024-08-14 16:22:29 +08:00
<div className='noticeNum' style={{ display: unRead == 0 ? 'none' : 'block' }}>{unRead}</div>
站内信消息通知
2024-08-13 18:06:34 +08:00
</div>
<div className='headLine'></div>
完善页面功能
2024-03-26 21:09:41 +08:00
{/*<MessageHead/>*/}
顶部样式修改
2024-08-12 17:15:23 +08:00
<div style={{ display: 'flex', alignContent: 'center', padding: '0', cursor: 'pointer' }}>
head显示套餐包
2025-03-11 14:06:21 +08:00
{/* <div style={{ width: '50px', height: '50px', borderRadius: '25px', marginLeft: '', marginRight: '10px' }} >
添加登陆操作流程
2024-07-05 13:38:59 +08:00
<img src={userImg} alt="" width={50} height={50} />
head显示套餐包
2025-03-11 14:06:21 +08:00
</div> */}
完善页面功能
2024-03-26 21:09:41 +08:00
<Dropdown menu={{
items: items
}}>
<Space>
首页结构调整
2024-04-29 17:22:26 +08:00
{/* 您好：{globalContext.user.nickname} */}
个人中心
<DownOutlined />
完善页面功能
2024-03-26 21:09:41 +08:00
</Space>
</Dropdown>
</div>
完善页面
2024-03-16 23:12:49 +08:00
</div>
fc
2024-03-11 19:13:42 +08:00
</div>
</div>
弹窗修改
2025-04-14 17:38:30 +08:00
<Modal open={isSelfModalOpen && !phoneModal}
样式修改
2025-03-02 18:07:03 +08:00
centered
弹窗修改
2025-04-14 17:38:30 +08:00
zIndex={100}
修改
2024-07-29 17:22:42 +08:00
destroyOnClose={true}
首页结构调整
2024-04-29 17:22:26 +08:00
title="个人信息"
footer={false}
onCancel={() => {
新增SSE
2024-07-29 19:48:37 +08:00
if (!globalContext.user.hasUserInfo) {
首页结构调整
2024-04-29 17:22:26 +08:00
messageApi.info('请完善个人信息');
return;
}
setIsSelfModalOpen(false)
修改
2024-07-29 17:22:42 +08:00
// console.log('用户信息',globalContext.user.hasUserInfo);
新增SSE
2024-07-29 19:48:37 +08:00
首页结构调整
2024-04-29 17:22:26 +08:00
}}>
完善页面功能
2024-03-26 21:09:41 +08:00
<UserEdit handleConfirm={(data) => {
modal.confirm({
修改密码
2024-03-27 11:04:38 +08:00
title: '提示',
完善页面功能
2024-03-26 21:09:41 +08:00
content: '确定保存吗？',
okText: '确认',
cancelText: '取消',
request修改多端口使用
2025-04-15 11:00:48 +08:00
centered: true,
完善页面功能
2024-03-26 21:09:41 +08:00
okButtonProps: {
style: {
backgroundColor: 'var(--color-primary)'
}
},
onOk: () => {
setIsSelfModalOpen(false);
put({
messageApi,
url: '/api/user-info/update-self',
body: data,
onBefore() {
setLoading(true);
},
onSuccess() {
messageApi.success('修改成功');
},
onFinally() {
setLoading(false);
}
})
修改密码
2024-03-27 11:04:38 +08:00
}
});
首页结构调整
2024-04-29 17:22:26 +08:00
}} />
修改密码
2024-03-27 11:04:38 +08:00
</Modal>
<Modal open={isPasswordModalOpen}
样式修改
2025-03-02 18:07:03 +08:00
centered
首页结构调整
2024-04-29 17:22:26 +08:00
title="修改密码"
footer={false}
onCancel={() => {
setIsPasswordModalOpen(false)
}}>
修改密码
2024-03-27 11:04:38 +08:00
<PasswordChange handleConfirm={(data) => {
modal.confirm({
title: '提示',
content: '确定修改吗？',
okText: '确认',
cancelText: '取消',
okButtonProps: {
style: {
backgroundColor: 'var(--color-primary)'
}
},
onOk: () => {
put({
messageApi,
url: '/api/user/update-password',
body: data,
onBefore() {
setLoading(true);
},
onSuccess() {
setIsPasswordModalOpen(false);
messageApi.success('修改成功，重新登录生效');
},
onFinally() {
setLoading(false);
}
})
完善页面功能
2024-03-26 21:09:41 +08:00
}
});
首页结构调整
2024-04-29 17:22:26 +08:00
}} />
完善页面功能
2024-03-26 21:09:41 +08:00
</Modal>
完成发票管理
2024-04-07 17:37:09 +08:00
<Modal open={isInvoiceModalOpen}
样式修改
2025-03-02 18:07:03 +08:00
centered
首页结构调整
2024-04-29 17:22:26 +08:00
title="发票管理"
开发票
2025-04-02 15:30:55 +08:00
width={1300}
首页结构调整
2024-04-29 17:22:26 +08:00
footer={false}
onCancel={() => setIsInvoiceModalOpen(false)}
开发票
2025-04-02 15:30:55 +08:00
destroyOnClose
充值
2024-04-01 20:39:22 +08:00
>
首页结构调整
2024-04-29 17:22:26 +08:00
<InvoiceList />
充值
2024-04-01 20:39:22 +08:00
</Modal>
产权所属者
2024-06-20 09:14:36 +08:00
<Modal title="知识产权所属者"
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
destroyOnClose
样式修改
2025-03-02 18:07:03 +08:00
centered
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
open={belongModal}
width={1200}
footer={null}
onCancel={() => {
修改
2024-07-31 16:00:30 +08:00
upBelongArray()
// getNewLength()
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
setBelongModal(false)
}}>
添加登陆操作流程
2024-07-05 13:38:59 +08:00
<BelongPeople closeModal={() => { setBelongModal(false) }} setBelongPeopleInfo={setBelongPeopleInfo} belongPeopleInfo={belongPeopleInfo} setValue={setValue} isShow={false} ></BelongPeople>
lyp
2024-06-21 16:18:01 +08:00
</Modal>
<Modal title="知识产权联系人"
destroyOnClose
样式修改
2025-03-02 18:07:03 +08:00
centered
lyp
2024-06-21 16:18:01 +08:00
open={contactModal}
width={1200}
footer={null}
onCancel={() => {
setContactModal(false)
}}>
修改
2024-07-29 17:22:42 +08:00
<ContactPeople isShow={false} closeModal={() => { setContactModal(false) }} setConcatPeopleInfo={setConcatPeopleInfo} concatPeopleInfo={concatPeopleInfo} setConcatValue={setConcatValue}></ContactPeople>
个人中心添加所属者弹窗
2024-06-19 11:08:39 +08:00
</Modal>
样式修改
2025-03-02 18:07:03 +08:00
<Modal title="套餐包"
destroyOnClose
centered
open={packageModal}
width={1000}
footer={null}
onCancel={() => {
setPackageModal(false)
样式修改
2025-03-03 16:51:42 +08:00
setPackPage(1);
样式修改
2025-03-02 18:07:03 +08:00
}}>
head显示套餐包
2025-03-11 14:06:21 +08:00
<Spin tip="加载中..." spinning={packloading} >
<Table
columns={packColumns}
dataSource={packList}
pagination={{
defaultPageSize: 10, // 设置默认一页显示 5 条数据,
current: packPage,
total: packTotal,
onChange: (page: number) => {
setPackPage(page);
套餐包样式修改
2025-03-13 10:06:40 +08:00
getPickList(page, '')
head显示套餐包
2025-03-11 14:06:21 +08:00
// console.log(page);
}
}}
rowKey="packageOrderId"
/>
</Spin>
样式修改
2025-03-02 18:07:03 +08:00
</Modal>
邀请码功能
2024-08-12 14:43:58 +08:00
<Modal title="邀请码"
destroyOnClose
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
centered
邀请码功能
2024-08-12 14:43:58 +08:00
open={invitationModal}
width={578}
footer={null}
onCancel={() => {
// getNewLength()
setinvitationModal(false)
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// setInvNum('')
样式修改
2024-08-16 10:27:29 +08:00
setInInvNum('')
邀请码功能
2024-08-12 14:43:58 +08:00
}}>
顶部样式修改
2024-08-12 17:15:23 +08:00
<Spin tip="加载中..." spinning={isLoading}>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
{/* <div className='invitation-box'> */}
head显示套餐包
2025-03-11 14:06:21 +08:00
{/* <div className='invBox-top'>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invBox-title'>
我的邀请码
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invBox-line'></div>
<div className='invBox-btn' onClick={() => {
getInvNum()
}} style={{ display: invNum || icStatus ? 'none' : 'block' }}>
点击申请
</div>
<div className='invBox-btnTwo' style={{ display: icStatus == 'PENDING' ? 'block' : 'none' }}>
正在申请中
</div>
<div className='invBox-btnthree' style={{ display: icStatus == 'REJECTED' ? 'block' : 'none' }}>
<div className='errorBox'>
<div className='errorBox-title'> 申请失败!</div>
<div className='errorBox-btn' onClick={() => {
getInvNum()
}}>重新申请</div>
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
</div>
<div className='invBox-Num' style={{ display: invNum ? 'block' : 'none' }}>
<div className='invNum-box'>
<div className='invNum'>
{invNum}
</div>
<div className='copyBtn' onClick={() => {
copyInvNum()
}}>
复制
</div>
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
</div>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
</div> */}
head显示套餐包
2025-03-11 14:06:21 +08:00
{/* <div className='invBox-top'>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
<div className='invBox-titleTop'
>
<span
onClick={() => {
getMyIcList()
setMyInvModal(true)
}}
style={{
cursor: 'pointer'
}}>查看我的邀请码</span>
</div>
<div className='invBox-lineTop'></div>
<div className='createInv'>
<span
onClick={() => {
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
getIcLimit()
}}
style={{
cursor: 'pointer'
}}>创建邀请码</span>
</div>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
</div> */}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
head显示套餐包
2025-03-11 14:06:21 +08:00
{/* <div className='invBox-bot'>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invBox-tips' >
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
样式修改
2024-08-14 16:22:29 +08:00
{icRebateRatio ?
(<div>
<div> 邀请码分享给他人，即可获得{icRebateRatio}%佣金</div>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
样式修改
2024-08-14 16:22:29 +08:00
</div>
)
: (<>邀请码分享给他人，即可获得佣金</>)}
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
邀请码功能
2024-08-12 14:43:58 +08:00
顶部样式修改
2024-08-12 17:15:23 +08:00
</div>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
邀请码功能
2024-08-12 14:43:58 +08:00
</div> */}
head显示套餐包
2025-03-11 14:06:21 +08:00
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
{/* </div> */}
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invitation-box'>
<div className='invBox-top'>
修改
2025-03-05 17:47:04 +08:00
<div className='invBox-title' style={{
fontSize: '24px',
width: bindingInvNum ? 264 : 362,
}}>
顶部样式修改
2024-08-12 17:15:23 +08:00
他人邀请码
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invBox-line'></div>
<div className='invBox-input' style={{ display: bindingInvNum ? 'none' : 'block' }}>
<div className='invInput'>
<Input value={inInvNum} style={{ width: 261, height: 60, borderRadius: 25, fontSize: 24, textAlign: 'center' }} onChange={(e) => {
setInInvNum(e.target.value)
}} />
<div className='invImg' onClick={() => {
postInvNum()
}}>
<img src={inv} alt="" style={{ width: 31, height: 30 }} />
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
</div>
</div>
邀请码显示修改
2025-03-03 10:38:30 +08:00
<div className='invBox-inputl' style={{ display: bindingInvNum ? 'block' : 'none' }}>
<div className='invInputl'>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invNum-box'>
<div className='invNum' >
{bindingInvNum}
</div>
{/* <div className='relieveBtn' onClick={() => {
邀请码功能
2024-08-12 14:43:58 +08:00
setRelieveModal(true)
}}>
解绑
</div> */}
顶部样式修改
2024-08-12 17:15:23 +08:00
</div>
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
</div>
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
<div className='invBox-bot'>
<div className='invBox-tips' >
{bindingInvNum ? '已绑定邀请码' : '输入他人的邀请码，即可获得相应优惠'}
</div>
邀请码功能
2024-08-12 14:43:58 +08:00
顶部样式修改
2024-08-12 17:15:23 +08:00
</div>
邀请码功能
2024-08-12 14:43:58 +08:00
</div>
顶部样式修改
2024-08-12 17:15:23 +08:00
</Spin>
邀请码功能
2024-08-12 14:43:58 +08:00
</Modal>
{/* <Modal title="提示"
okText="确认"
cancelText="取消"
destroyOnClose
open={relieveModal}
onOk={() => {
setBindingInvNum('')
setInInvNum('')
setRelieveModal(false)
}}
onCancel={() => {
setRelieveModal(false)
}}>
<div>
确定解绑当前邀请码吗?
</div>
</Modal> */}
<Modal title="我的订单"
footer={null}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
centered
邀请码功能
2024-08-12 14:43:58 +08:00
// okText="确认"
// cancelText="取消"
destroyOnClose
open={myorderModal}
// onOk={() => {
// setBindingInvNum('')
// setInInvNum('')
// setRelieveModal(false)
// }}
width={1500}
onCancel={() => {
setMyorderModal(false)
}}>
<MyOrder></MyOrder>
</Modal>
站内信消息通知
2024-08-13 18:06:34 +08:00
<Modal title="消息通知"
footer={null}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
centered
站内信消息通知
2024-08-13 18:06:34 +08:00
destroyOnClose
open={noticeModal}
width={1200}
onCancel={() => {
setNoticeModal(false)
getUnRead()
// setUnRead(0)
}}>
<NoticeModal></NoticeModal>
</Modal>
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
<Modal title="在线客服"
footer={null}
destroyOnClose
open={kfModal}
centered
width={450}
onCancel={() => {
setkfModal(false)
}}>
<div className='kfBox'>
<div className='kfTitle'>微信扫码咨询客服</div>
<div className='kfImg'>
<img src={kfImg} width={300} alt="" />
</div>
<div className='kfHttp' >
<span>若已登录电脑端，</span><span className='kfHttpText' onClick={
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
() => {
window.open('https://work.weixin.qq.com/kfid/kfc599f9d40b65ac392')
}
}>点击联系客服</span>
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
</div>
</div>
</Modal>
弹窗修改
2025-04-14 17:38:30 +08:00
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
{/* <Modal
弹窗修改
2025-04-14 17:38:30 +08:00
title="绑定手机号"
okText="确认"
cancelText="取消"
destroyOnClose={true}
footer={null}
open={isUpdateWxUsernamePhone}
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
弹窗修改
2025-04-14 17:38:30 +08:00
onCancel={() => {
setIsUpdateWxUsernamePhone(false);
dispath({
type: 'changePhoneModal',
val: false
})
getUserData()
}}
width={500}
centered
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
弹窗修改
2025-04-14 17:38:30 +08:00
>
<div className='phoneBox'>
<Form name="Form"
form={form}
onFinish={onFinish}
initialValues={{ softWare: '' }}
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
弹窗修改
2025-04-14 17:38:30 +08:00
>
<div className='phoneBoxInput'>
<div className='phoneBoxTitle'>手机号<span style={{ color: 'red' }}>*</span></div>
<Form.Item name="phone" label="" rules={[{ required: true, message: '请输入手机号' },
{
pattern: /^1[3-9]\d{9}$/,
message: '请输入有效的手机号'
}
]}>
<Input style={{
width: '300px',
height: '42px',
}} placeholder="请输入手机号" />
</Form.Item>
</div>
<div className='phoneBoxInput' style={{
position: 'relative',
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
弹窗修改
2025-04-14 17:38:30 +08:00
}}>
<div className='phoneBoxTitle'>验证码<span style={{ color: 'red' }}>*</span></div>
<Form.Item name="smsCode" label="" rules={[{ required: true, message: '请输入验证码' }]}>
<Input style={{
width: '300px',
height: '42px',
}} placeholder="请输入验证码" />
</Form.Item>
{countdown === 0 ? (
<div
style={{
position: 'absolute',
right: '0',
top: '0',
width: '90px',
height: '42px',
justifyContent: 'center',
alignItems: 'center',
display: 'flex',
cursor: 'pointer',
color: '#929292',
paddingRight: 10,
}}
onClick={sendCode}
>
发送验证码
</div>
) : (
<div
style={{
position: 'absolute',
right: '0',
top: '0',
width: '90px',
height: '42px',
justifyContent: 'center',
alignItems: 'center',
display: 'flex',
color: '#929292',
paddingRight: 10,
}}
>
倒计时 {countdown} 秒
</div>
)}
</div>
<div>
<Form.Item>
<Button type="primary" htmlType="submit">
提交
</Button>
</Form.Item>
</div>
</Form>
</div>
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
</Modal> */}
{/* 绑定手机号 */}
绑定手机号
2025-04-18 14:41:01 +08:00
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
<div style={{
display: isUpdateWxUsernamePhone ? 'block' : 'none',
position: 'fixed', // 固定定位
top: 0,
left: 0,
width: '100vw', // 宽度占满视口
height: '100vh', // 高度占满视口
backgroundColor: 'rgba(0, 0, 0, 0.5)', // 半透明黑色背景
zIndex: 100, // 确保在其他元素之上
}}>
绑定手机号
2025-04-18 14:41:01 +08:00
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
<div style={{
width: '100%',
height: '100%',
// background:'pink'
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}}>
绑定手机号
2025-04-18 14:41:01 +08:00
<Spin tip="正在绑定..." spinning={phoneloading} >
<div className='phoneMaskBox'>
<div className='phoneBoxLeft'>
<div
style={{
marginTop: 79,
marginLeft: 43
}}
>
<img src={title} alt="" width={79} height={27} />
</div>
<div
style={{
marginTop: 16,
marginLeft: 43
}}
>
<img src={titleB} alt="" width={109} height={17} />
</div>
<div
style={{
marginTop: 10,
marginLeft: 38,
}}
>
<img src={line} alt="" width={180} height={19} />
</div>
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
</div>
绑定手机号
2025-04-18 14:41:01 +08:00
<div className='phoneBoxRight'>
<div style={{
width: '100%',
fontSize: 20,
display: 'flex',
justifyContent: 'flex-end',
// height: 21,
// background: 'pink'
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
}}>
绑定手机号
2025-04-18 14:41:01 +08:00
<div style={{ cursor: 'pointer' }} onClick={() => {
setIsUpdateWxUsernamePhone(false);
dispath({
type: 'changePhoneModal',
val: false
})
getUserData()
}}>
<CloseOutlined />
</div>
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
绑定手机号
2025-04-18 14:41:01 +08:00
</div>
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
<div style={{
绑定手机号
2025-04-18 14:41:01 +08:00
// background:'pink',
width: '100%',
height: '100%',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center'
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
}}>
绑定手机号
2025-04-18 14:41:01 +08:00
<div className='phoneTitle'>您正在绑定手机号</div>
<div className='phoneTitleB'>绑定手机号后，您可以通过手机号码登录平台</div>
<div style={{
marginTop: 30
}}>
<Form name="Form"
form={form}
onFinish={onFinish}
initialValues={{ softWare: '' }}
// style={{ maxWidth: 600 }}
>
<div className='phoneBoxInput'>
<Form.Item name="phone" label="" rules={[{ required: true, message: '请输入手机号' },
{
pattern: /^1[3-9]\d{9}$/,
message: '请输入有效的手机号'
}
]}>
<Input style={{
width: '300px',
height: '42px',
fontSize: 16,
background: '#F7F7F7',
}} placeholder="请输入手机号" />
</Form.Item>
</div>
<div className='phoneBoxInput' style={{
}}>
<Form.Item name="smsCode" label="" rules={[{ required: true, message: '请输入验证码' }]}>
<Input style={{
width: '200px',
height: '42px',
fontSize: 16,
background: '#F7F7F7',
}} placeholder="请输入验证码" />
</Form.Item>
{countdown === 0 ? (
<div
className='sendCode'
// style={{
// width: '90px',
// height: '42px',
// justifyContent: 'center',
// alignItems: 'center',
// display: 'flex',
// cursor: 'pointer',
// color: '#929292',
// paddingRight: 10,
// }}
onClick={sendCode}
>
发送验证码
</div>
) : (
<div
className='sendCode'
style={{
cursor: 'unset',
}}
>
倒计时 {countdown} 秒
</div>
)}
</div>
<div>
<Form.Item>
<Button style={{
width: 300,
height: 42,
background: '#3B2C0D',
color: '#fff',
fontSize: 16,
borderRadius: 10,
marginTop: 20,
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
}}
绑定手机号
2025-04-18 14:41:01 +08:00
type="primary" htmlType="submit"
disabled={phoneloading}
>
{phoneloading? '正在绑定...' : '绑定'}
</Button>
</Form.Item>
</div>
</Form>
</div>
<div className='closeTitle' onClick={() => {
setIsUpdateWxUsernamePhone(false);
dispath({
type: 'changePhoneModal',
val: false
})
getUserData()
}}>跳过，下次再说</div>
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
</div>
</div>
</div>
绑定手机号
2025-04-18 14:41:01 +08:00
</Spin>
绑定手机号样式修改
2025-04-15 15:42:16 +08:00
</div>
</div>
优惠券暂存
2024-09-02 16:41:02 +08:00
{/* <Modal title="优惠券"
暂存
2024-08-30 15:53:34 +08:00
footer={null}
destroyOnClose
open={couponModal}
width={809}
onCancel={() => {
优惠券暂存
2024-09-02 16:41:02 +08:00
// setCouponModal(false)
暂存
2024-08-30 15:53:34 +08:00
// setUnRead(0)
}}>
优惠券暂存
2024-09-02 16:41:02 +08:00
<HeadCouponModal closeModal={() => {
// setCouponModal(false)
}}></HeadCouponModal>
</Modal> */}
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
{/* <Modal title="我的邀请码"
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// footer={null}
centered
destroyOnClose
open={myInvModal}
footer={null}
width={1000}
onCancel={() => {
setMyInvModal(false)
优惠券暂存
2024-09-02 16:41:02 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
}}>
<Spin tip="加载中..." spinning={icListLoading}>
<div>
<Table columns={columns} dataSource={myIcList}
pagination={false}
bordered
key="usericId"
rowKey="usericId"
locale={{
emptyText: () => {
return (
<div style={{
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: 300,
}}>
<Empty description="暂无邀请码" />
</div>
)
},
}}
/>
</div>
</Spin>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
</Modal> */}
{/* <Modal title="创建邀请码"
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// footer={null}
centered
destroyOnClose
open={createInvModal}
footer={null}
width={400}
onCancel={() => {
setCreateInvModal(false)
}}>
<div style={{
paddingTop: 20,
}}>
<Spin tip="加载中..." spinning={icListLoading}>
<Form
name="basic"
// labelCol={{ span: 8 }}
// wrapperCol={{ span: 16 }}
// style={{ maxWidth: 600 }}
initialValues={{ remember: true }}
onFinish={onFinish}
// onFinishFailed={onFinishFailed}
autoComplete="off"
> <div style={{
display: 'flex',
// alignItems:'center',
justifyContent: "center"
}}>
<div style={{ fontSize: 16, height: 40, lineHeight: "40px", marginRight: 5, textWrap: "nowrap" }}> <span style={{ color: 'red' }}>*</span> 全托管价格</div>
<Form.Item<FieldType>
// label={
// <div style={{ fontSize: 16 }}>全托管价格</div>
// }
name="icPriceAll"
rules={[
{ required: true, message: '请输入写全托管价格' },
{
validator: (_, value) => {
if (value && Number(value) < minAllPrice) {
return Promise.reject(new Error(`全托管价格不能小于${minAllPrice}`));
}
return Promise.resolve();
},
},
]}
>
<InputNumber
size="large"
// min={minAllPrice}
style={{ width: 250 }}
placeholder={`全托管价格不能小于${minAllPrice}元`}
/>
</Form.Item>
</div>
<div style={{
display: 'flex',
// alignItems:'center',
justifyContent: "center"
}}>
<div style={{ fontSize: 16, height: 40, lineHeight: "40px", marginRight: 5, textWrap: "nowrap" }}> <span style={{ color: 'red' }}>*</span> 写材料价格</div>
<Form.Item<FieldType>
// label={
// <div style={{ fontSize: 16 }}>写材料价格</div>
// }
name="icPriceMaterial"
rules={[
{ required: true, message: '请输入写材料价格' },
{
validator: (_, value) => {
if (value && Number(value) < minMaterialPrice) {
return Promise.reject(new Error(`写材料价格不能小于${minMaterialPrice}`));
}
return Promise.resolve();
},
},
]}
>
<InputNumber
// min={minMaterialPrice}
size="large"
placeholder={`写材料价格不能小于${minMaterialPrice}元`}
style={{ width: 250 }} />
</Form.Item>
</div>
<Form.Item label={null}>
<div style={{
// background:'pink',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
marginTop: 20,
}}>
<Button type="primary" htmlType="submit" block size={'large'} >
创建邀请码
</Button>
</div>
</Form.Item>
</Form>
</Spin>
</div>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
</Modal> */}
{/* <Modal title={`邀请码${selectIc}使用用户`}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// footer={null}
centered
destroyOnClose
open={icModal}
footer={null}
width={1000}
onCancel={() => {
setIcModal(false)
}}>
<Spin tip="加载中..." spinning={icListLoading}>
<Table columns={icColumns} dataSource={icList}
pagination={
{
pageSize: 10,
total: total,
onChange: (currentPage) => {
setPage(currentPage);
getIcUserInfo(selectIc, currentPage)
},
showSizeChanger: false,
current: page
}
}
bordered
key="userInfoId"
rowKey="userInfoId"
locale={{
emptyText: () => {
return (
<div style={{
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: 300,
}}>
<Empty description="暂无使用用户" />
</div>
)
},
}}
/>
</Spin>
隐藏创建邀请码
2025-03-07 10:58:17 +08:00
</Modal> */}
首页结构调整
2024-04-29 17:22:26 +08:00
<Spin tip="正在提交..." spinning={loading} fullscreen />
完善页面功能
2024-03-26 21:09:41 +08:00
{contextHolder}
{modalHolder}
</>
fc
2024-03-11 19:13:42 +08:00
)
}
Reference in New Issue Copy Permalink