Commit b82f8fe1 by zhangleyuan

feat:修改上传文件默认选中

parent bdb99553
...@@ -278,9 +278,10 @@ class AddLiveBasic extends React.Component { ...@@ -278,9 +278,10 @@ class AddLiveBasic extends React.Component {
<SelectPrepareFileModal <SelectPrepareFileModal
operateType="select" operateType="select"
accept="video/mp4,image/jpeg,image/png,image/jpg" multiple={false}
selectTypeList={['MP4', 'JPG', 'JPEG', 'PNG']} accept="image/jpeg,image/png,image/jpg"
tooltip='支持文件类型:jpg、jpeg、png、mp4' selectTypeList={['JPG', 'JPEG', 'PNG']}
tooltip='支持文件类型:jpg、jpeg、png'
isOpen={showSelectFileModal} isOpen={showSelectFileModal}
onClose={() => { onClose={() => {
this.setState({ showSelectFileModal: false }) this.setState({ showSelectFileModal: false })
......
...@@ -238,7 +238,7 @@ class AddLiveIntro extends React.Component { ...@@ -238,7 +238,7 @@ class AddLiveIntro extends React.Component {
render() { render() {
const {liveType, isXiaomai, isEdit, data: { introduction, needRecord,whetherVisitorsJoin,liveCourseMediaRequests = [], liveCourseWarmMedia = {} } } = this.props; const {liveType, isXiaomai, isEdit, data: { introduction, needRecord,whetherVisitorsJoin,liveCourseMediaRequests = [], liveCourseWarmMedia = {} } } = this.props;
const { showCutModal, warmUrl, showSelectFileModal, diskList, imageFile } = this.state const { showCutModal, warmUrl, showSelectFileModal, diskList, imageFile,selectType} = this.state
console.log('liveCourseMediaRequests',liveCourseMediaRequests); console.log('liveCourseMediaRequests',liveCourseMediaRequests);
return ( return (
<div className="add-live__intro-info"> <div className="add-live__intro-info">
...@@ -389,9 +389,9 @@ class AddLiveIntro extends React.Component { ...@@ -389,9 +389,9 @@ class AddLiveIntro extends React.Component {
{/* 选择暖场图文件弹窗 */} {/* 选择暖场图文件弹窗 */}
<SelectPrepareFileModal <SelectPrepareFileModal
operateType="select" operateType="select"
accept="video/mp4,image/jpeg,image/png,image/jpg" accept={selectType==="INTRO"?"image/jpeg,image/png,image/jpg":"video/mp4,image/jpeg,image/png,image/jpg"}
selectTypeList={['MP4', 'JPG', 'JPEG', 'PNG']} selectTypeList={ selectType==="INTRO" ? ['JPG', 'JPEG', 'PNG']: ['MP4', 'JPG', 'JPEG', 'PNG'] }
tooltip='支持文件类型:jpg、jpeg、png、mp4' tooltip={ selectType==="INTRO"?'支持文件类型:jpg、jpeg、png':'支持文件类型:jpg、jpeg、png、mp4'}
isOpen={showSelectFileModal} isOpen={showSelectFileModal}
onClose={() => { onClose={() => {
this.setState({ showSelectFileModal: false }) this.setState({ showSelectFileModal: false })
......
...@@ -133,7 +133,7 @@ class ManageCoursewareModal extends React.Component { ...@@ -133,7 +133,7 @@ class ManageCoursewareModal extends React.Component {
className="icon iconfont default-confirm-icon" className="icon iconfont default-confirm-icon"
style={{ color: "#FFBB54 !important" }} style={{ color: "#FFBB54 !important" }}
> >
&#xe6f1; &#xe834;
</span> </span>
), ),
content: "请在开课前30分钟前上传课件,开课后可在客户端中进行上传。", content: "请在开课前30分钟前上传课件,开课后可在客户端中进行上传。",
......
...@@ -412,12 +412,13 @@ class SelectPrepareFileModal extends React.Component { ...@@ -412,12 +412,13 @@ class SelectPrepareFileModal extends React.Component {
const hiddenVideo = this.props.hiddenVideo && ['mp4','MP4'].includes(suffix); const hiddenVideo = this.props.hiddenVideo && ['mp4','MP4'].includes(suffix);
const _selectedFileList = hiddenVideo ? [...selectedFileList] : [...selectedFileList, res.result]; const _selectedFileList = hiddenVideo ? [...selectedFileList] : [...selectedFileList, res.result];
_query.current = 1; _query.current = 1;
console.log("currentFolder",currentFolder); console.log("currentFile", res.result);
this.setState({ this.setState({
query: _query, query: _query,
selectedFileList: scene === 'liveCourse' ? selectedFileList: scene === 'liveCourse' ?
_selectedFileList.filter(item => { return !DISABLE_FILE_FORMAT.includes(item.folderFormat)}) : _selectedFileList.filter(item => { return !DISABLE_FILE_FORMAT.includes(item.folderFormat)}) :
_selectedFileList, _selectedFileList,
currentFile:res.result
}, () => { }, () => {
if (resourceId && !_.isEqual(uploadFolderPath, currentFolder)) return; if (resourceId && !_.isEqual(uploadFolderPath, currentFolder)) return;
// 上传之后根目录不变 // 上传之后根目录不变
...@@ -449,7 +450,7 @@ class SelectPrepareFileModal extends React.Component { ...@@ -449,7 +450,7 @@ class SelectPrepareFileModal extends React.Component {
// 是否有上传权限 // 是否有上传权限
return [ return [
<input <input
multiple multiple={multiple}
type="file" type="file"
style={{ display: 'none' }} style={{ display: 'none' }}
id="detailFileInput" id="detailFileInput"
...@@ -611,6 +612,10 @@ class SelectPrepareFileModal extends React.Component { ...@@ -611,6 +612,10 @@ class SelectPrepareFileModal extends React.Component {
const disabled = hiddenVideo || (!isFolder && operateType === 'move') || (scene === 'liveCourse' && folder.folderFormat === 'EXCEL') || !!hasRelation || (!isFolder && !FILE_SUFFIX_LIST.includes(suffix)); const disabled = hiddenVideo || (!isFolder && operateType === 'move') || (scene === 'liveCourse' && folder.folderFormat === 'EXCEL') || !!hasRelation || (!isFolder && !FILE_SUFFIX_LIST.includes(suffix));
// console.log('currentFile',currentFile); // console.log('currentFile',currentFile);
// console.log('folder',folder); // console.log('folder',folder);
let currentFileCheck = false;
if(currentFile){
currentFileCheck = (currentFile.id===folder.id)
}
return ( return (
<div <div
className={`file-item ${!disabled ? 'enable' : 'disable'}`} className={`file-item ${!disabled ? 'enable' : 'disable'}`}
...@@ -634,7 +639,7 @@ class SelectPrepareFileModal extends React.Component { ...@@ -634,7 +639,7 @@ class SelectPrepareFileModal extends React.Component {
disabled={!!hasRelation} disabled={!!hasRelation}
/> />
: ( : (
_.isEqual(currentFile, folder) currentFileCheck
? <span className="icon iconfont correct">&#xe77d;</span> ? <span className="icon iconfont correct">&#xe77d;</span>
: <span className="icon iconfont error">&#xe77c;</span> : <span className="icon iconfont error">&#xe77c;</span>
) )
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment