feat:初始化页面

src/modules/course-manage/graphics-course/components/GraphicsCourseList.jsx

@@ -17,6 +17,7 @@ import { appId, shareUrl, LIVE_SHARE } from '@/domains/course-domain/constants';
 import ShareLiveModal from '@/modules/course-manage/modal/ShareLiveModal';
 import WatchDataModal from '../modal/WatchDataModal'
 import CourseService from "@/domains/course-domain/CourseService";
+import RelatedPlanModal from '../../modal/RelatedPlanModal';
 
 import User from '@/common/js/user'
 
@@ -196,28 +197,66 @@ class GraphicsCourseList extends React.Component {
     return columns;
   }
 
+  handleRelatedModalShow = (item) => {
+    const selectPlanList = {};
+    if(item.relatedPlanList){
+      item.relatedPlanList.map((item, index) => {
+        selectPlanList[item.planId] = {}
+        selectPlanList[item.planId].planId = item.planId;
+        selectPlanList[item.planId].taskBaseVOList = [{ taskId: item.taskId }];
+        return item
+      })
+    }
+
+    this.setState({
+      RelatedPlanModalVisible: true,
+      selectCourseId: item.id,
+      selectPlanList: selectPlanList,
+    })
+  }
+
+  closeRelatedPlanModalVisible = ()=>{
+    this.setState({
+      RelatedPlanModalVisible: false
+    })
+  }
+
+  onChangeSelectPlanList = (selectPlanList) => {
+    this.setState({
+      selectPlanList: selectPlanList
+    })
+  }
+
+  onConfirmSelectPlanList = () => {
+    this.setState({
+      RelatedPlanModalVisible: false
+    }, () => { this.props.onChange(); });
+  }
+
   renderMoreOperate = (item) => {
     return (
       <div className="live-course-more-menu">
+        {(User.getUserRole() === "CloudManager" || User.getUserRole() === "StoreManager") &&
           <div
             className="operate__item"
             key="plan"
             onClick={() => {
-              RCHistory.push(`/create-graphics-course?type=edit&id=${item.id}`);
+              this.handleRelatedModalShow(item);
             }}
           >关联培训计划</div>
-          <div
-            className="operate__item"
-            key="edit"
-            onClick={() => {
-              RCHistory.push(`/create-graphics-course?type=edit&id=${item.id}`);
-            }}
-          >编辑</div>
-          <div
-            className="operate__item"
-            key="delete"
-            onClick={() => this.handleDeleteGraphicsCourse(item.id)}
-          >删除</div>
+        }
+        <div
+          className="operate__item"
+          key="edit"
+          onClick={() => {
+            RCHistory.push(`/create-graphics-course?type=edit&id=${item.id}`);
+          }}
+        >编辑</div>
+        <div
+          className="operate__item"
+          key="delete"
+          onClick={() => this.handleDeleteGraphicsCourse(item.id)}
+        >删除</div>
       </div>
     )
   }
@@ -285,7 +324,7 @@ class GraphicsCourseList extends React.Component {
       scheduleVideoUrl,
       courseName,
     };
-    
+
     const shareLiveModal = (
       <ShareLiveModal
         needStr={needStr}
@@ -325,7 +364,7 @@ class GraphicsCourseList extends React.Component {
   }
   
   render() {
-
+    const { RelatedPlanModalVisible, selectCourseId, selectPlanList } = this.state;
     const { dataSource = [], totalCount, query } = this.props;
     const { current, size } = query;
 
@@ -352,7 +391,17 @@ class GraphicsCourseList extends React.Component {
               this.props.onChange(_query)
             }}
           />
-        </div>   
+        </div>  
+        {RelatedPlanModalVisible &&
+          <RelatedPlanModal 
+            onClose={this.closeRelatedPlanModalVisible}
+            visible={RelatedPlanModalVisible}
+            selectCourseId={selectCourseId}
+            selectPlanList={selectPlanList}
+            onChange={this.onChangeSelectPlanList}
+            onConfirm={this.onConfirmSelectPlanList}
+          />
+        } 
         { this.state.shareLiveModal }
         { this.state.watchDataModal }
       </div>