162 lines
7.4 KiB
JavaScript
162 lines
7.4 KiB
JavaScript
import React, { useEffect, useState } from 'react'
|
||
import { message, Checkbox, Radio } from "antd/lib/index";
|
||
import { getPropertyData, guid, extendInclude, extendRule, getDataFieldValue, setDataFieldValue, initFilter, empty, onBeforeSaveHandleRecordLog, Format } from "../../utils/common";
|
||
import { connect } from 'dva';
|
||
import moment from 'moment';
|
||
import config from "../../config.js"
|
||
import { Button, Row, Col, Form, Input, Upload, Icon, Modal, Spin } from 'antd';
|
||
import storage from '../../utils/storage'
|
||
import MD5 from "js-md5"
|
||
import { xAxisConfig } from '@jiaminghi/data-view-react/lib/index-fcdce9c7.js';
|
||
// import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js";
|
||
/**
|
||
* @return {string}
|
||
*/
|
||
// 编辑 事故事件调查结果填报
|
||
export default {
|
||
|
||
onBeforeEdit: ({ isNew, login, stateData, data, setFieldEditable, getFieldValue, dispatch, ListCheckRiskArea, setFieldValueByBatch, setFieldVisible, setFieldValue }) => {
|
||
if (!isNew) {
|
||
setFieldEditable("CODE", false)
|
||
if (stateData.NAME != undefined && stateData.NAME != null && stateData.ISLOCAL == true && stateData.NAME.length > 0) {
|
||
setFieldEditable("Nav_Files", false)
|
||
}
|
||
if (stateData.ISLOCAL == false) {
|
||
setFieldEditable("Nav_Files", false)
|
||
}
|
||
// if (stateData.Nav_Files) {
|
||
// getFieldValue("Nav_Files", stateData.Nav_Files)
|
||
// }
|
||
}
|
||
|
||
// //import PlvVideoUpload from "@polyv/vod-upload-js-sdk/vod-upload-js-sdk.min.js"; //此处插入 如果直接导入 发布会报错
|
||
// const script = document.createElement('script');
|
||
// script.src = 'https://player.polyv.net/resp/vod-upload-js-sdk/latest/vod-upload-js-sdk.min.js';
|
||
// document.body.appendChild(script);
|
||
},
|
||
handleRenderHeadControl(params) {
|
||
if (params.colConfig.field === 'Nav_Files') {
|
||
//重写 使只上传视频 并且控制按钮不可操作
|
||
const Tenant = storage('lacal').getItem('Tenant').val;
|
||
var isEditFile = true//默认显示编辑按钮
|
||
var isShowFile = false//默认文件显示
|
||
//如果显示 本地文件 isShowFile true isEditFile false
|
||
if (params.record.ISLOCAL == true && params.record.Nav_Files != null && params.record.Nav_Files.length > 0) {
|
||
isEditFile = false
|
||
isShowFile = true
|
||
}
|
||
// if (params.record.Nav_Files && params.record.Nav_Files.length > 0) {
|
||
// params.record['Files'] = params.record.Nav_Files
|
||
// }
|
||
// 2. 上传前校验函数（核心）
|
||
const beforeUpload = (file) => { // 1. 定义文件大小限制（示例：限制最大2MB）
|
||
const MAX_FILE_SIZE = 500 * 1024 * 1024; // 2MB = 2*1024*1024 Byte
|
||
// 校验文件大小
|
||
if (file.size > MAX_FILE_SIZE) {
|
||
message.error(`文件大小不能超过 500MB！当前文件大小：${(file.size / 1024 / 1024).toFixed(2)}MB`);
|
||
return false; // 返回false阻止上传
|
||
// 也可使用Promise方式：return Promise.reject(new Error('文件大小超过限制'));
|
||
}
|
||
// 校验通过，允许上传
|
||
return true;
|
||
};
|
||
|
||
//上传到本地服务器
|
||
const uploadSopProps = {
|
||
accept: '.flv,.avi,.mpg,.mp4,.wmv,.mov,.3gp,.asf',
|
||
name: 'file',
|
||
beforeUpload: beforeUpload, // 绑定大小校验钩子
|
||
action: config.serviceHost('api/PF/File/UploadVideo'),//UploadFile 方法分开 以免影响
|
||
data: { OrgId: params.login.OrgId },
|
||
fileList: params.record['Files'],//Files Nav_Files
|
||
headers: {
|
||
Tenant: Tenant,
|
||
PBN: "VIDEO"
|
||
},
|
||
onChange(info) {
|
||
params.record['Files'] = [...info.fileList];
|
||
// params.saveRowRecord(params.record);
|
||
// params.record.NAME = info.file.name;
|
||
// if (info.file.status !== 'uploading') {
|
||
// }
|
||
if (info.file.status === 'removed') {
|
||
if (info.file.response && info.file.response.file) {
|
||
info.file.response.file.IS_DELETED = true;
|
||
}
|
||
}
|
||
if (info.file.status === 'done') {
|
||
let uploadFiles = [...info.fileList]
|
||
if (uploadFiles) {
|
||
let navFiles = [];
|
||
var IMG_FILE_ID = ''
|
||
var FILE_PATH = ''
|
||
uploadFiles.forEach(t => {
|
||
if (t.response) {
|
||
if (t.response.IsSuccessful) {
|
||
//附件信息赋值给数据库对象，多个附件需要遍历附件信息
|
||
IMG_FILE_ID = t.response.Data.imgFileID
|
||
FILE_PATH = t.response.Data.imgFilePath
|
||
navFiles.push({
|
||
FILE_DB_ID: params.record.ID,
|
||
ORG_ID: params.record.ORG_ID,
|
||
IMG_FILE_ID: IMG_FILE_ID, //附件表文件名称
|
||
ID: t.response.file ? t.uid : guid()//标记ID
|
||
})
|
||
message.success(`${info.file.name} 上传成功`);
|
||
} else {
|
||
const temps2 = [];
|
||
params.setFieldValueByBatch(temps2);
|
||
message.error(`${info.file.name} 上传失败！报错详情：` + t.response.ErrorMessage);
|
||
}
|
||
}
|
||
});
|
||
|
||
const temps = [];
|
||
temps.push({ field: 'Nav_Files', value: navFiles })
|
||
temps.push({ field: 'IMG_FILE_ID', value: IMG_FILE_ID })
|
||
temps.push({ field: 'FILE_PATH', value: FILE_PATH })
|
||
temps.push({ field: 'NAME', value: info.file.name })
|
||
params.setFieldValueByBatch(temps);
|
||
// params.setFieldEditable("NAME", false)//让可修改
|
||
}
|
||
// params.setFieldEditable("ISLOCAL", false)
|
||
|
||
} else if (info.file.status === 'error') {
|
||
message.error(`${info.file.name} 上传失败！`);
|
||
}
|
||
if (info.file.status != 'done') {
|
||
//上传成功回调不处理数据赋值
|
||
if (info.file.size < 500 * 1024 * 1024) {
|
||
const temps2 = [];
|
||
temps2.push({ field: 'Nav_Files', value: params.record['Files'] })
|
||
temps2.push({ field: 'NAME', value: info.file.name })
|
||
params.setFieldValueByBatch(temps2);
|
||
}
|
||
}
|
||
},
|
||
};
|
||
return <>
|
||
<div className="ant-col ant-col-lg-12 ant-col-xxl-8">
|
||
<div>
|
||
<div className="ant-col ant-col-24 ant-form-item-label">
|
||
<label>
|
||
<span>上传本地视频（限500M）</span>
|
||
</label>
|
||
</div>
|
||
<div className="ant-col ant-col-18 ant-form-item-control-wrapper">
|
||
{/* {isShowFile && <Attachment disabled={false} value={"附件上传"} colConfig={params.colConfig} record={params.record} />} */}
|
||
{isShowFile && <Input type="file" style={{ height: '39px' }} key="keyI1" disabled={true} />}
|
||
{isShowFile && <a key="keyA21" href={config.picServerHost + params.record.FILE_PATH} target="_blank">{params.record.NAME}</a>}
|
||
{isEditFile && <Upload {...uploadSopProps}>
|
||
<Button disabled={(params.record.Nav_Files == null || params.record.Nav_Files.length == 0) ? false : true}>
|
||
<Icon type="upload" />上传视频（如果视频较大，请耐心等待上传完毕再保存）
|
||
</Button>
|
||
</Upload>}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</>
|
||
}
|
||
},
|
||
}
|