Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
b50a400fa0
system-copyright-react/src/components/card/CardProj.tsx

1634 lines
76 KiB
TypeScript
Raw Normal View History

开发票
2025-04-03 10:52:18 +08:00
完善页面
2024-03-13 16:11:28 +08:00
import './card-proj.css';
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
// import { useDispatch } from 'react-redux'
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
import { GlobalDispatchContext, reloadUser } from "../../context/GlobalContext.ts";
对接接口
2024-03-19 19:19:07 +08:00
import {
完善页面功能
2024-03-26 21:09:41 +08:00
CheckOutlined,
ClockCircleOutlined,
eslint
2024-08-01 16:53:23 +08:00
CloseCircleOutlined,
DownloadOutlined,
对接接口
2024-03-19 19:19:07 +08:00
EditOutlined,
EyeOutlined,
完善页面功能
2024-03-26 21:09:41 +08:00
LoadingOutlined,
对接接口
2024-03-19 19:19:07 +08:00
SearchOutlined,
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
WarningOutlined,
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
RedoOutlined,
CloseOutlined
对接接口
2024-03-19 19:19:07 +08:00
} from '@ant-design/icons';
样式修改
2025-03-02 14:33:51 +08:00
import { Button, Tag, Modal, Carousel, Dropdown } from 'antd';
import type { MenuProps } from 'antd';
eslint
2024-08-30 16:14:54 +08:00
import { GenerateStatus } from "../../interfaces/proj/IProj.ts";
首页结构调整
2024-04-29 17:22:26 +08:00
import { useNavigate } from "react-router-dom";
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
import { Axios, post, downloadUrl, get, del } from "../../util/AjaxUtils.ts";
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
import { useEffect, useState, useContext } from "react";
充值
2024-04-01 20:39:22 +08:00
import useMessage from "antd/es/message/useMessage";
更改
2025-05-07 14:25:17 +08:00
import setImg from '@theme/img/right/set.png'
import orderImg from '@theme/img/right/order.png'
import menuImg from '@theme/img/right/menu.png'
lyp
2024-06-17 16:35:28 +08:00
// import LoginPage from '../../components/LoginPage/LoginPage.tsx'
import LoginPage from '../../route/proj/edit/ProjConfigLoginpage.tsx'
// import LoginPageShow from '../../components/LoginPageShow/LoginPageShow.tsx'
import LoginPageShow from '../../route/proj/edit/ProjConfigLoginpageShow.tsx'
暂存
2024-05-28 18:00:42 +08:00
import SoftwareManagement from '../../route/proj/edit/ProjConfigModList.tsx'
import SoftwareManagementShow from '../../route/proj/edit/ProjConfigModListShow.tsx'
import DisplayOrder from '../../route/proj/edit/ProjConfigMenuList.tsx'
import DisplayOrderShow from '../../route/proj/edit/ProjConfigMenuListShow.tsx'
暂存
2024-07-15 16:58:47 +08:00
export default function CardProj(props: any) {
暂存
2025-09-04 17:57:04 +08:00
// 高新材料申请--------------------------------------------------------------------------------
const [highTechModal, setHighTechModal] = useState(false)
const highTechButtonArray = [
{
name: '立项申请',
key: '1'
},
{
name: '项目验收',
key: '2'
},
]
const [highTechButtonKey, setHighTechButtonKey] = useState('1')
// -------------------------------------------------------------------------------------------------
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
const globalDispatchContext = useContext(GlobalDispatchContext);
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
const height = window.innerHeight - 250;
// 下载等待弹窗
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
const [downModal, setDownModal] = useState(false)
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
// 是否已经点击下载按钮
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
const [hasDown, setHasDown] = useState(false)
// 是否可以关闭等待下载弹窗
减少请求次数
2024-08-01 08:36:15 +08:00
// // 选项数组
// const [tagArray, setTagArray] = useState([])
// // 获取标签
// const getTag = () => {
// get({
// messageApi,
// url: `/api/proj/tag/list-tag`,
// onBefore() {
添加标签
2024-07-31 18:41:25 +08:00
减少请求次数
2024-08-01 08:36:15 +08:00
// },
// onSuccess(data: any) {
// // console.log('标签信息', data);
// const newarrty: any = (data.data).map((item: any) => ({
// value: item.key,
// label: item.value
// }));
// // console.log('标签信息', newarrty);
添加标签
2024-07-31 18:41:25 +08:00
减少请求次数
2024-08-01 08:36:15 +08:00
// setTagArray(newarrty)
添加标签
2024-07-31 18:41:25 +08:00
减少请求次数
2024-08-01 08:36:15 +08:00
// },
// onFinally() {
添加标签
2024-07-31 18:41:25 +08:00
减少请求次数
2024-08-01 08:36:15 +08:00
// }
// })
// }
动态选择标签
2024-08-01 11:15:33 +08:00
const data = props.item;
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
// const [data, setData] = useState(props.item);
优惠券暂存
2024-09-02 16:41:02 +08:00
// data.generate.generateStatus == GenerateStatus.SUCCESS ?'查看':'编辑'
动态选择标签
2024-08-01 11:15:33 +08:00
const [tagIdArray, setTagIdArray] = useState(data.tagDataIds)
添加提醒标签
2024-11-04 11:55:51 +08:00
const [RemindIdArray, setRemindIdArray] = useState(data.projRemindIds)
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
const [showBuyPic, setShowBuyPic] = useState(data.projPkg.payStatus == 'UNPAID' ? true : false) //显示购买安装包
const [showBuyPicIng, setShowBuyPicIng] = useState(data.projPkg.pkgStatus == 'PKGING' ? true : false) //显示安装包正在打包
const [showBuyPicAgain, setShowBuyPicAgain] = useState(data.projPkg.pkgStatus == 'SUCCESS') //显示重新购买安装包
const [showBuyPicError, setShowBuyPicError] = useState(data.projPkg.pkgStatus == 'FAIL' ? true : false) //显示安装包打包失败
const [showBuyVideo, setShowBuyVideo] = useState(data.projVideo.payStatus == 'UNPAID' ? true : false) //显示购买视频
const [showBuyVideoIng, setShowBuyVideoIng] = useState(data.projVideo.videoStatus == 'PKGING' ? true : false) //显示视频正在打包
const [showBuyVideoAgain, setShowBuyVideoAgain] = useState(data.projVideo.videoStatus == 'SUCCESS' ? true : false) //显示重新购买视频
const [showBuyVideoError, setShowBuyVideoError] = useState(data.projVideo.videoStatus == 'FAIL' ? true : false) //显示视频打包失败
// const [showBuyPic, setShowBuyPic] = useState(true) //显示购买安装包
// const [showBuyPicIng, setShowBuyPicIng] = useState(false) //显示安装包正在打包
// const [showBuyPicAgain, setShowBuyPicAgain] = useState(false) //显示重新购买安装包
const [buyModalShow, setBuyModalShow] = useState(false) //显示购买安装包提示弹窗
const [buyVideoModalShow, setBuyVideoModalShow] = useState(false) //显示购买视频提示弹窗
// const [pkgPrice, setPkgPrice] = useState(0) //安装包价格
// const [videoPrice, setVideoPrice] = useState(0) //视频价格
// const getPrice = () => {
// get<any>({
// messageApi: messageApi,
// url: '/api/proj/charge/get',
// onSuccess({ data }) {
// console.log('获取价格', data.additional.pkg/100,data.additional.videoDemo/100);
// setPkgPrice(data.additional.pkg/100)
// setVideoPrice(data.additional.videoDemo/100)
// }
// })
// }
// 付款安装包
const payPkg = () => {
post<any>({
messageApi,
url: `/api/proj/pkg/save-pkg/proj-id/${projId}`,
onBefore() {
},
onSuccess() {
reloadUser(messageApi, globalDispatchContext).then(() => {
messageApi.success('扣款成功');
setShowBuyPic(false);
setShowBuyPicIng(true);
setBuyModalShow(false);
setShowBuyPicAgain(false)
});
},
暂存
2025-09-04 17:57:04 +08:00
// onError(error) {
// messageApi.error(error.message);
// },
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
onFinally() {
}
})
}
// 重新打包安装包
const againPkg = () => {
post<any>({
messageApi,
url: `/api/proj/pkg/save-pkg/proj-id/${projId}`,
onBefore() {
},
onSuccess() {
messageApi.success('重新打包安装包');
setShowBuyPic(false);
setShowBuyPicIng(true);
setBuyModalShow(false);
setShowBuyPicAgain(false)
setShowBuyPicError(false)
},
onFinally() {
}
})
}
// 付款视频
const payVideo = () => {
post<any>({
messageApi,
url: `/api/proj/video/save-pkg/proj-id/${projId}`,
onBefore() {
添加提醒标签
2024-11-04 11:55:51 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
},
onSuccess() {
reloadUser(messageApi, globalDispatchContext).then(() => {
messageApi.success('扣款成功');
setShowBuyVideo(false);
setShowBuyVideoIng(true);
setBuyVideoModalShow(false);
setShowBuyVideoAgain(false)
});
添加提醒标签
2024-11-04 11:55:51 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
},
onFinally() {
添加提醒标签
2024-11-04 11:55:51 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
}
})
}
// 重新打包视频
const againVideo = () => {
post<any>({
messageApi,
url: `/api/proj/video/save-pkg/proj-id/${projId}`,
onBefore() {
},
onSuccess() {
messageApi.success('重新打包演示视频');
setShowBuyVideo(false);
setShowBuyVideoIng(true);
setBuyVideoModalShow(false);
setShowBuyVideoAgain(false)
setShowBuyVideoError(false)
},
onFinally() {
}
})
}
// 点击刷新页面数据获取安装包状态
const upData = () => {
get<any>({
messageApi: messageApi,
url: `api/proj/pkg/get/proj-id/${projId}`,
onSuccess({ data }) {
// console.log(data);
if (data.pkgStatus == 'SUCCESS') {
messageApi.success('安装包生成完毕,请下载');
setShowBuyPicAgain(true)
setShowBuyPicIng(false)
} else if (data.pkgStatus == 'FAIL') {
messageApi.error('安装包打包失败,点击重新打包');
setShowBuyPicError(true)
setShowBuyPicIng(false)
} else {
messageApi.error('安装包正在生成,请稍后');
}
}
})
}
// 点击刷新页面数据获取演示视频状态
const upVideoData = () => {
get<any>({
messageApi: messageApi,
url: `api/proj/video/get/proj-id/${projId}`,
onSuccess({ data }) {
// console.log(data);
if (data.videoStatus == 'SUCCESS') {
messageApi.success('演示视频生成完毕,请下载');
setShowBuyVideoAgain(true)
setShowBuyVideoIng(false)
} else if (data.videoStatus == 'FAIL') {
messageApi.error('演示视频打包失败,点击重新打包');
setShowBuyPicError(true)
setShowBuyVideoIng(false)
样式修改
2025-03-02 14:33:51 +08:00
} else {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
messageApi.error('演示视频正在生成,请稍后');
}
}
})
}
添加提醒标签
2024-11-04 11:55:51 +08:00
const downAll = (projId: string, name: string) => {
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
setHasDown(true)
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
if (!hasDown) {
添加下载全部文件功能
2024-10-29 10:28:55 +08:00
get({
messageApi,
url: `/route/proj/download/all/${projId}`,
config: {
responseType: 'blob' // 指定响应类型为 blob
},
onBefore() {
setDownModal(true); // 打开下载模态框
setHasDown(true); // 设置正在下载状态
},
添加提醒标签
2024-11-04 11:55:51 +08:00
onSuccess(data: any) {
添加下载全部文件功能
2024-10-29 10:28:55 +08:00
// 处理下载成功的逻辑
const blob = new Blob([data.data]); // 创建 Blob 对象
const url = window.URL.createObjectURL(blob); // 创建下载链接
const link = document.createElement('a'); // 创建临时的 <a> 元素
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
link.href = url;
link.setAttribute('download', `${name}全部资料.zip`); // 设置下载文件的名称
document.body.appendChild(link);
link.click(); // 触发下载
document.body.removeChild(link); // 下载完成后移除 <a> 元素
添加下载全部文件功能
2024-10-29 10:28:55 +08:00
// 释放 URL 对象，建议在用户确认下载完成后解除
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
// window.URL.revokeObjectURL(url);
添加下载全部文件功能
2024-10-29 10:28:55 +08:00
},
onFinally() {
// 在请求完成后（成功或失败）都会执行
setHasDown(false); // 重置 hasDown 状态
setDownModal(false); // 关闭模态框
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
}
添加下载全部文件功能
2024-10-29 10:28:55 +08:00
})
添加提醒标签
2024-11-04 11:55:51 +08:00
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
} else {
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
setDownModal(true);
}
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
};
添加标签
2024-07-31 18:41:25 +08:00
// 更新标签状态
动态选择标签
2024-08-01 11:15:33 +08:00
const upTag = (dataId: string, projId: string) => {
添加标签
2024-07-31 18:41:25 +08:00
post<any>({
messageApi,
url: `/api/proj/tag/save-or-delete`,
body: {
dataId,
projId
},
onBefore() {
动态选择标签
2024-08-01 11:15:33 +08:00
添加标签
2024-07-31 18:41:25 +08:00
},
动态选择标签
2024-08-01 11:15:33 +08:00
onSuccess(data) {
// console.log(data.data.data);
// props.upData
// props.updata()
// setTagStatus(data.data.data)
// 根据返回的状态更新 tagIdArray
if (data.data.data === 'SAVE') {
setTagIdArray((prevArray: any) => [...prevArray, dataId]);
} else if (data.data.data === 'DELETE') {
setTagIdArray((prevArray: any[]) => prevArray.filter(id => id !== dataId));
}
添加标签
2024-07-31 18:41:25 +08:00
},
onFinally() {
动态选择标签
2024-08-01 11:15:33 +08:00
添加标签
2024-07-31 18:41:25 +08:00
}
})
}
添加提醒标签
2024-11-04 11:55:51 +08:00
// 保存提示标签
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
const saveRemind = (projRemindId: string, projId: string) => {
添加提醒标签
2024-11-04 11:55:51 +08:00
post<any>({
messageApi,
url: `/api/proj/remind/task/save`,
body: {
projRemindId,
projId
},
onBefore() {
},
onSuccess() {
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
添加提醒标签
2024-11-04 11:55:51 +08:00
setRemindIdArray((prevArray: any) => [...prevArray, projRemindId]);
},
onFinally() {
}
})
}
// 删除提示标签
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
const deleteRemind = (projRemindId: string, projId: string) => {
添加提醒标签
2024-11-04 11:55:51 +08:00
// setRemindIdArray((prevArray: any[]) => prevArray.filter(id => id !== projRemindId));
del<any>({
messageApi,
url: `/api/proj/remind/task/delete/proj-id/${projId}/proj-remind-id/${projRemindId}`,
onSuccess() {
setRemindIdArray((prevArray: any[]) => prevArray.filter(id => id !== projRemindId));
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
添加提醒标签
2024-11-04 11:55:51 +08:00
}
})
}
动态选择标签
2024-08-01 11:15:33 +08:00
// 更改data加入数组
// const upData = (tagId:string) => {
// if(tagStatus=='SAVE'){
// setTagIdArray(tagIdArray.push(tagId))
// }
// }
暂存
2024-05-28 18:00:42 +08:00
// 第四步 登陆页面设置
const [loginPageOpne, setLoginPageOpne] = useState(false)
const [loginPageShowOpne, setLoginPageShowOpne] = useState(false)
完善页面功能
2024-03-26 21:09:41 +08:00
const nav = useNavigate();
暂存
2024-05-28 18:00:42 +08:00
// 第五步 软件功能管理
const [softwareManagementOpen, setSoftwareManagementOpen] = useState(false)
const [softwareManagementShowOpen, setSoftwareManagementShowOpen] = useState(false)
lyp
2024-05-23 18:21:31 +08:00
// const [showZpi,setShowZpi] = useState(false)
暂存
2024-05-28 18:00:42 +08:00
// 第六步 显示顺序
const [displayOrderOpen, setDisplayOrderOpen] = useState(false)
const [displayOrderShowOpen, setDisplayOrderShowOpen] = useState(false)
动态选择标签
2024-08-01 11:15:33 +08:00
套餐包及充值
2025-03-02 12:25:55 +08:00
// const pkg = data.pay.chargeAdditionals.match(/PKG:(\d+)/);
// const video = data.pay.chargeAdditionals.match(/VIDEO_DEMO:(\d+)/);
修改
2024-07-31 16:00:30 +08:00
const URGENT = data.pay.chargeAdditionals.match(/URGENT:(\d+)/);
// 基础服务费
// const basics = data.pay.charge.match(/:(\d+)/);
套餐包及充值
2025-03-02 12:25:55 +08:00
// const pkgValue: number | null = pkg ? parseInt(pkg[1], 10) / 100 : null;
// const videoDemoValue: number | null = video ? parseInt(video[1], 10) / 100 : null;
修改
2024-07-31 16:00:30 +08:00
const URGENTvalue: number | null = URGENT ? parseInt(URGENT[1], 10) / 100 : null;
// const basicsValue: number | null = basics ? parseInt(basics[1], 10)/100 : null;
暂存
2024-05-28 18:00:42 +08:00
const [projId] = useState(data.projId)
接口键名修改
2024-08-28 11:21:51 +08:00
// 修改
套餐包及充值
2025-03-02 12:25:55 +08:00
// const isShow = data.pay.chargeAdditionals.includes('PKG') || data.pay.chargeType == 'ALL'
接口键名修改
2024-08-28 11:21:51 +08:00
暂存
2024-05-28 18:00:42 +08:00
充值
2024-04-01 20:39:22 +08:00
const [messageApi, messageContext] = useMessage();
减少请求次数
2024-08-01 08:36:15 +08:00
// const [projCategoryId, setProjCategoryId] = useState(data.projCategoryId);
// const [projCategoryName, setProjCategoryName] = useState(data.projCategoryName);
接口键名修改
2024-08-28 11:21:51 +08:00
// const [charge, setCharge] = useState('');
处理问题
2024-04-12 14:12:38 +08:00
const [payCharge, setPayCharge] = useState('');
减少请求次数
2024-08-01 08:36:15 +08:00
// const indexListContext = useContext(IndexListContext);
对接接口
2024-03-19 19:19:07 +08:00
/**
* 生成状态
*/
const renderGenerateStatus = () => {
完善页面功能
2024-03-26 21:09:41 +08:00
if (data.generate.generateStatus == GenerateStatus.PENDING) {
首页结构调整
2024-04-29 17:22:26 +08:00
return <Tag color="cyan"><ClockCircleOutlined /> 等待生成</Tag>
对接接口
2024-03-19 19:19:07 +08:00
}
完善页面功能
2024-03-26 21:09:41 +08:00
if (data.generate.generateStatus == GenerateStatus.GENERATING) {
首页结构调整
2024-04-29 17:22:26 +08:00
return <Tag color="magenta"><LoadingOutlined /> 正在生成</Tag>
对接接口
2024-03-19 19:19:07 +08:00
}
完善页面功能
2024-03-26 21:09:41 +08:00
if (data.generate.generateStatus == GenerateStatus.SUCCESS) {
首页结构调整
2024-04-29 17:22:26 +08:00
return <Tag color="green"><CheckOutlined /> 生成成功</Tag>
对接接口
2024-03-19 19:19:07 +08:00
}
完善页面功能
2024-03-26 21:09:41 +08:00
if (data.generate.generateStatus == GenerateStatus.FAILED) {
首页结构调整
2024-04-29 17:22:26 +08:00
return <Tag color="red"><WarningOutlined /> 生成失败</Tag>
对接接口
2024-03-19 19:19:07 +08:00
}
完善页面功能
2024-03-26 21:09:41 +08:00
if (data.generate.generateStatus == GenerateStatus.NONE) {
对接接口
2024-03-19 19:19:07 +08:00
return <Tag color="cyan">未生成</Tag>
}
首页结构调整
2024-04-29 17:22:26 +08:00
return <Tag color="red"><CloseCircleOutlined /> 错误</Tag>
对接接口
2024-03-19 19:19:07 +08:00
}
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
// const dispath = useDispatch()
调整页面
2024-04-12 18:18:14 +08:00
const goEdit = () => {
lyp
2024-08-29 17:56:39 +08:00
if (data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' || data.pay.payStatus == 'CORRECTION2_REFUND' || data.pay.payStatus == 'CORRECTION1_REFUND') {
if (data.pay.chargeType == 'ALL') {
nav(`/proj-eall/${data.projId}`);
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
// dispath({
// type: 'upProjName',
// val: data.projName
// })
// dispath({
// type: 'upProjStatus',
// val: data.generate.generateStatus == GenerateStatus.SUCCESS ? '查看' : '编辑'
// })
sessionStorage.setItem('projName', data.projName);
sessionStorage.setItem('projStatus', data.generate.generateStatus == GenerateStatus.SUCCESS ? '查看' : '编辑');
// sessionStorage.setItem('projStatus', '查看' );
lyp
2024-08-29 17:56:39 +08:00
} else if (data.pay.chargeType == 'FREE') {
nav(`/proj-efree/${data.projId}`);
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
// dispath({
// type: 'upProjName',
// val: data.projName
// })
// dispath({
// type: 'upProjStatus',
// val: data.generate.generateStatus == GenerateStatus.SUCCESS ? '查看' : '编辑'
// })
sessionStorage.setItem('projName', data.projName);
sessionStorage.setItem('projStatus', data.generate.generateStatus == GenerateStatus.SUCCESS ? '查看' : '编辑');
lyp
2024-08-29 17:56:39 +08:00
} else {
nav(`/proj-edit/${data.projId}`);
添加在线客服修改合同等
2025-01-19 10:19:11 +08:00
// dispath({
// type: 'upProjName',
// val: data.projName
// })
// dispath({
// type: 'upProjStatus',
// val: data.generate.generateStatus == GenerateStatus.SUCCESS ? '查看' : '编辑'
// })
//将data.projName储存到缓sessionStorage存里面 key为projName
sessionStorage.setItem('projName', data.projName);
sessionStorage.setItem('projStatus', data.generate.generateStatus == GenerateStatus.SUCCESS ? '查看' : '编辑');
修改
2025-01-20 15:24:23 +08:00
lyp
2024-08-29 17:56:39 +08:00
}
调整页面
2024-04-12 18:18:14 +08:00
}
lyp
2024-08-29 17:56:39 +08:00
调整页面
2024-04-12 18:18:14 +08:00
}
样式修改
2025-03-02 14:33:51 +08:00
const applyItems: MenuProps['items'] = [
{
key: '1',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Word
</div>
),
},
{
key: '2',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply-txt/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
TxT
</div>
),
},
]
const manualItems: MenuProps['items'] = [
{
key: '1',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Word
</div>
),
},
{
key: '2',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/pdf/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Pdf
</div>
),
调整页面
2024-04-12 18:18:14 +08:00
样式修改
2025-03-02 14:33:51 +08:00
},
]
const codeItems: MenuProps['items'] = [
{
key: '1',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Word
</div>
),
},
{
key: '2',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/pdf/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Pdf
</div>
),
},
]
处理问题
2024-04-12 14:12:38 +08:00
useEffect(() => {
接口键名修改
2024-08-28 11:21:51 +08:00
// 修改
// const charge = props.item.pay.charge.split(':')[0];
处理问题
2024-04-12 14:12:38 +08:00
let chargeName = '';
接口键名修改
2024-08-28 11:21:51 +08:00
if (data.pay.chargeType == 'ALL') {
处理问题
2024-04-12 14:12:38 +08:00
chargeName = '全托管';
lyp
2024-08-29 17:56:39 +08:00
} else if (data.pay.chargeType == 'MATERIAL_AGENT') {
处理问题
2024-04-12 14:12:38 +08:00
chargeName = '写材料+代理';
接口键名修改
2024-08-28 11:21:51 +08:00
} else if (data.pay.chargeType == 'MATERIAL_AGENT_URGENT') {
处理问题
2024-04-12 14:12:38 +08:00
chargeName = '写材料+代理(加急)';
接口键名修改
2024-08-28 11:21:51 +08:00
} else if (data.pay.chargeType == 'MATERIAL') {
处理问题
2024-04-12 14:12:38 +08:00
chargeName = '写材料';
} else {
chargeName = '免费试用';
}
接口键名修改
2024-08-28 11:21:51 +08:00
// data.pay.chargeType
// setCharge(charge)
处理问题
2024-04-12 14:12:38 +08:00
setPayCharge(chargeName);
修改
2024-07-31 16:00:30 +08:00
// console.log('额外收费安装包',pkgValue);
// console.log('额外收费视频',videoDemoValue);
// console.log('额外收费加急',URGENTvalue);
// console.log('基础服务费',basicsValue);
减少请求次数
2024-08-01 08:36:15 +08:00
// getTag()
订单属性增加
2024-08-27 18:29:20 +08:00
// console.log('查看数据', data);
// console.log('查看状态', data.pay.payStatus);
处理问题
2024-04-12 14:12:38 +08:00
}, [])
完善页面
2024-03-13 16:11:28 +08:00
return (
充值
2024-04-01 20:39:22 +08:00
<>
<div className="card-proj">
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<div className='cp-top'>
<div className='cpt-left'>
<div className='dottedLine'></div>
<div className='cpt-title' onClick={goEdit}>{data.projName}</div>
订单属性增加
2024-08-27 18:29:20 +08:00
<div className='cp-tag'
style={{
background: payCharge == '全托管' ? '#6bd2b4' : payCharge == '免费试用' ? '#ff9226' : payCharge == '写材料' ? '#5279f4' : '', color: '#fff',
display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'unset' : 'none'
}}>
{payCharge}
</div>
<div className='cp-tag'
style={{
background: '#8a8a8a', color: '#fff',
display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'none' : 'unset'
}}>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{payCharge}
</div>
<div className='cp-num'>
编号：{data.projContext}
</div>
<div className='cp-smallLine'>
</div>
<div className='cp-time'>
{data.gmtCreate}
</div>
添加提醒标签
2024-11-04 11:55:51 +08:00
{/* 标签 */}
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
<div className='selectTagmax'>
{props.tagArray.map((item: any) => {
非标签添加
2024-12-31 18:31:06 +08:00
const [part1, part2] = item.value.split(':');
if (part2 == 'TAG_NOT') {
return (
// <div className='proj-progress' key={part1} style={{
// border: ' 1px dashed #5a5a5a',
// // display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'block' : 'none'
// marginBottom: 10,
// // 禁止换行
// textWrap: 'nowrap'
// }}
// >
// {item.label}
// {/* 提交版权中心 */}
// </div>
<div key={item.value}></div>
);
} else {
return (
<div className='proj-progress' key={item.value} style={{
更改
2025-05-07 14:25:17 +08:00
background: tagIdArray.includes(part1) ? 'var(--color-tagactive)' : '',
非标签添加
2024-12-31 18:31:06 +08:00
color: tagIdArray.includes(part1) ? '#ffffff' : '#5a5a5a',
更改
2025-05-07 14:25:17 +08:00
border: tagIdArray.includes(part1) ? ' 1px solid var(--color-tagactive)' : ' 1px solid #5a5a5a',
非标签添加
2024-12-31 18:31:06 +08:00
// display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'block' : 'none'
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
}}
非标签添加
2024-12-31 18:31:06 +08:00
onClick={() => {
// console.log('查看数据', item.value);
upTag(part1, data.projId)
// upData(item.value)
// props.updata()
}}
>
{item.label}
</div>
)
}
动态选择标签
2024-08-01 11:15:33 +08:00
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
})}
</div>
暂存
2025-09-04 17:57:04 +08:00
<Button style={{
height: 30,
marginLeft: 10,
background: 'var(--color-tagedit)',
color: '#fff',
}}
onClick={() => setHighTechModal(true)}
>
高新材料申请
</Button>
修改
2024-07-31 16:00:30 +08:00
</div>
添加标签
2024-07-31 18:41:25 +08:00
修改
2024-07-31 16:00:30 +08:00
{/* <div style={{ display: payCharge !== '全托管' ? 'block' : 'none' }}>
<div className='proj-progress' style={{display:data.progress?'block':'none'}}>
{data.progress == 'DONE' ? '已完成' : data.progress == 'SUBMIT_FOR_REVIEW' ? '已提交版权中心' : data.progress == 'PRODUCTION' ? '正在制作中' : '等待制作中'}
</div>
</div> */}
lyp
2024-08-29 17:56:39 +08:00
<div className='cpt-right' style={{ display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' || data.pay.payStatus == 'CORRECTION2_REFUND' || data.pay.payStatus == 'CORRECTION1_REFUND' ? 'block' : 'none' }}>
修改
2024-07-31 16:00:30 +08:00
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{
data.generate.generateStatus == GenerateStatus.SUCCESS ? (
修改
2025-01-20 15:24:23 +08:00
<span className="cpt-text-btn" onClick={goEdit}>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<SearchOutlined />
修改
2025-01-20 15:24:23 +08:00
<span className='text-btn' >查看</span>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</span>
) : (
修改
2025-01-20 15:24:23 +08:00
<span className="cpt-text-btn" onClick={goEdit}>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<EditOutlined />
修改
2025-01-20 15:24:23 +08:00
<span className='text-btn' >编辑</span>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</span>
)
}
lyp
2024-08-29 17:56:39 +08:00
<span className='orignLine' style={{ display: data.projStatus == 'EXPIRED' || data.pay.payStatus == 'CORRECTION2_REFUND' ? 'none' : 'unset' }}>|</span>
<span className="cpt-text-btn" style={{ display: data.projStatus == 'EXPIRED' || data.pay.payStatus == 'CORRECTION2_REFUND' ? 'none' : 'unset' }}>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
<EyeOutlined onClick={() => {
window.open(`${Axios.defaults?.baseURL}/${data.previewUrl}`, '_blank')
}} />
<span className='text-btn'
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/${data.previewUrl}`, '_blank')
}}>预览</span>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</span>
</div>
</div>
<div className='cp-bot'>
<div className='cpb-left'>
暂存
2024-07-15 16:58:47 +08:00
{/* lyp */}
订单属性增加
2024-08-27 18:29:20 +08:00
<div className='cpb-left-img' >
暂存
2024-07-15 16:58:47 +08:00
<Carousel autoplay dots={false}>
图片调整
2024-07-25 16:58:56 +08:00
<div className='cpb-left-imgX'>
image download false
2024-08-01 16:28:16 +08:00
<img src={downloadUrl(data.loginpage.loginpagePreviewImgs, false)} height={'143px'} alt="" />
暂存
2024-07-15 16:58:47 +08:00
</div>
图片调整
2024-07-25 16:58:56 +08:00
<div className='cpb-left-imgX'>
image download false
2024-08-01 16:28:16 +08:00
<img src={downloadUrl(data.codeTypePage.previewImgs, false)} height={'143px'} alt="" />
暂存
2024-07-15 16:58:47 +08:00
</div>
图片调整
2024-07-25 16:58:56 +08:00
暂存
2024-07-15 16:58:47 +08:00
</Carousel>
暂存
2025-09-04 17:57:04 +08:00
<div className='payStatus' style={{ background: data.pay.payStatus == 'UNPAID' ? '#E85454 ' : data.pay.payStatus == 'PAID' ? '#40BF76' : data.pay.payStatus == 'ARREARS' ? '#FFA200' : data.pay.payStatus == 'FULL_REFUND' ? '#C9C9C9' : data.pay.payStatus == 'CORRECTION1_REFUND' ? '#99B5BD' : data.pay.payStatus == 'CORRECTION2_REFUND' ? '#99A3BD' : data.pay.payStatus == 'RENAME_REFUND' ? '#99B5BD' : '' }}>
{data.pay.payStatus == 'UNPAID' ? '未付款' : data.pay.payStatus == 'PAID' ? '已付款' : data.pay.payStatus == 'ARREARS' ? '欠费' : data.pay.payStatus == 'FULL_REFUND' ? '全额退款' : data.pay.payStatus == 'CORRECTION1_REFUND' ? '补正1次退款' : data.pay.payStatus == 'CORRECTION2_REFUND' ? '补正2次退款' : data.pay.payStatus == 'RENAME_REFUND' ? '换名退款' : ''}
订单属性增加
2024-08-27 18:29:20 +08:00
</div>
暂存
2024-07-15 16:58:47 +08:00
</div>
{/* <img src={downloadUrl(data.codeTypePage.previewImgs)} className='cpb-left-img' alt="" /> */}
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<div className='cpbl-right'>
修改
2024-07-31 16:00:30 +08:00
<div style={{ display: 'flex' }}>
订单属性增加
2024-08-27 18:29:20 +08:00
<div className='cpbl-money'
更改
2025-05-07 14:25:17 +08:00
style={{ background: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoney)' : '#ebebeb' }}
订单属性增加
2024-08-27 18:29:20 +08:00
>
优惠券等信息
2024-09-06 17:26:09 +08:00
<div className='money'
更改
2025-05-07 14:25:17 +08:00
style={{ color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyfont)' : '#8a8a8a' }}
订单属性增加
2024-08-27 18:29:20 +08:00
优惠券等信息
2024-09-06 17:26:09 +08:00
>金额(￥) : </div>
<div className='num'
更改
2025-05-07 14:25:17 +08:00
style={{ color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyfont)' : '#8a8a8a' }}
订单属性增加
2024-08-27 18:29:20 +08:00
接口键名修改
2024-08-28 11:21:51 +08:00
>
套餐包及充值
2025-03-02 11:41:21 +08:00
{/* {data.pay.payment / 100} */}
样式修改
2025-03-02 14:33:51 +08:00
{data.pay.servicePackageId ? 0 : data.pay.payment / 100}
套餐包及充值
2025-03-02 11:41:21 +08:00
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
{/* 2000.00 */}
优惠券等信息
2024-09-06 17:26:09 +08:00
</div>
更改
2025-05-07 14:25:17 +08:00
<div className='coupon-num' style={{ display: data.pay.couponAmount ? 'unset' : 'none', color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyright)' : '#8a8a8a' }}>(已优惠{data.pay.couponAmount / 100}元)</div>
暂存
2025-09-04 17:57:04 +08:00
<div className='coupon-num' style={{ display: data.pay.servicePackageId ? 'unset' : 'none', color: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'var(--color-tagmoneyright)' : '#8a8a8a' }}>(套餐包)</div>
修改
2024-07-31 16:00:30 +08:00
</div>
<div className='otherMoney'>
{/* <div>基础费用:{basicsValue}</div> */}
<Tag color="#f50" style={{ display: URGENTvalue ? 'block' : 'none' }}>加急:{URGENTvalue}</Tag>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
{/* <Tag color="#2db7f5" style={{ display: pkgValue ? 'block' : 'none' }}>安装包:{pkgValue}</Tag>
<Tag color="#87d068" style={{ display: videoDemoValue ? 'block' : 'none' }}>演示视频:{videoDemoValue}</Tag> */}
修改
2024-07-31 16:00:30 +08:00
</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div>
样式更改超小屏幕适配
2024-12-24 15:48:38 +08:00
<div className='cpbl-btn-box'>
<div style={{ display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'block' : 'none' }}>
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
<div className='cpbl-btn'>
<div className='threeBtn' onClick={() => {
if (data.generate.generateStatus == GenerateStatus.SUCCESS || payCharge == '全托管') {
// nav(`/proj-edit/config-loginpage-show/${data.projId}`)
setLoginPageShowOpne(true);
} else {
// nav(`/proj-edit/config-loginpage/${data.projId}`)
setLoginPageOpne(true)
}
}}>
<img src={setImg} alt="" />
非标签添加
2024-12-31 18:31:06 +08:00
<div
设置ai生成提示
2024-12-26 10:04:05 +08:00
>登录界面设置</div>
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
</div>
<div className='threeBtn' onClick={() => {
if (data.generate.generateStatus == GenerateStatus.SUCCESS || payCharge == '全托管') {
// nav(`/proj-edit/config-mod-list-show/${data.projId}`)
setSoftwareManagementShowOpen(true)
} else {
setSoftwareManagementOpen(true)
// nav(`/proj-edit/config-mod-list/${data.projId}`)
订单属性增加
2024-08-27 18:29:20 +08:00
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
}
}}>
<img src={menuImg} alt="" />
设置ai生成提示
2024-12-26 10:04:05 +08:00
<div
非标签添加
2024-12-31 18:31:06 +08:00
设置ai生成提示
2024-12-26 10:04:05 +08:00
>系统菜单管理({data.projModCount})</div>
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
</div>
<div className='threeBtn rightBit' onClick={() => {
if (data.generate.generateStatus == GenerateStatus.SUCCESS || payCharge == '全托管') {
// nav(`/proj-edit/config-menu-list-show/${data.projId}`)
setDisplayOrderShowOpen(true);
} else {
// nav(`/proj-edit/config-menu-list/${data.projId}`)
setDisplayOrderOpen(true);
订单属性增加
2024-08-27 18:29:20 +08:00
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
}
}}>
<img src={orderImg} alt="" />
设置ai生成提示
2024-12-26 10:04:05 +08:00
<div
非标签添加
2024-12-31 18:31:06 +08:00
设置ai生成提示
2024-12-26 10:04:05 +08:00
>菜单排序({data.projModCount})</div>
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
</div>
</div>
样式更改超小屏幕适配
2024-12-24 15:48:38 +08:00
</div>
非标签添加
2024-12-31 18:31:06 +08:00
<div className='selectTagmin'
样式更改超小屏幕适配
2024-12-24 15:48:38 +08:00
非标签添加
2024-12-31 18:31:06 +08:00
style={{ marginLeft: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 20 : 220, marginRight: 10 }}>
{props.tagArray.map((item: any) => {
const [part1, part2] = item.value.split(':');
if (part2 == 'TAG_NOT') {
return (
// <div className='proj-progress' key={part1} style={{
// border: ' 1px dashed #5a5a5a',
// // display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'block' : 'none'
// marginBottom: 10,
// // 禁止换行
// textWrap: 'nowrap'
// }}
// >
// {item.label}
// {/* 提交版权中心 */}
// </div>
<div key={item.value}></div>
);
} else {
return (
<div className='proj-progress' key={item.value} style={{
更改
2025-05-07 14:25:17 +08:00
background: tagIdArray.includes(part1) ? 'var(--color-tagactive)' : '',
非标签添加
2024-12-31 18:31:06 +08:00
color: tagIdArray.includes(part1) ? '#ffffff' : '#5a5a5a',
更改
2025-05-07 14:25:17 +08:00
border: tagIdArray.includes(part1) ? ' 1px solid var(--color-tagactive)' : ' 1px solid #5a5a5a',
非标签添加
2024-12-31 18:31:06 +08:00
// display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' ? 'block' : 'none'
marginBottom: 10,
// 禁止换行
textWrap: 'nowrap'
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
}}
非标签添加
2024-12-31 18:31:06 +08:00
onClick={() => {
// console.log('查看数据', item.value);
upTag(part1, data.projId)
// upData(item.value)
// props.updata()
}}
>
{item.label}
{/* 提交版权中心 */}
</div>
)
}
样式更改超小屏幕适配
2024-12-24 15:48:38 +08:00
})}
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div>
</div>
订单属性增加
2024-08-27 18:29:20 +08:00
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div>
</div>
<div className='cline'></div>
订单属性增加
2024-08-27 18:29:20 +08:00
<div className='cpb-center' >
<div style={{ fontSize: 16, fontWeight: 500, color: data.projStatus == 'REFUND_APPLYING' ? '' : data.projStatus == 'CLOSE' ? '#73A350 ' : data.projStatus == 'EXPIRED' ? '#FFB667 ' : '' }}>
{data.projStatus == 'REFUND_APPLYING' ? '退款申请中' : data.projStatus == 'CLOSE' ? '该项目已关闭' : data.projStatus == 'EXPIRED' ? '该项目已过期' : ''}
</div>
lyp
2024-08-29 17:56:39 +08:00
<div className='cpbc-top' style={{ display: data.projStatus == 'NORMAL' || data.projStatus == 'EXPIRED' || data.pay.payStatus == 'CORRECTION2_REFUND' || data.pay.payStatus == 'CORRECTION1_REFUND' ? 'block' : 'none' }}>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{
data.generate.generateStatus == GenerateStatus.SUCCESS ? (
<div className="option">
样式修改
2025-03-02 14:33:51 +08:00
{/* <Button size="small" type="text" onClick={() => {
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply/${data.projId}`)
样式修改
2025-03-02 14:33:51 +08:00
}}><DownloadOutlined /> 申请表</Button> */}
<Dropdown
// menu={{
// applyItems
// }}
menu={{ items: applyItems }}
>
<div
><Button size="small" type="text" ><DownloadOutlined /> 申请表</Button>
新增下载pdf
2024-09-13 16:45:01 +08:00
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
样式修改
2025-03-02 14:33:51 +08:00
</div>
</Dropdown>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
样式修改
2025-03-02 14:33:51 +08:00
{/* <div className='downloadBox'> */}
{/* <div className='down-title'>
新增下载pdf
2024-09-13 16:45:01 +08:00
<DownloadOutlined /> 操作手册
</div>
<div className='down-bot'>
<Button size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/${data.projId}`)
}}> word</Button>
<Button size="small" type="text"
className='down-pdf'
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/pdf/${data.projId}`)
}}> pdf</Button>
样式修改
2025-03-02 14:33:51 +08:00
</div> */}
<Dropdown
// menu={{
// applyItems
// }}
menu={{ items: manualItems }}
>
<div
><Button size="small" type="text" ><DownloadOutlined /> 操作手册</Button>
新增下载pdf
2024-09-13 16:45:01 +08:00
</div>
样式修改
2025-03-02 14:33:51 +08:00
</Dropdown>
{/* </div> */}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
{/* {
新增下载pdf
2024-09-13 16:45:01 +08:00
isShow && <Button className='zpibtn' size="small" type="text" onClick={() => {
lyp
2024-05-23 18:21:31 +08:00
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code-zip/${data.projId}`)
新增下载pdf
2024-09-13 16:45:01 +08:00
}}
><DownloadOutlined /> 代码压缩包</Button>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
} */}
lyp
2024-05-23 18:21:31 +08:00
{/* <Button size="small" type="text" onClick={() => {
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code-zip/${data.projId}`)
lyp
2024-05-23 18:21:31 +08:00
}}><DownloadOutlined /> 代码压缩包</Button> */}
新增下载pdf
2024-09-13 16:45:01 +08:00
{/* <Button size="small" type="text" onClick={() => {
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
新增下载pdf
2024-09-13 16:45:01 +08:00
}}><DownloadOutlined /> 源代码</Button> */}
样式修改
2025-03-02 14:33:51 +08:00
{/* <div className='downloadBox'> */}
{/* <div className='down-title'>
<DownloadOutlined /> 源代码
新增下载pdf
2024-09-13 16:45:01 +08:00
</div>
样式修改
2025-03-02 14:33:51 +08:00
<div className='down-bot'>
<Button size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
}}> word</Button>
<Button size="small"
className='down-pdf'
type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/pdf/${data.projId}`)
}}> pdf</Button>
</div> */}
<Dropdown
// menu={{
// applyItems
// }}
menu={{ items: codeItems }}
>
<div
><Button size="small" type="text" ><DownloadOutlined /> 源代码</Button>
</div>
</Dropdown>
{/* </div> */}
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
<Button size="small" type="text" onClick={() => {
// window.open(`${Axios.defaults?.baseURL}/route/proj/download/all/${data.projId}`)
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
downAll(data.projId, data.projName)
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
}}><DownloadOutlined /> 全部</Button>
暂存
2025-09-04 17:57:04 +08:00
<Button style={{
// display: showBuyPicAgain ? 'unset' : 'none'
}} size="small" type="text" onClick={() => {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
window.open(`${Axios.defaults?.baseURL}/route/proj/download/pkg/${data.projId}`)
}}><DownloadOutlined />
<span style={{ marginLeft: 5 }}>安装包</span>
</Button>
暂存
2025-09-04 17:57:04 +08:00
<Button style={{
// display: showBuyVideoAgain ? 'unset' : 'none'
}} size="small" type="text" onClick={() => {
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
window.open(`${Axios.defaults?.baseURL}/route/proj/download/video/${data.projId}`)
}}><DownloadOutlined />
<span style={{ marginLeft: 5 }}>演示视频</span>
</Button>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div>
) : <></>
}
</div>
修改
2024-07-31 16:00:30 +08:00
{/* <div className='cpbc-bot'>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<div>
<FolderOutlined />
</div>
<Dropdown menu={{
items: indexListContext.categorys,
onClick: (e) => {
const span = e.domEvent.target as HTMLSpanElement;
put<any>({
messageApi,
url: `/api/proj/update-category/${data.projId}/${e.key}`,
onSuccess() {
messageApi.success('修改成功');
setProjCategoryId(e.key);
setProjCategoryName(span.innerText);
}
});
}
}}>
<span>
<span className="text-btn">{projCategoryId ? projCategoryName : '无目录'}</span>
<DownOutlined />
</span>
</Dropdown>
{
projCategoryId ? (
<DeleteOutlined title="移除目录" onClick={() => {
put<any>({
messageApi,
url: `/api/proj/cancel-category/${data.projId}`,
onSuccess() {
messageApi.success('取消成功');
setProjCategoryId('');
setProjCategoryName('');
}
});
}} />
) : <></>
}
修改
2024-07-31 16:00:30 +08:00
</div> */}
更改
2025-05-07 14:25:17 +08:00
<div className='cpbc-bot' style={{ color: 'var(--color-tagedit)' }} title={data.apply.authorName}>
适配
2024-09-10 11:52:02 +08:00
暂存
2025-09-04 17:57:04 +08:00
产权所属者 : {data.apply.authorName ? data.apply.authorName : '无'}
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div>
</div>
{/* <div className='cline'></div> */}
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
<div className='cpb-right' style={{
paddingLeft: 5,
paddingRight: 5,
}}>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<div className='cpbr-top'>
-当前状态-
</div>
<div className='cpbr-bot'>
{renderGenerateStatus()}
</div>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
<div style={{
退款项目不显示购买安装包
2025-03-02 18:41:50 +08:00
// display: data.generate.generateStatus == GenerateStatus.SUCCESS && payCharge !== '免费试用' ? 'unset' : 'none'
display: (data.generate.generateStatus === GenerateStatus.SUCCESS && payCharge !== '免费试用') && data.pay.payStatus !== 'FULL_REFUND' ? 'unset' : 'none'
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
}}>
<div style={{ display: 'flex', flexDirection: 'column' }}>
<div className='buyBox buyBtn'
style={{
display: showBuyPic ? 'unset' : 'none'
}}
onClick={() => {
setBuyModalShow(true);
}}
>购买安装包</div>
<div className='buyBox buyIng'
title='点击刷新状态'
style={{
display: showBuyPicIng ? 'unset' : 'none',
cursor: 'pointer',
// 禁止换行
textWrap: 'nowrap'
}}
onClick={() => {
upData()
}}
>
<span style={{ marginRight: 5 }}> 安装包制作中</span>
<RedoOutlined spin /></div>
<div className='buyBox buyAgein'
onClick={() => {
setBuyModalShow(true);
}}
style={{
display: showBuyPicAgain ? 'unset' : 'none'
}}
>重新购买安装包</div>
<div className='buyBox buyAgein'
title='安装包打包失败,点击重新打包'
onClick={() => {
// setBuyModalShow(true);
againPkg()
}}
style={{
display: showBuyPicError ? 'unset' : 'none',
cursor: 'pointer',
textWrap: 'nowrap'
}}
>
<span style={{ marginRight: 5 }}>安装包打包失败</span><CloseOutlined />
</div>
</div>
<div style={{ display: 'flex', flexDirection: 'column', marginTop: 5 }}>
<div className='buyBox buyBtn'
style={{
display: showBuyVideo ? 'unset' : 'none'
}}
onClick={() => {
setBuyVideoModalShow(true);
}}
>购买演示视频</div>
<div className='buyBox buyIng'
title='点击刷新状态'
style={{
display: showBuyVideoIng ? 'unset' : 'none',
cursor: 'pointer',
// 禁止换行
textWrap: 'nowrap'
}}
onClick={() => {
// upData()
upVideoData()
}}
>
<span style={{ marginRight: 5 }}> 演示视频制作中</span>
<RedoOutlined spin /></div>
<div className='buyBox buyAgein'
onClick={() => {
setBuyVideoModalShow(true);
}}
style={{
display: showBuyVideoAgain ? 'unset' : 'none'
}}
>重新购买演示视频</div>
<div className='buyBox buyAgein'
title='演示视频打包失败,点击重新打包'
onClick={() => {
// setBuyModalShow(true);
// againPkg()
againVideo()
}}
style={{
display: showBuyVideoError ? 'unset' : 'none',
cursor: 'pointer',
textWrap: 'nowrap'
}}
>
<span style={{ marginRight: 5 }}>演示视频打包失败</span><CloseOutlined />
</div>
</div>
</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div>
</div>
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
<div style={{
样式更改超小屏幕适配
2024-12-24 15:41:20 +08:00
display: props.remindTagArray.length > 0 ? 'unset' : 'none',
}}>
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
<div className='promptTags' >
{/* {props.tagArray.map((item: any) => {
添加提醒标签
2024-11-04 11:55:51 +08:00
return (
<div className='proj-progress' key={item.value} style={{
background: tagIdArray.includes(item.value) ? '#ff7b00' : '',
color: tagIdArray.includes(item.value) ? '#ffffff' : '#5a5a5a',
border: tagIdArray.includes(item.value) ? ' 1px solid #ff7b00' : ' 1px solid #5a5a5a',
}}
onClick={() => {
upTag(item.value, data.projId)
}}
>
{item.label}
</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
添加提醒标签
2024-11-04 11:55:51 +08:00
)
})} */}
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
{props.remindTagArray.map((item: any) => {
return (
<div className='proj-progress' key={item.value} style={{
更改
2025-05-07 14:25:17 +08:00
background: RemindIdArray.includes(item.value) ? 'var(--color-tagactive)' : '',
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
color: RemindIdArray.includes(item.value) ? '#ffffff' : '#5a5a5a',
更改
2025-05-07 14:25:17 +08:00
border: RemindIdArray.includes(item.value) ? ' 1px solid var(--color-tagactive)' : ' 1px solid #5a5a5a',
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
// display: props.remindTagArray.length > 0 ? 'unset' : 'none',
添加提醒标签
2024-11-04 11:55:51 +08:00
}}
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
onClick={() => {
if (RemindIdArray.includes(item.value)) {
deleteRemind(item.value, data.projId)
} else {
saveRemind(item.value, data.projId)
}
}}
>
<ClockCircleOutlined style={{ marginRight: 3 }} /> {item.label}
</div>
添加提醒标签
2024-11-04 11:55:51 +08:00
提醒标签显示隐藏
2024-11-06 10:21:25 +08:00
)
})}
</div>
添加提醒标签
2024-11-04 11:55:51 +08:00
</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{/* <div className="card-proj-title">
首页结构调整
2024-04-29 17:22:26 +08:00
<div className='titleLift'>
<div className="left">
<div className='boxline'></div>
<span className="text-btn" onClick={goEdit}>{data.projName}</span>
</div>
<div className="right">
<span className="context">编号：{data.projContext}</span>
<span className='line'></span>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<span className="date">{data.gmtCreate}</span> */}
{/* 状态标签 */}
{/* <span className="status">{renderGenerateStatus()}</span> */}
{/* </div>
完善页面
2024-03-13 16:11:28 +08:00
</div>
首页结构调整
2024-04-29 17:22:26 +08:00
<div className="titleRight">
{
data.generate.generateStatus == GenerateStatus.SUCCESS ? (
<span>
<SearchOutlined />
<span className="text-btn" onClick={goEdit}>查看</span>
</span>
) : (
<span>
<EditOutlined />
<span className="text-btn" onClick={goEdit}>编辑</span>
</span>
)
}
<span className='orignLine'>|</span>
<span>
<EyeOutlined />
<span className="text-btn" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/${data.previewUrl}`, '_blank')
}}>预览</span>
</span>
完善页面
2024-03-13 16:11:28 +08:00
</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div> */}
首页结构调整
2024-04-29 17:22:26 +08:00
{/* <hr/> */}
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{/* <div className="body">
充值
2024-04-01 20:39:22 +08:00
<div className="line">
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
<div className="left"> */}
{/* <Tag color="magenta">{payCharge}</Tag> */}
{/* 金额 */}
{/* <Tag color="gold">￥{data.pay.payment / 100}</Tag> */}
{/* </div> */}
{/* <div className='centerl'>
首页结构调整
2024-04-29 17:22:26 +08:00
<div className='c-top'>
<span className='money'>金额(￥) : </span>
<span className='num'>{data.pay.payment / 100}</span>
</div>
<div className='c-bot'>
<div className='set' onClick={() => {
if (data.generate.generateStatus == GenerateStatus.SUCCESS) {
nav(`/proj-edit/config-loginpage-show/${data.projId}`)
} else {
nav(`/proj-edit/config-loginpage/${data.projId}`)
}
}}>
<img src={setImg} alt="" />
<div>登录界面设置</div>
</div>
<div className='set' onClick={() => {
if (data.generate.generateStatus == GenerateStatus.SUCCESS) {
nav(`/proj-edit/config-mod-list-show/${data.projId}`)
} else {
nav(`/proj-edit/config-mod-list/${data.projId}`)
}
}}>
<img src={menuImg} alt="" />
<div>系统菜单管理({data.projModCount})</div>
</div>
<div className='set' onClick={() => {
if (data.generate.generateStatus == GenerateStatus.SUCCESS) {
nav(`/proj-edit/config-menu-list-show/${data.projId}`)
} else {
nav(`/proj-edit/config-menu-list/${data.projId}`)
}
}}>
<img src={orderImg} alt="" />
<div>菜单排序({data.projModCount})</div>
</div>
</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div> */}
{/* 目录层级结构*/}
{/* <div className='centerr'>
首页结构调整
2024-04-29 17:22:26 +08:00
</div>
<div className='right'>
<div className='rigth-t'>
- 当前状态 -
</div>
<div className="status">{renderGenerateStatus()}</div>
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
</div> */}
首页结构调整
2024-04-29 17:22:26 +08:00
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{/* <div className="right">
处理问题
2024-04-12 14:12:38 +08:00
{
充值
2024-04-01 20:39:22 +08:00
data.generate.generateStatus == GenerateStatus.SUCCESS ? (
<span>
<SearchOutlined/>
调整页面
2024-04-12 18:18:14 +08:00
<span className="text-btn" onClick={goEdit}>查看</span>
充值
2024-04-01 20:39:22 +08:00
</span>
) : (
<span>
<EditOutlined/>
调整页面
2024-04-12 18:18:14 +08:00
<span className="text-btn" onClick={goEdit}>编辑</span>
充值
2024-04-01 20:39:22 +08:00
</span>
)
}
<span>
<EyeOutlined/>
处理问题
2024-04-12 14:12:38 +08:00
<span className="text-btn" onClick={() => {
充值
2024-04-01 20:39:22 +08:00
window.open(`${Axios.defaults?.baseURL}/${data.previewUrl}`, '_blank')
处理问题
2024-04-12 14:12:38 +08:00
}}>预览</span>
充值
2024-04-01 20:39:22 +08:00
</span>
首页结构调整
2024-04-29 17:22:26 +08:00
</div> */}
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{/* </div> */}
{/* <div className="line">
充值
2024-04-01 20:39:22 +08:00
<div className="left">
{
data.generate.generateStatus == GenerateStatus.SUCCESS ? (
<span>
<SearchOutlined/>
处理问题
2024-04-12 14:12:38 +08:00
<span className="text-btn" onClick={(e) => {
充值
2024-04-01 20:39:22 +08:00
e.preventDefault();
nav(`/agent-select/${data.projId}`);
处理问题
2024-04-12 14:12:38 +08:00
}}>找代理</span>
充值
2024-04-01 20:39:22 +08:00
</span>
) : <></>
}
</div>
<div className="right">
<Dropdown menu={{
items: indexListContext.categorys,
onClick: (e) => {
const span = e.domEvent.target as HTMLSpanElement;
put<any>({
messageApi,
url: `/api/proj/update-category/${data.projId}/${e.key}`,
onSuccess() {
messageApi.success('修改成功');
增加发票管理
2024-04-02 18:45:46 +08:00
setProjCategoryId(e.key);
充值
2024-04-01 20:39:22 +08:00
setProjCategoryName(span.innerText);
}
});
}
}}>
增加发票管理
2024-04-02 18:45:46 +08:00
<span>
处理问题
2024-04-12 14:12:38 +08:00
<span className="text-btn">{projCategoryId ? projCategoryName : '无目录'}</span>
充值
2024-04-01 20:39:22 +08:00
<DownOutlined/>
</span>
</Dropdown>
增加发票管理
2024-04-02 18:45:46 +08:00
{
projCategoryId ? (
<DeleteOutlined title="移除目录" onClick={() => {
put<any>({
messageApi,
url: `/api/proj/cancel-category/${data.projId}`,
onSuccess() {
messageApi.success('取消成功');
setProjCategoryId('');
setProjCategoryName('');
}
});
}}/>
) : <></>
}
充值
2024-04-01 20:39:22 +08:00
</div>
首页结构调整
2024-04-29 17:22:26 +08:00
</div> */}
新建子路由及页面的修改
2024-05-07 17:00:32 +08:00
{/* </div> */}
首页结构调整
2024-04-29 17:22:26 +08:00
{/* <hr/> */}
{/* <div className="foot">
充值
2024-04-01 20:39:22 +08:00
<ConfigProvider theme={{
components: {
Button: {
contentFontSizeSM: 12,
}
完善页面
2024-03-18 18:50:36 +08:00
}
充值
2024-04-01 20:39:22 +08:00
}}>
{renderOption()}
</ConfigProvider>
首页结构调整
2024-04-29 17:22:26 +08:00
</div> */}
图片调整
2024-07-25 16:58:56 +08:00
</div >
暂存
2024-05-28 18:00:42 +08:00
{/* 第四步 设置 */}
图片调整
2024-07-25 16:58:56 +08:00
< Modal open={loginPageOpne}
暂存
2024-05-28 18:00:42 +08:00
title="登陆页面设置"
width={1700}
lyp
2024-05-29 15:11:52 +08:00
destroyOnClose={true}
暂存
2024-05-28 18:00:42 +08:00
onCancel={() => {
setLoginPageOpne(false);
lyp
2024-05-29 14:43:48 +08:00
// window.location.reload(); // 在取消时刷新页面
图片调整
2024-07-25 16:58:56 +08:00
}
}
暂存
2024-05-28 18:00:42 +08:00
footer={null}
>
<LoginPage projId={projId} closeModal={() => { setLoginPageOpne(false) }}></LoginPage>
图片调整
2024-07-25 16:58:56 +08:00
</ Modal>
暂存
2024-05-28 18:00:42 +08:00
{/* 第四步 查看 */}
图片调整
2024-07-25 16:58:56 +08:00
< Modal open={loginPageShowOpne}
暂存
2024-05-28 18:00:42 +08:00
title="登陆页面查看"
width={1700}
lyp
2024-05-29 15:11:52 +08:00
destroyOnClose={true}
暂存
2024-05-28 18:00:42 +08:00
onCancel={() => {
setLoginPageShowOpne(false);
lyp
2024-05-29 14:43:48 +08:00
暂存
2024-05-28 18:00:42 +08:00
}}
footer={null}
>
<LoginPageShow projId={projId}></LoginPageShow>
图片调整
2024-07-25 16:58:56 +08:00
</Modal >
暂存
2024-05-28 18:00:42 +08:00
{/* 第五步 设置 */}
图片调整
2024-07-25 16:58:56 +08:00
< Modal open={softwareManagementOpen}
暂存
2024-05-28 18:00:42 +08:00
title="软件功能管理设置"
width={1500}
lyp
2024-05-29 15:11:52 +08:00
destroyOnClose={true}
暂存
2024-05-28 18:00:42 +08:00
onCancel={() => {
广告添加
2024-07-16 16:53:47 +08:00
// props.upreqData()
暂存
2024-05-28 18:00:42 +08:00
setSoftwareManagementOpen(false);
取消菜单地址
2024-06-07 16:39:22 +08:00
// props.getreqData()
lyp
2024-05-29 14:43:48 +08:00
// window.location.reload(); // 在取消时刷新页面
暂存
2024-05-28 18:00:42 +08:00
}}
footer={null}
>
<SoftwareManagement projId={projId}></SoftwareManagement>
图片调整
2024-07-25 16:58:56 +08:00
</Modal >
暂存
2024-05-28 18:00:42 +08:00
{/* 第五步 查看 */}
图片调整
2024-07-25 16:58:56 +08:00
< Modal open={softwareManagementShowOpen}
暂存
2024-05-28 18:00:42 +08:00
title="软件功能管理查看"
width={1500}
lyp
2024-05-29 15:11:52 +08:00
destroyOnClose={true}
暂存
2024-05-28 18:00:42 +08:00
onCancel={() => {
setSoftwareManagementShowOpen(false);
}}
footer={null}
>
<SoftwareManagementShow projId={projId}></SoftwareManagementShow>
图片调整
2024-07-25 16:58:56 +08:00
</Modal >
暂存
2024-05-28 18:00:42 +08:00
{/* 第六步 设置 */}
图片调整
2024-07-25 16:58:56 +08:00
< Modal open={displayOrderOpen}
暂存
2024-05-28 18:00:42 +08:00
title="设置功能列表显示顺序"
width={1500}
lyp
2024-05-29 15:11:52 +08:00
destroyOnClose={true}
暂存
2024-05-28 18:00:42 +08:00
onCancel={() => {
广告添加
2024-07-16 16:53:47 +08:00
// props.upreqData()
暂存
2024-05-28 18:00:42 +08:00
setDisplayOrderOpen(false);
}}
footer={null}
>
<DisplayOrder projId={projId}></DisplayOrder>
图片调整
2024-07-25 16:58:56 +08:00
</Modal >
暂存
2024-05-28 18:00:42 +08:00
{/* 第六步 查看 */}
图片调整
2024-07-25 16:58:56 +08:00
< Modal open={displayOrderShowOpen}
暂存
2024-05-28 18:00:42 +08:00
title="查看功能列表显示顺序"
width={1500}
lyp
2024-05-29 15:11:52 +08:00
destroyOnClose={true}
暂存
2024-05-28 18:00:42 +08:00
onCancel={() => {
setDisplayOrderShowOpen(false);
}}
footer={null}
>
<DisplayOrderShow projId={projId}></DisplayOrderShow>
图片调整
2024-07-25 16:58:56 +08:00
</Modal >
增加发票管理
2024-04-02 18:45:46 +08:00
{messageContext}
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
<Modal title="提示"
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: `${height}px`,
}}
destroyOnClose={true}
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
open={downModal}
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
footer={
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
<Button
type="primary"
onClick={() => setDownModal(false)}
// style={{
// backgroundColor: '#ff4d4f', // 自定义背景颜色
// borderColor: '#ff4d4f', // 自定义边框颜色
// color: '#fff', // 自定义文字颜色
// }}
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
>
关闭
</Button>
}
添加下载全部文件功能
2024-10-29 09:37:55 +08:00
onCancel={() => { setDownModal(false) }} width={500} >
<div style={{ width: 500 }}>
正在打包中请稍后<span style={{ marginLeft: 10 }}><LoadingOutlined /></span>
添加下载全部文件功能
2024-10-28 17:29:45 +08:00
</div>
</Modal>
安装包演示视频及邀请码
2025-02-26 16:57:47 +08:00
< Modal open={buyModalShow}
centered
title="提示"
destroyOnClose={true}
width={500}
onCancel={() => {
setBuyModalShow(false);
}
}
// onOk={() => {
// setShowBuyPic(false)
// setShowBuyPicIng(true)
// setBuyModalShow(false);
// }
// }
footer={[
<Button key="cancel" onClick={() => setBuyModalShow(false)}>取消</Button>,
<Button key="ok" type="primary" onClick={() => {
payPkg()
}}>确定</Button>,
]}
>
<div className='modalText'> 购买安装包需要花费{props.pkgPrice}元，是否继续购买？</div>
<div className='modalTip'>*注：购买后无法退款，修改后需重新购买下载！</div>
{/* <div className='modalTip'>注：安装包制作时长为1-3个工作日</div> */}
</ Modal>
< Modal open={buyVideoModalShow}
centered
title="提示"
destroyOnClose={true}
width={500}
onCancel={() => {
setBuyVideoModalShow(false);
}
}
// onOk={() => {
// setShowBuyPic(false)
// setShowBuyPicIng(true)
// setBuyModalShow(false);
// }
// }
footer={[
<Button key="cancel" onClick={() => setBuyVideoModalShow(false)}>取消</Button>,
<Button key="ok" type="primary" onClick={() => {
payVideo()
// payPkg()
}}>确定</Button>,
]}
>
<div className='modalText'> 购买演示视频需要花费{props.videoPrice}元，是否继续购买？</div>
<div className='modalTip'>*注：购买后无法退款，修改后需重新购买下载！</div>
{/* <div className='modalTip'>注：安装包制作时长为1-3个工作日</div> */}
</ Modal>
暂存
2025-09-04 17:57:04 +08:00
< Modal open={highTechModal}
title="高新材料申请"
width={1200}
destroyOnClose={true}
maskClosable={false}
centered
onCancel={() => {
setHighTechModal(false);
}}
footer={null}
>
<div className='highTechBox'>
<div className='highTechBox-Right'>
{highTechButtonArray.map((item) => {
return (
<div className='highTechBoxButton'
style={{
backgroundColor: highTechButtonKey === item.key ? '#4582FF' : '',
color: highTechButtonKey === item.key ? '#FFFFFF' : '#232323',
}}
key={item.key} onClick={() => {
setHighTechButtonKey(item.key)
}}>
{item.name}
</div>
)
})}
</div>
<div className='highTechBox-Left'
style={{
display: highTechButtonKey === '1' ? 'block' : 'none',
}}
>
嘻嘻
</div>
<div className='highTechBox-Left'
style={{
display: highTechButtonKey === '2' ? 'block' : 'none',
}}
>
哈哈
</div>
</div>
</Modal >
充值
2024-04-01 20:39:22 +08:00
</>
完善页面
2024-03-13 16:11:28 +08:00
)
}
Reference in New Issue Copy Permalink