style:各课程默认图替换

1b8f3f61 · yuananting · 1a27722f · 1b8f3f61 · 1b8f3f61 · 1b8f3f61
Commit 1b8f3f61 authored Jun 02, 2021 by yuananting
6 changed files
--- a/src/modules/course-manage/graphics-course/components/GraphicsCourseList.jsx
+++ b/src/modules/course-manage/graphics-course/components/GraphicsCourseList.jsx
 /*
 * @Author: 吴文洁
 * @Date: 2020-08-05 10:12:45
- * @LastEditors: Please set LastEditors
+ * @LastEditors: yuananting
- * @LastEditTime: 2021-05-27 20:13:53
+ * @LastEditTime: 2021-06-02 15:05:54
 * @Description: 视频课-列表模块
 * @Copyright: 杭州杰竞科技有限公司 版权所有
 */
@@ -364,7 +364,7 @@ class GraphicsCourseList extends React.Component {
      <ShareLiveModal
        needStr={needStr}
        data={shareData}
-        type="videoClass"
+        type="graphicsClass"
        title="图文课"
        close={() => {
          this.setState({

--- a/src/modules/course-manage/modal/ShareLiveModal.jsx
+++ b/src/modules/course-manage/modal/ShareLiveModal.jsx
@@ -18,8 +18,6 @@ import CourseService from '@/domains/course-domain/CourseService'
 import './ShareLiveModal.less'
-const DEFAULT_COVER = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'
 class ShareLiveModal extends React.Component {
  constructor(props) {
    super(props)
@@ -98,27 +96,31 @@ class ShareLiveModal extends React.Component {
  render() {
    const { courseDivision, data, type, title } = this.props
-    const { courseName, coverUrl = DEFAULT_COVER, scheduleVideoUrl } = data
+    const { courseName, scheduleVideoUrl, courseMediaVOS, coverUrl } = data
    const { shareUrl, showImg, time } = this.state
    // 判断是否是默认图, 默认图不需要在URL后面增加字符串
-    const isDefaultCover = coverUrl === DEFAULT_COVER
+    let coverImgSrc = '';
+    switch (type) {
-    let coverImgSrc = coverUrl
+      case 'liveClass': // 直播课
-    if (type === 'videoClass') {
+        if (courseMediaVOS && courseMediaVOS.length > 0) {
-      if ((!coverUrl || isDefaultCover) && title !== '图文课' && title !== '线下课') {
+          data.courseMediaVOS.map((item, index) => {
-        if (courseDivision === 'external') {
+            if (item.contentType === 'COVER') {
-          coverImgSrc = 'https://image.xiaomaiketang.com/xm/mt3ZQRxGKB.png'
+              coverImgSrc = item.mediaUrl
+            }
+          })
        } else {
-          coverImgSrc = `${scheduleVideoUrl}?x-oss-process=video/snapshot,t_0,m_fast&anystring=anystring`
+          coverImgSrc = 'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png';
-        }
-      }
-    } else {
-      data.courseMediaVOS.map((item, index) => {
-        if (item.contentType === 'COVER') {
-          coverImgSrc = item.mediaUrl
        }
-      })
+        break;
+      case 'videoClass': // 视频课
+        coverImgSrc = coverUrl || (courseDivision === 'internal' ? `${scheduleVideoUrl}?x-oss-process=video/snapshot,t_0,m_fast&anystring=anystring` : 'https://image.xiaomaiketang.com/xm/mt3ZQRxGKB.png')
+        break;
+      case 'graphicsClass': // 图文课
+        coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png';
+        break;
+      case 'offlineClass': // 线下课
+          coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
+        break;
    }
    return (
@@ -137,7 +139,7 @@ class ShareLiveModal extends React.Component {
              <span className='text'>{User.getStoreName()}</span>
            </div>
-            <div className='course-name-title'>{type === 'videoClass' ? `${courseName}开课啦` : `邀请你观看直播：`}</div>
+            <div className='course-name-title'>{type === 'liveClass' ? `邀请你观看直播：` : `${courseName}开课啦`}</div>
            {type === 'liveClass' && <div class='live-couse-name'>{courseName}</div>}
            <Choose>
              <When condition={showImg}>

--- a/src/modules/course-manage/offline-course/components/OfflineCourseList.jsx
+++ b/src/modules/course-manage/offline-course/components/OfflineCourseList.jsx
 /*
 * @Author: 吴文洁
 * @Date: 2020-08-05 10:12:45
- * @LastEditors: Please set LastEditors
+ * @LastEditors: yuananting
- * @LastEditTime: 2021-05-27 20:14:01
+ * @LastEditTime: 2021-06-02 16:15:55
 * @Description: 视频课-列表模块
 * @Copyright: 杭州杰竞科技有限公司 版权所有
 */
@@ -25,7 +25,7 @@ import QRCodeModal from '../modal/QRCodeModal';
 import './OfflineCourseList.less';
 const ENV = process.env.DEPLOY_ENV || 'dev';
-const defaultCoverUrl = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png';
+const defaultCoverUrl = 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
 class OfflineCourseList extends React.Component {
@@ -358,7 +358,7 @@ class OfflineCourseList extends React.Component {
      <ShareLiveModal
        needStr={needStr}
        data={shareData}
-        type="videoClass"
+        type="offlineClass"
        title="线下课"
        close={() => {
          this.setState({

--- a/src/modules/knowledge-base/modal/AddCourse.jsx
+++ b/src/modules/knowledge-base/modal/AddCourse.jsx
@@ -2,8 +2,8 @@
 * @Description:
 * @Author: zangsuyun
 * @Date: 2021-03-13 09:54:26
- * @LastEditors: fusanqiasng
+ * @LastEditors: yuananting
- * @LastEditTime: 2021-05-30 23:59:36
+ * @LastEditTime: 2021-06-02 16:35:42
 * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
 */
@@ -324,7 +324,7 @@ class AddCourse extends React.Component {
                  return <img className='course-cover' src={item.mediaUrl} alt='' />
                }
              })}
-              {!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} alt='' />}
+              {!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png'} alt='' />}
              <div>
                <Choose>
                  <When condition={record.courseName.length > 17}>
@@ -501,8 +501,7 @@ class AddCourse extends React.Component {
          const { coverUrl } = record
          return (
            <div className='record__item'>
-              {/* 上传了封面的话就用上传的封面, 没有的话就取视频的第一帧 */}
+              <img className='course-cover' src={coverUrl || 'https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png'} alt='' />
-              <img className='course-cover' src={coverUrl || 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} alt='' />
              <Choose>
                <When condition={record.courseName.length > 25}>
                  <Tooltip title={record.courseName}>

--- a/src/modules/plan-manage/modal/SharePlanModal.jsx
+++ b/src/modules/plan-manage/modal/SharePlanModal.jsx
@@ -16,7 +16,7 @@ import CourseService from '@/domains/course-domain/CourseService'
 import './SharePlanModal.less'
-const DEFAULT_COVER = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'
+const DEFAULT_COVER = 'https://image.xiaomaiketang.com/xm/rEAetaTEh3.png'
 class ShareLiveModal extends React.Component {
  constructor(props) {

--- a/src/modules/plan-manage/modal/relatedCourseModal.jsx
+++ b/src/modules/plan-manage/modal/relatedCourseModal.jsx
@@ -304,7 +304,7 @@ class SelectOperatorModal extends React.Component {
                return null
              })}
              <If condition={!hasCover}>
-                <img className='course-cover' src={"https://image.xiaomaiketang.com/xm/YNfi45JwFA.png"} alt='' />
+                <img className='course-cover' src={"https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png"} alt='' />
              </If>
              <div>
@@ -432,8 +432,7 @@ class SelectOperatorModal extends React.Component {
          const { coverUrl } = record
          return (
            <div className='course-info'>
-              {/* 上传了封面的话就用上传的封面, 没有的话就取视频的第一帧 */}
+              <img className='course-cover' src={coverUrl || "https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png"} alt='' />
-              <img className='course-cover' src={coverUrl || "https://image.xiaomaiketang.com/xm/YNfi45JwFA.png"} alt='' />
              <div className='course-name'>{record.courseName}</div>
            </div>
          )