feat:修改文案提示

src/modules/plan-manage/AddPlan.jsx

@@ -2,7 +2,7 @@
  * @Author: zhangleyuan
  * @Date: 2021-02-20 16:13:39
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2021-03-12 11:29:48
+ * @LastEditTime: 2021-03-13 14:34:50
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
@@ -38,6 +38,7 @@ function AddPlan() {
     const [basicData,setBasicData] = useState(defaultBasicData);
     const [taskList,setTaskList] = useState(defaultTaskList);
     const [expiredCourseList,setExpiredCourseList] = useState([]);
+    const [hasGetDetail,setHasGetDetail]= useState(false);
     useEffect(()=>{
         if(type==='edit'){
             getPlanDetail();  
@@ -102,7 +103,8 @@ function AddPlan() {
                 percentCompleteLive,
                 percentCompleteVideo
             })
-            setTaskList(trainingTaskList)
+            setTaskList(trainingTaskList);
+            setHasGetDetail(true);
         })
     }
     function handleChangeBasicInfo(field, value){
@@ -261,7 +263,7 @@ function AddPlan() {
                 </div>
                 <div className="basic-info__wrap">
                     <div className="title">培训任务</div>
-                    { (type==='edit' && taskList.length>0) &&
+                    { (type==='edit' && hasGetDetail) &&
                         <TrainingTask data={taskList} onChange={handleChangeTaskInfo} />
                     }
                     { type==='add' &&

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

@@ -2,7 +2,7 @@
  * @Author: zhangleyuan
  * @Date: 2021-02-20 16:46:46
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2021-03-10 15:51:26
+ * @LastEditTime: 2021-03-13 14:26:18
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
@@ -31,7 +31,7 @@ function PlanList(props) {
                 width:'15%',
                 render: (val, record) => {
                     return (
-                        <div className="plan__name">
+                        <div className="plan-name">
                             {val}
                         </div>
                     )
@@ -75,7 +75,7 @@ function PlanList(props) {
             },
             {
                 title: '创建时间',
-                width: "10%",
+                width: "12.5%",
                 key: 'created',
                 dataIndex: 'created',
                 sorter: true,
@@ -85,7 +85,7 @@ function PlanList(props) {
             },
             {
                 title: '更新时间',
-                width: "10%",
+                width: "12.5%",
                 key: 'updated',
                 dataIndex: 'updated',
                 sorter: true,
@@ -111,7 +111,7 @@ function PlanList(props) {
                 title: '操作',
                 key: 'operate',
                 dataIndex: 'operate',
-                width: '25%',
+                width: '20%',
                 render: (val, record) => {
                     return (
                         <div className="operate">

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

 .plan-list{
     margin-top:12px;
+    .plan-name{
+      text-overflow: -o-ellipsis-lastline;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
     .operate-text {
         color: #5289FA;
         cursor: pointer;

src/modules/plan-manage/modal/relatedCourseModal.jsx

@@ -161,11 +161,12 @@ class SelectOperatorModal extends React.Component {
       videoSize:size
     },()=>{this.handleFetchLiveDataList()})
   }
+
   // 请求表头
   parseLiveColumns = () => {
     const columns = [
       {
-        title: <span><span>课程信息</span><Tooltip  title="以下为该培训计划暂未关联的课程。 已关联的课程不支持重复选择，因此不显示。"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px'}}>&#xe61d;</i></Tooltip></span>,
+        title: <span><span>课程信息</span><Tooltip  title="仅显示未关联课程，已关联课程不支持重复选择"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px'}}>&#xe61d;</i></Tooltip></span>,
         key: 'course',
         dataIndex: 'course',
         width:'45%',
@@ -229,7 +230,7 @@ class SelectOperatorModal extends React.Component {
   parseVideoColumns = () => {
     const columns = [
       {
-        title: <span><span>课程信息</span><Tooltip  title="以下为该培训计划暂未关联的课程。 已关联的课程不支持重复选择，因此不显示。"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px'}}>&#xe61d;</i></Tooltip></span>,
+        title: <span><span>课程信息</span><Tooltip  title="仅显示未关联课程，已关联课程不支持重复选择"><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf',fontSize:'14px'}}>&#xe61d;</i></Tooltip></span>,
         key: 'course',
         dataIndex: 'course',
         width:'60%',

src/modules/store-manage/StoreInfo.jsx

@@ -250,7 +250,6 @@ class StoreInfo extends React.Component {
                   <div className="operate-con">
                     <div><span onClick={() => {this.setState({ showSelectFileModal:true  })}} className="upload-btn">
                       {logo ? <span>重新上传</span> : <span>上传</span> }
-                      
                     </span></div>
                     <div className="tip">建议尺寸702*180px。最大2M，支持jpg、jpeg和png。</div>
                   </div>