feat:永中优化

src/modules/course-manage/modal/ManageCoursewareModal.jsx

@@ -170,7 +170,7 @@ class ManageCoursewareModal extends React.Component {
   }
 
   // 预览文件
-  handleScanFile(item) {
+  handleScanFile = async (item)=>{
     if (!item.srcDocUrl) return null;
 
     const suffix = _.last(item.fileName.split('.')).toLowerCase();
@@ -209,6 +209,8 @@ class ManageCoursewareModal extends React.Component {
         //   const scanUrl = "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(item.srcDocUrl);
         //   window.open(scanUrl, "_blank");
         // }
+       
+        if(!item.fileVersionId){
           this.setState({
             previewing:true,
             showPreviewModal:true,
@@ -221,6 +223,12 @@ class ManageCoursewareModal extends React.Component {
               }
               const uploadSign = await BaseService.getYoZoSign(uploadParams);
               BaseService.yoZoUpload(item.srcDocUrl,YZ_APPId,uploadSign).then(async function (response){
+                const saveParams ={ 
+                  fileVersionId:response.data.data.fileVersionId,
+                  folderId:item.folderId,
+                  instId:User.getStoreId(),
+                }
+                BaseService.saveYoZoFileVersionId(saveParams);
                 const { previewing }  = that.state;
                 if(previewing){
                   const  previewParams ={
@@ -238,6 +246,22 @@ class ManageCoursewareModal extends React.Component {
                 }
               })
           })
+        }else{
+          const previewParams ={
+            fileVersionId:item.fileVersionId,
+            instId:User.getStoreId(),
+            yoZoTypeEnum:'VIEW',
+            htmlTitle:item.fileName
+          }
+          const previewSign = await BaseService.getYoZoSign(previewParams);
+          const url = `${YZ_PREVIEW_URL}?fileVersionId=${item.fileVersionId}&appId=${YZ_APPId}&sign=${previewSign}&htmlTitle=${item.fileNam}`
+          const a = document.createElement('a');
+          document.body.appendChild(a);
+          a.setAttribute('href', url);
+          a.setAttribute('target', '_blank');
+          a.click();
+          document.body.removeChild(a)
+        }
       break;
       case "JPG":
       case "PNG":

src/modules/prepare-lesson/components/FolderManage.jsx

@@ -13,7 +13,6 @@ import { Spin, message } from 'antd';
 import User from '@/common/js/user';
 
 import OperateArea from './OperateArea';
-import FolderList from './FolderList';
 
 import { DISK_MAP, suffixMap } from "@/common/constants/academic/lessonEnum";
 
@@ -301,27 +300,6 @@ class FolderManage extends React.Component {
             onChangeFolderPath={this.handleChangeFolderPath}
             onRefresh={this.handleFetchFolderList}
           />
-
-          {/* 文件夹列表 */}
-          <FolderList
-            query={query}
-            totalCount={totalCount}
-            balance={balance}
-            showResultPage={showResultPage}
-            currentRootDisk={currentRootDisk}
-            hasManagementAuthority={hasManagementAuthority}
-            
-            folderList={folderList}
-            folderPathList={folderPathList}
-            selectedFileIds={selectedFileIds}
-
-            onChangeRow={this.handleChangeRow}
-            onChangeFolderPath={this.handleChangeFolderPath}
-            onMove={this.handleMove}
-            onUpload={this.handleUploadDone}
-            onChangePage={this.handleChangePage}
-            onRefresh={this.handleFetchFolderList}
-          />
         </div>
       </Spin>
       

src/modules/resource-disk/components/FolderList.jsx

@@ -199,7 +199,7 @@ class FolderList extends React.Component {
                       htmlTitle:folderName
                     }
                     const previewSign = await BaseService.getYoZoSign(previewParams);
-                    const url = `${YZ_PREVIEW_URL}?fileVersionId=${response.data.data.fileVersionId}&appId=${appId}&sign=${previewSign}&htmlTitle=${folderName}`
+                    const url = `${YZ_PREVIEW_URL}?fileVersionId=${response.data.data.fileVersionId}&appId=${YZ_APPId}&sign=${previewSign}&htmlTitle=${folderName}`
                     that.setState({
                       previewStatus:'UPLOAD_SUCCESS',
                       url
@@ -216,7 +216,7 @@ class FolderList extends React.Component {
               htmlTitle:folderName
             }
             const previewSign = await BaseService.getYoZoSign(previewParams);
-            const url = `${YZ_PREVIEW_URL}?fileVersionId=${fileVersionId}&appId=${appId}&sign=${previewSign}&htmlTitle=${folderName}`
+            const url = `${YZ_PREVIEW_URL}?fileVersionId=${fileVersionId}&appId=${YZ_APPId}&sign=${previewSign}&htmlTitle=${folderName}`
             const a = document.createElement('a');
             document.body.appendChild(a);
             a.setAttribute('href', url);

src/modules/resource-disk/modal/PreviewFileModal.jsx

-import React from 'react';
-import "./PreviewFileModal.less";
-import { Spin } from 'antd'
-class PreviewFileModal extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  cancelPreView = ()=>{
-    this.props.onCancel();
-  }
-  toPreView = (url)=>{
-    const a = document.createElement('a');
-    document.body.appendChild(a);
-    a.setAttribute('href', url);
-    a.setAttribute('target', '_blank');
-    a.click();
-    document.body.removeChild(a);
-    this.props.onCancel();
-  }
-  render() {
-    const { previewStatus,url} = this.props
-    return (
-        <div className="preview-modal">
-            <div className="preview-modal-content">
-                <div className="load-img-box">
-                {previewStatus === "UPLOAD" && 
-                  <Spin size="large"/>
-                }
-                {previewStatus === "UPLOAD_SUCCESS" && 
-                  <img className="load-img" src="https://image.xiaomaiketang.com/xm/jJRK3bTEdc.png"></img>
-                }
-                </div>
-                <div className="load-text-box">
-                {previewStatus === "UPLOAD" && 
-                  <div className="load-text-box-title">预览生成中</div>
-                }
-                {previewStatus === "UPLOAD_SUCCESS" && 
-                  <div className="load-text-box-title">预览生成成功</div>
-                }
-                </div>
-                <div className="operate">
-                    <span className="btn cancel-preview-btn" onClick={()=>this.cancelPreView()}>取消预览</span>
-                    {previewStatus === "UPLOAD" &&
-                     <span className="btn to-preview-btn__disabled to-preview-btn">去查看</span>
-                    }
-                    {previewStatus === "UPLOAD_SUCCESS" &&
-                     <span className="btn to-preview-btn" onClick={()=>this.toPreView(url)}>去查看</span>
-                    }
-                </div>
-            </div>
-        </div>
-    );
-  }
-}
-
-export default PreviewFileModal;

src/modules/resource-disk/modal/PreviewFileModal.less

-.preview-modal{
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 102;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.7);
-    .preview-modal-content{
-        position:absolute;
-        left:calc(50% - 133px);
-        top:calc(50% - 87px);
-        color:#FFF;
-        text-align:center;
-        width:266px;
-        height:174px;
-        .ant-spin-dot-item{
-            background-color: #FFF;
-        }
-        .load-img-box{
-            .load-img{
-                width:44px;
-                height:44px;
-            }
-        }
-        .load-text-box{
-            margin-top:23px;
-            font-size:16px;
-            color:#FFF;
-            .load-text-box-title{
-                margin-bottom:8px;
-            }
-        }
-        .operate{
-            margin-top:24px;
-            .btn {
-                padding:5px 12px;
-                border:1px solid #E8E8E8;
-                border-radius:2px;
-            }
-            .cancel-preview-btn{
-                margin-right:8px;
-            }
-            .to-preview-btn__disabled{
-                border:1px solid #E8E8E8;
-                opacity: 0.4;
-                
-            }
-
-        }
-    }
-}
\ No newline at end of file