@@ -118,18 +144,29 @@ export default function EditAppDes(props: any) {
-
-
+ {
+ console.log(fileList);
+
+ }}
+ onRemove={() => {
+ setUpArray([])
+ setDisabled(false)
+ }}
+ headers={{ 'Auth': `Bearer ${token}` }}
+ beforeUpload={beforeUpload}
>
- } style={{
- marginTop:4
+ } style={{
+ marginTop: 4
}}>上传附件
diff --git a/src/route/AppElectron/components/EditAppFiles/EditAppFiles.tsx b/src/route/AppElectron/components/EditAppFiles/EditAppFiles.tsx
index 31ea0f4..d420498 100644
--- a/src/route/AppElectron/components/EditAppFiles/EditAppFiles.tsx
+++ b/src/route/AppElectron/components/EditAppFiles/EditAppFiles.tsx
@@ -1,9 +1,76 @@
-// import { useState } from 'react'
+import { useState } from 'react'
import { Button, Form, Upload, message, } from "antd"
import { uploadFileUrl } from '../../../../request/request'
import { UploadOutlined } from '@ant-design/icons';
import './edit-app-files.css'
export default function EditAppFiles(props: any) {
+ // 定义允许上传的文件格式
+ const ALLOWED_FILE_TYPES = ['.pdf', '.doc', '.docx', '.jpg', '.jpeg', '.png'];
+ const beforeUpload = (file: File) => {
+ const fileExt = file.name.slice(file.name.lastIndexOf('.')).toLowerCase();
+ if (!ALLOWED_FILE_TYPES.includes(fileExt)) {
+ message.error(`仅支持 ${ALLOWED_FILE_TYPES.join(', ')} 格式的文件`);
+ return Upload.LIST_IGNORE;
+ }
+ return true;
+ };
+ // 上传文件源码文档列表
+ const [upCodeArray, setUpCodeArray] = useState
([])
+ const [codeDis, setCodeDis] = useState(false)
+ const validateCodeFileUpload = (_rule: any, value: any) => {
+ if (!value || value.fileList.length === 0) {
+ return Promise.reject('请选择上传文件');
+
+ }
+ const file = value.fileList[0];
+ if (file.status === 'uploading') {
+ setCodeDis(true)
+ return Promise.reject('文件上传中，请稍候');
+ } else if (file.status === 'error') {
+ setCodeDis(true)
+ setUpCodeArray([])
+ return Promise.reject('文件上传失败，请删除后重新上传');
+
+ } else if (file.status !== 'done') {
+ setCodeDis(true)
+ setUpCodeArray([])
+
+ return Promise.reject('文件上传失败，请删除后重新上传');
+ } else if (file.status === 'done') {
+ setCodeDis(true)
+ return Promise.resolve();
+ }
+ return Promise.resolve();
+ };
+ // 上传文件软件文档列表
+ const [upSoftArray, setUpSoftArray] = useState([])
+ const [softDis, setSoftDis] = useState(false)
+ const validateSoftFileUpload = (_rule: any, value: any) => {
+ if (!value || value.fileList.length === 0) {
+ return Promise.reject('请选择上传文件');
+
+ }
+ const file = value.fileList[0];
+ if (file.status === 'uploading') {
+ setSoftDis(true)
+ return Promise.reject('文件上传中，请稍候');
+ } else if (file.status === 'error') {
+ setSoftDis(true)
+ setUpSoftArray([])
+ return Promise.reject('文件上传失败，请删除后重新上传');
+
+ } else if (file.status !== 'done') {
+ setSoftDis(true)
+ setUpSoftArray([])
+
+ return Promise.reject('文件上传失败，请删除后重新上传');
+ } else if (file.status === 'done') {
+ setSoftDis(true)
+ return Promise.resolve();
+ }
+ return Promise.resolve();
+ };
+
const token = sessionStorage.getItem('token')
const height = window.innerHeight - 460;
const [form] = Form.useForm();
@@ -40,8 +107,17 @@ export default function EditAppFiles(props: any) {
height: '80px',
}}>