style：课程管理列表，时间不换行，列表优化

src/modules/course-manage/offline-course/components/OfflineCourseList.jsx

@@ -78,7 +78,7 @@ class OfflineCourseList extends React.Component {
           } ${moment(startTime).format('HH:mm')} ~ ${moment(endTime).format('HH:mm')}`;
           } ${moment(startTime).format('HH:mm')} ~ ${moment(endTime).format('HH:mm')}`;
           return (
           return (
             <div className='record__item'>
             <div className='record__item'>
-              <img className='course-cover' src={coverUrl || defaultCoverUrl} />
+              <img className='course-cover' src={coverUrl || defaultCoverUrl} alt='' />
               <div style={{ width: 175 }}>
               <div style={{ width: 175 }}>
                 <Tooltip title={courseName}>
                 <Tooltip title={courseName}>
                   <div className='course-name'>{courseName}</div>
                   <div className='course-name'>{courseName}</div>
@@ -159,7 +159,7 @@ class OfflineCourseList extends React.Component {
         render: (val, item) => {
         render: (val, item) => {
           return (
           return (
             <div>
             <div>
-              {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' && (
               {item.whetherApplyFull === 'YES' && (
                 <span
                 <span
                   style={{
                   style={{
@@ -185,7 +185,7 @@ class OfflineCourseList extends React.Component {
         dataIndex: 'created',
         dataIndex: 'created',
         sorter: true,
         sorter: true,
         render: (val) => {
         render: (val) => {
-          return formatDate('YYYY-MM-DD H:i', val);
+          return <span style={{ whiteSpace: 'nowrap' }}>{window.formatDate('YYYY-MM-DD H:i', val)}</span>;
         },
         },
       },
       },
       {
       {
@@ -437,7 +437,7 @@ class OfflineCourseList extends React.Component {
           columns={this.parseColumns()}
           columns={this.parseColumns()}
           onChange={this.handleChangeTable}
           onChange={this.handleChangeTable}
           pagination={false}
           pagination={false}
-          scroll={{ x: 1500 }}
+          scroll={{ x: 1300 }}
           bordered
           bordered
           className='offline-list-table'
           className='offline-list-table'
         />
         />

src/modules/plan-manage/components/PlanList.jsx

@@ -8,9 +8,9 @@
  */
  */
 
 
 import React, { useState } from 'react';
 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 { withRouter } from 'react-router-dom';
-import { PageControl, XMTable } from "@/components";
+import { PageControl, XMTable } from '@/components';
 import PlanService from '@/domains/plan-domain/planService';
 import PlanService from '@/domains/plan-domain/planService';
 import SharePlanModal from '../modal/SharePlanModal';
 import SharePlanModal from '../modal/SharePlanModal';
 import { LIVE_SHARE } from '@/domains/course-domain/constants';
 import { LIVE_SHARE } from '@/domains/course-domain/constants';
@@ -29,6 +29,7 @@ function PlanList(props) {
         key: 'planName',
         key: 'planName',
         dataIndex: 'planName',
         dataIndex: 'planName',
         width: '18%',
         width: '18%',
+        fixed: 'left',
         render: (val, record) => {
         render: (val, record) => {
           return (
           return (
             <div className='plan_name_item'>
             <div className='plan_name_item'>
@@ -86,7 +87,7 @@ function PlanList(props) {
         dataIndex: 'created',
         dataIndex: 'created',
         sorter: true,
         sorter: true,
         render: (val) => {
         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',
         dataIndex: 'updated',
         sorter: true,
         sorter: true,
         render: (val) => {
         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',
         key: 'operate',
         dataIndex: 'operate',
         dataIndex: 'operate',
         fixed: 'right',
         fixed: 'right',
-        width: 176,
+        width: 100,
         render: (val, record) => {
         render: (val, record) => {
           return (
           return (
             <div className='operate'>
             <div className='operate'>
@@ -317,7 +318,7 @@ function PlanList(props) {
         scroll={{ x: 1400 }}
         scroll={{ x: 1400 }}
         className='plan-list-table'
         className='plan-list-table'
         renderEmpty={{
         renderEmpty={{
-          description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
+          description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>,
         }}
         }}
       />
       />
       <div className='box-footer'>
       <div className='box-footer'>