调整

public/react/src/modules/courses/coursmodel/AuthenModel.js

@@ -0,0 +1,49 @@
+import React, { Component } from 'react';
+import {getImageUrl} from 'educoder';
+import { Modal} from 'antd';
+import axios from 'axios';
+import './authenmodels.css'
+//立即申请试用
+class AuthenModel extends Component {
+
+	constructor(props) {
+		super(props);
+		this.state={
+
+		}
+	}
+
+
+	render() {
+
+		return(
+			<Modal
+				keyboard={false}
+				closable={false}
+				footer={null}
+				destroyOnClose={true}
+				title="提示"
+				centered={true}
+				visible={this.props.authenmodels===undefined?false:this.props.authenmodels}
+				width="442px"
+			>
+				<div className="educouddiv">
+					{
+						this.props.authenmodelsinde&&this.props.authenmodelsinde===1?
+							<div className={"tabeltext-alignleft mt10"}><p className="titiles">选择该项后，所有学员必须经过平台实名审核才能加入课堂，您确定吗？</p></div>
+							:
+							this.props.authenmodelsinde&&this.props.authenmodelsinde===2?
+								<div className={"tabeltext-alignleft mt10"}><p className="titiles">选择该项后，所有学员必须经过平台职业审核才能加入课堂，您确定吗？</p></div>
+								:""
+					}
+					<div className="clearfix mt30 edu-txt-center">
+						<a className="task-btn mr30 w80" onClick={()=>this.props.setmodalsTypedel(false,this.props.authenmodelsinde)}>取消</a>
+						<a className="task-btn task-btn-orange w80" onClick={()=>this.props.setmodalsTypedel(true,this.props.authenmodelsinde)}>确定</a>
+					</div>
+				</div>
+			</Modal>
+		)
+	}
+}
+
+export default AuthenModel;

public/react/src/modules/courses/new/CoursesNew.js

@@ -6,6 +6,7 @@ import "../css/Courses.css";
 import locale from 'antd/lib/date-picker/locale/zh_CN';
 import moment from 'moment';
 import Modals from '../../modals/Modals';
+import AuthenModel from '../coursmodel/AuthenModel'
 import {WordsBtn, ActionBtn} from 'educoder';
 
 
@@ -49,7 +50,9 @@ class CoursesNew extends Component {
             addonAfteronelentwo:0,
             bordebool:false,
 					  smallspinning:false,
-					  bottonloading:false
+					  bottonloading:false,
+					  authenmodels:false,
+					  authenmodelsinde:1,
         }
     }
     componentDidMount() {
@@ -388,15 +391,35 @@ class CoursesNew extends Component {
         });
     }
     onchanges =(e)=>{
-        this.setState({
-            Realnamecertification:e.target.checked,
-        })
+    	//实名认证
+
+			if(e.target.checked===true){
+				this.setState({
+					authenmodels:true,
+					authenmodelsinde:1
+				})
+			}else{
+				this.setState({
+					Realnamecertification:e.target.checked,
+				})
+			}
+
+
         // console.log(e.target.checked);
     }
     onchangess=(e)=>{
-        this.setState({
-            Professionalcertification:e.target.checked,
-        })
+			//职业认证
+			if(e.target.checked===true){
+				this.setState({
+					authenmodels:true,
+					authenmodelsinde:2
+				})
+			}else{
+				this.setState({
+					Professionalcertification:e.target.checked,
+				})
+			}
+
         // console.log(e.target.checked);
     }
     Searchvalue=(value)=>{
@@ -552,6 +575,27 @@ class CoursesNew extends Component {
 		showApplyForAddOrgModal = () => {
 			this.applyForAddOrgForm.setVisible(true)
 		}
+
+	 setmodalsTypedel=(bool,i)=>{
+    	if(i===1){
+    	   if(bool===true){
+					 this.setState({
+						 Realnamecertification:true,
+					 })
+				 }
+			}else if(i===2){
+				if(bool===true){
+         this.setState({
+					 Professionalcertification:true,
+
+				 })
+				}
+			}
+    	this.setState({
+				authenmodels:false
+			})
+
+	 }
     render() {
         let {datatime,school,searchlistscholl,bordebool,dataname} = this.state;
         const {getFieldDecorator} = this.props.form;
@@ -604,6 +648,26 @@ class CoursesNew extends Component {
 									</style>
 									<ApplyForAddOrgModal ref="applyForAddOrgModal" wrappedComponentRef={(form) => this.applyForAddOrgForm = form}  schoolName={school}
 																			 {...propsWithoutForm}></ApplyForAddOrgModal>
+									{
+										this.state.authenmodels&&this.state.authenmodels===true?
+											<style>
+												{
+													`
+													body{
+													
+													overflow:hidden !important ;
+													}
+													`
+												}
+											</style>
+											:""
+									}
+									{
+										this.state.authenmodels&&this.state.authenmodels===true?
+											<AuthenModel {...this.state} {...this.props} authenmodelsinde={this.state.authenmodelsinde} setmodalsTypedel={(bool,i)=>this.setmodalsTypedel(bool,i)}></AuthenModel>
+
+											:""
+									}
                     {/*提示*/}
                     <Modals
                         modalsType={this.state.Modalstype}