styles:课程管理表格优化；删除无用的代码，修复eslint waring

f2841625 · guomingpang · 138406a8 · 4b287ee4 · f2841625 · f2841625
Commit f2841625 authored Jul 06, 2021 by guomingpang
4 changed files
--- a/src/modules/course-manage/components/LiveCourseList.jsx
+++ b/src/modules/course-manage/components/LiveCourseList.jsx
--- a/src/modules/course-manage/offline-course/components/OfflineCourseList.jsx
+++ b/src/modules/course-manage/offline-course/components/OfflineCourseList.jsx
@@ -10,7 +10,7 @@ import Service from '@/common/js/service';
 import User from '@/common/js/user';
 import college from '@/common/lottie/college';
 import { PageControl, XMTable } from '@/components';
-import { appId, LIVE_SHARE } from '@/domains/course-domain/constants';
+import { LIVE_SHARE } from '@/domains/course-domain/constants';
 import CourseService from '@/domains/course-domain/CourseService';
 import ShareLiveModal from '@/modules/course-manage/modal/ShareLiveModal';
 import OfflineCourseData from '@/modules/course-manage/offline-course/OfflineCourseData';
@@ -78,7 +78,7 @@ class OfflineCourseList extends React.Component {
          } ${moment(startTime).format('HH:mm')} ~ ${moment(endTime).format('HH:mm')}`;
          return (
            <div className='record__item'>
-              <img className='course-cover' src={coverUrl || defaultCoverUrl} />
+              <img className='course-cover' src={coverUrl || defaultCoverUrl} alt='' />
              <div style={{ width: 175 }}>
                <Tooltip title={courseName}>
                  <div className='course-name'>{courseName}</div>
@@ -152,14 +152,14 @@ class OfflineCourseList extends React.Component {
      },
      {
        title: '报名时间',
-        width: 181,
+        width: 200,
        key: 'apply',
        dataIndex: 'apply',
        sorter: true,
        render: (val, item) => {
          return (
-            <div>
+            <div style={{ whiteSpace: 'nowrap' }}>
-              {item.startTimeApply ? `${formatDate('MM-DD H:i', item.startTimeApply)} ~ ${formatDate('MM-DD H:i', item.endTimeApply)}` : '-'}
+              {item.startTimeApply ? `${window.formatDate('MM-DD H:i', item.startTimeApply)} ~ ${window.formatDate('MM-DD H:i', item.endTimeApply)}` : '-'}
              {item.whetherApplyFull === 'YES' && (
                <span
                  style={{
@@ -185,7 +185,7 @@ class OfflineCourseList extends React.Component {
        dataIndex: 'created',
        sorter: true,
        render: (val) => {
-          return formatDate('YYYY-MM-DD H:i', val);
+          return <span style={{ whiteSpace: 'nowrap' }}>{window.formatDate('YYYY-MM-DD H:i', val)}</span>;
        },
      },
      {
@@ -360,8 +360,6 @@ class OfflineCourseList extends React.Component {
  // 显示分享弹窗
  handleShowShareModal = (record, needStr = false) => {
    const { courseId } = record;
-    const _appId = appId;
    const htmlUrl = `${LIVE_SHARE}offline_detail/${courseId}?id=${User.getStoreId()}`;
    const longUrl = htmlUrl;
    const { courseName, courseMediaVOS } = record;
@@ -437,7 +435,7 @@ class OfflineCourseList extends React.Component {
          columns={this.parseColumns()}
          onChange={this.handleChangeTable}
          pagination={false}
-          scroll={{ x: 1500 }}
+          scroll={{ x: 1300 }}
          bordered
          className='offline-list-table'
        />

--- a/src/modules/course-manage/video-course/components/VideoCourseList.jsx
+++ b/src/modules/course-manage/video-course/components/VideoCourseList.jsx
-import { Dropdown, message, Modal, Switch, Table, Tooltip } from 'antd';
+import { Dropdown, message, Modal, Switch, Tooltip } from 'antd';
 import User from '@/common/js/user';
 import { PageControl } from '@/components';
 import { LIVE_SHARE } from '@/domains/course-domain/constants';
@@ -185,7 +185,7 @@ class VideoCourseList extends React.Component {
        dataIndex: 'created',
        sorter: true,
        render: (val) => {
-          return formatDate('YYYY-MM-DD H:i', val);
+          return window.formatDate('YYYY-MM-DD H:i', val);
        },
      },
      {
@@ -195,7 +195,7 @@ class VideoCourseList extends React.Component {
        dataIndex: 'updated',
        sorter: true,
        render: (val) => {
-          return formatDate('YYYY-MM-DD H:i', val);
+          return window.formatDate('YYYY-MM-DD H:i', val);
        },
      },
      {
@@ -211,7 +211,7 @@ class VideoCourseList extends React.Component {
                  <Tooltip title={this.handlePlanName(record.relatedPlanList)} placement='top' arrowPointAtCenter>
                    {record.relatedPlanList.map((item, index) => {
                      return (
-                        <span>
+                        <span key={item.planId}>
                          {item.planName} {index < record.relatedPlanList.length - 1 && <span> 、</span>}
                        </span>
                      );
@@ -296,7 +296,7 @@ class VideoCourseList extends React.Component {
  handlePlanName = (planArray) => {
    let planStr = '';
-    planArray.map((item, index) => {
+    planArray.forEach((item, index) => {
      if (index < planArray.length - 1) {
        planStr = planStr + item.planName + '、';
      } else {

--- a/src/modules/plan-manage/components/PlanList.jsx
+++ b/src/modules/plan-manage/components/PlanList.jsx
@@ -8,9 +8,9 @@
 */
 import React, { useState } from 'react';
-import { Table, Modal, message, Tooltip, Switch, Dropdown } from 'antd';
+import { Modal, message, Tooltip, Switch, Dropdown } from 'antd';
 import { withRouter } from 'react-router-dom';
-import { PageControl, XMTable } from "@/components";
+import { PageControl, XMTable } from '@/components';
 import PlanService from '@/domains/plan-domain/planService';
 import SharePlanModal from '../modal/SharePlanModal';
 import { LIVE_SHARE } from '@/domains/course-domain/constants';
@@ -29,6 +29,7 @@ function PlanList(props) {
        key: 'planName',
        dataIndex: 'planName',
        width: '18%',
+        fixed: 'left',
        render: (val, record) => {
          return (
            <div className='plan_name_item'>
@@ -86,7 +87,7 @@ function PlanList(props) {
        dataIndex: 'created',
        sorter: true,
        render: (val) => {
-          return window.formatDate('YYYY-MM-DD H:i', val);
+          return <span style={{ whiteSpace: 'nowrap' }}>{window.formatDate('YYYY-MM-DD H:i', val)}</span>;
        },
      },
      {
@@ -96,7 +97,7 @@ function PlanList(props) {
        dataIndex: 'updated',
        sorter: true,
        render: (val) => {
-          return window.formatDate('YYYY-MM-DD H:i', val);
+          return <span style={{ whiteSpace: 'nowrap' }}>{window.formatDate('YYYY-MM-DD H:i', val)}</span>;
        },
      },
      {
@@ -114,7 +115,7 @@ function PlanList(props) {
        key: 'operate',
        dataIndex: 'operate',
        fixed: 'right',
-        width: 176,
+        width: 100,
        render: (val, record) => {
          return (
            <div className='operate'>
@@ -317,7 +318,7 @@ function PlanList(props) {
        scroll={{ x: 1400 }}
        className='plan-list-table'
        renderEmpty={{
-          description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
+          description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>,
        }}
      />
      <div className='box-footer'>