调整交互逻辑

public/react/src/modules/modals/Bottomsubmit.js

@@ -35,7 +35,7 @@ class Bottomsubmit extends Component {
               <span>取 消</span></button>
             <Button type="button" className="ant-btn newshixunmode mr40 ant-btn-primary" type="primary"
                     htmlType="submit" onClick={() => this.props.onSubmits()}
-                    loading={this.props.loadings}><span>确 定</span></Button>
+                    loading={this.props.loadings}><span>{this.props.bottomvalue===undefined?"确 定":this.props.bottomvalue}</span></Button>
           </div>
         </div>
       </div>

public/react/src/modules/tpm/TPMsettings/Configuration.js

@@ -69,14 +69,14 @@ export default class Shixuninformation extends Component {
   }
 
   componentDidMount() {
-    if (this.props.data) {
+    if (this.props.data.shixun) {
 
       this.setState({
-        can_copy: this.props.data && this.props.data.shixun.can_copy === undefined ? false : this.props.data.shixun.can_copy,
-        use_scope: this.props.data && this.props.data.shixun.use_scope,
-        opening_time: this.props.data && this.props.data.shixun.opening_time,
-        opentime: !this.props.data && this.props.data.shixun.opening_time ? false : true,
-        oldscope_partment: this.props.data && this.props.data.shixun.scope_partment,
+        can_copy:this.props.data.shixun && this.props.data.shixun.can_copy === undefined ? false : this.props.data.shixun&&this.props.data.shixun.can_copy,
+        use_scope: this.props.data.shixun && this.props.data.shixun.use_scope,
+        opening_time: this.props.data.shixun && this.props.data.shixun.opening_time,
+        opentime: !this.props.data.shixun && this.props.data.shixun.opening_time ? false : true,
+        oldscope_partment:this.props.data.shixun && this.props.data.shixun.scope_partment,
       })
 
     }
@@ -100,11 +100,11 @@ export default class Shixuninformation extends Component {
       if (this.props.data) {
 
         this.setState({
-          can_copy: this.props.data && this.props.data.shixun.can_copy === undefined ? false : this.props.data.shixun.can_copy,
-          use_scope: this.props.data && this.props.data.shixun.use_scope,
-          opening_time: this.props.data && this.props.data.shixun.opening_time,
-          opentime: !this.props.data && this.props.data.shixun.opening_time ? false : true,
-          oldscope_partment: this.props.data && this.props.data.shixun.scope_partment,
+          can_copy: this.props.data.shixun && this.props.data.shixun.can_copy === undefined ? false : this.props.data.shixun&&this.props.data.shixun.can_copy,
+          use_scope: this.props.data.shixun&& this.props.data.shixun.use_scope,
+          opening_time: this.props.data.shixun && this.props.data.shixun.opening_time,
+          opentime: !this.props.data.shixun && this.props.data.shixun.opening_time ? false : true,
+          oldscope_partment: this.props.data.shixun && this.props.data.shixun.scope_partment,
         })
 
       }
@@ -138,7 +138,7 @@ export default class Shixuninformation extends Component {
       if (response.data.status === -1) {
 
       } else {
-        this.props.getdatas()
+        this.props.getdatas("3")
         this.props.showNotification("权限配置保存成功!")
         this.setState({
           loading: false
@@ -249,7 +249,7 @@ export default class Shixuninformation extends Component {
 
     return (
       <div>
-        <div className="educontent mb200 edu-back-white padding10-20 pdb30">
+        <div className="educontent mb200 edu-back-white padding10-20 pdb30 mb50">
           <div className="clearfix ml40">
             <span className="color-grey-6 mt5 fl font-16 ml20" style={{minWidth: '45px'}}>复制:</span>
             <span className="fl mt8 ml13">
@@ -261,7 +261,7 @@ export default class Shixuninformation extends Component {
           </div>
 
           <div className="edu-back-white mb10 ml30 mt20">
-            {this.props.data && this.props.data.shixun.use_scope === 0 && this.props.data && this.props.data.shixun.status === 2 ? "" :
+            {this.props.data.shixun && this.props.data.shixun.use_scope === 0 && this.props.data.shixun && this.props.data.shixun.status === 2 ? "" :
               <div>
                 <span className="color-grey-6 mt5 fl font-16" style={{minWidth: '45px'}}>公开程度:</span>
                 <span className="fl mt8 ml20">
@@ -375,7 +375,7 @@ export default class Shixuninformation extends Component {
         </div>
         {this.props.identity < 5 ?
           <Bottomsubmit {...this.props} {...this.state} url={`/shixuns/${this.props.match.params.shixunId}/challenges`}
-                        onSubmits={this.onSubmits} loadings={this.state.loading}/> : ""}
+                        onSubmits={this.onSubmits} loadings={this.state.loading} bottomvalue={ this.props.shixunsDetails&&this.props.shixunsDetails.is_jupyter === true?"确 定":"下一步"} /> : ""}
       </div>
     );
   }

public/react/src/modules/tpm/TPMsettings/LearningSettings.js

@@ -34,7 +34,7 @@ export default class Shixuninformation extends Component {
 
 
   componentDidMount() {
-    if (this.props.data) {
+    if (this.props.data.shixun) {
 
       this.setState({
         vnc: this.props.data && this.props.data.shixun.vnc,
@@ -225,7 +225,7 @@ export default class Shixuninformation extends Component {
     console.log(this.props)
     return (
       <div>
-        <div className="educontent mb200 edu-back-white padding10-20 pdb30">
+        <div className="educontent mb200 edu-back-white padding10-20 pdb30 mb50">
 
           {this.state.websshshow === true ? "" : <div className="clearfix mb20">
             <span className="color-grey-6 mt5 fl font-16" style={{minWidth: '45px'}}>开启图形化界面：</span>

public/react/src/modules/tpm/TPMsettings/Shixuninformation.js

@@ -45,7 +45,7 @@ class Shixuninformation extends Component {
       Compilecommandvalue: "",
       shixun_service_configs: undefined,
       fileList:[],
-      loading:false
+      loading:false,
     }
   }
 
@@ -57,35 +57,35 @@ class Shixuninformation extends Component {
     if (prevProps.data != this.props.data) {
       if (this.props.data) {
         this.setState({
-          shixunName: this.props.data.shixun.name,
-          trainee: this.props.data.shixun.trainee,
-          choice_main_type: this.props.data.shixun.choice_main_type,
-          choice_small_type: this.props.data.shixun.choice_small_type,
-          choice_standard_scripts: this.props.data.shixun.choice_standard_scripts,
-          shixunmemoMDvalue: this.props.data.shixun.evaluate_script,
-          simichecked: this.props.data.shixun.is_secret_repository,
-          shixun_service_configs: this.props.data.shixun.shixun_service_configs,
-          standard_scripts:this.props.data.shixun.standard_scripts,
-          shixun_service_configlist:this.props.data.shixun.shixun_service_configs,
+          shixunName: this.props.data.shixun&&this.props.data.shixun.name,
+          trainee:this.props.data.shixun&&this.props.data.shixun.trainee,
+          choice_main_type: this.props.data.shixun&&this.props.data.shixun.choice_main_type,
+          choice_small_type: this.props.data.shixun&&this.props.data.shixun.choice_small_type,
+          choice_standard_scripts:this.props.data.shixun&&this.props.data.shixun.choice_standard_scripts,
+          shixunmemoMDvalue: this.props.data.shixun&&this.props.data.shixun.evaluate_script,
+          simichecked: this.props.data.shixun&&this.props.data.shixun.is_secret_repository,
+          shixun_service_configs: this.props.data.shixun&&this.props.data.shixun.shixun_service_configs,
+          standard_scripts:this.props.data.shixun&&this.props.data.shixun.standard_scripts,
+          shixun_service_configlist:this.props.data.shixun&&this.props.data.shixun.shixun_service_configs,
         })
 
-        if(this.props.data.shixun.choice_standard_scripts===null){
+        if(this.props.data.shixun&&this.props.data.shixun.choice_standard_scripts===null){
           this.setState({
-            choice_standard_scripts:{id: this.props.data.shixun.standard_scripts[0].id, value: ""},
-            choice_standard_scriptssum:this.props.data.shixun.standard_scripts[0].id
+            choice_standard_scripts:{id: this.props.data.shixun&&this.props.data.shixun.standard_scripts[0].id, value: ""},
+            choice_standard_scriptssum:this.props.data.shixun&&this.props.data.shixun.standard_scripts[0].id
           })
           this.props.form.setFieldsValue({
-            selectscripts:this.props.data.shixun.standard_scripts[0].id
+            selectscripts:this.props.data.shixun&&this.props.data.shixun.standard_scripts[0].id
           })
-          this.get_mirror_script(this.props.data.shixun.standard_scripts[0].id)
+          this.get_mirror_script(this.props.data.shixun&&this.props.data.shixun.standard_scripts[0].id)
         }else{
           this.props.form.setFieldsValue({
-            selectscripts:this.props.data.shixun.choice_standard_scripts
+            selectscripts:this.props.data.shixun&&this.props.data.shixun.choice_standard_scripts
           })
         }
 
         let newlist = ""
-        this.props.data.shixun.choice_small_type.map((item, key) => {
+        this.props.data.shixun&&this.props.data.shixun.choice_small_type.map((item, key) => {
           this.props.data.shixun.small_type.map((i,k)=>{
             if (item===i.id) {
               newlist = newlist + `${i.description}`
@@ -96,8 +96,8 @@ class Shixuninformation extends Component {
           subvalues: newlist
         })
 
-        this.props.data.shixun.main_type.map((item,key)=>{
-          if(item.id===this.props.data.shixun.choice_main_type){
+        this.props.data.shixun&&this.props.data.shixun.main_type.map((item,key)=>{
+          if(item.id===this.props.data.shixun&&this.props.data.shixun.choice_main_type){
             this.setState({
               mainvalues:item.description,
             })
@@ -105,12 +105,12 @@ class Shixuninformation extends Component {
         })
 
         this.props.form.setFieldsValue({
-          name: this.props.data.shixun.name,
-          trainee: this.props.data.shixun.trainee,
-          selectleft: this.props.data.shixun.choice_main_type,
-          selectright:this.props.data.shixun.choice_small_type,
+          name:this.props.data.shixun&&this.props.data.shixun.name,
+          trainee: this.props.data.shixun&&this.props.data.shixun.trainee,
+          selectleft: this.props.data.shixun&&this.props.data.shixun.choice_main_type,
+          selectright:this.props.data.shixun&&this.props.data.shixun.choice_small_type,
         })
-        this.contentMdRef.current.setValue(this.props.data.shixun.description);
+        this.contentMdRef.current.setValue(this.props.data.shixun&&this.props.data.shixun.description);
       }
     }
   }
@@ -681,7 +681,7 @@ class Shixuninformation extends Component {
         axios.put(url, data).then((result) => {
           if (result) {
             if (result.data) {
-                  this.props.getdatas()
+                  this.props.getdatas("2")
               if(result.data.shixun_identifier){
                 this.props.showNotification("基本信息更新成功!")
                 this.setState({
@@ -838,7 +838,7 @@ class Shixuninformation extends Component {
                     >
 
                       {
-                        this.props.data === undefined ? "" : this.props.data.shixun.main_type.map((item, key) => {
+                        this.props.data === undefined ? "" : this.props.data.shixun&&this.props.data.shixun.main_type.map((item, key) => {
                           return (
                             <Option value={item.id} key={key} name={item.description}>
                               <Tooltip placement="right" title={item.description === "" ? "无描述" : item.description}>
@@ -867,7 +867,7 @@ class Shixuninformation extends Component {
                   <div className=" fl pr mr20">
                     <Select placeholder="请选择小类别"
                             mode="multiple"
-                            value={this.state.choice_small_type.length === 0 || this.state.choice_small_type[0] === "" || this.state.choice_small_type === [] ? undefined : this.state.choice_small_type}
+                            value={!this.state.choice_small_type?undefined:this.state.choice_small_type.length === 0 || this.state.choice_small_type[0] === "" || this.state.choice_small_type === [] ? undefined : this.state.choice_small_type}
                             style={{width: 200}}
                             disabled={operateauthority ? false : true}
                             onDeselect={operateauthority ? this.Deselectlittle : ""}
@@ -876,7 +876,7 @@ class Shixuninformation extends Component {
                             defaultOpen={false}
                     >
                       {
-                        this.props.data === undefined ? "" : this.props.data.shixun.small_type.map((item, key) => {
+                        this.props.data === undefined ? "" : this.props.data.shixun&&this.props.data.shixun.small_type.map((item, key) => {
                           return (
                             <Option value={item.id} key={key} name={item.description}>
                               <Tooltip placement="right" title={item.description === "" ? "无描述" : item.description}>
@@ -1251,7 +1251,7 @@ class Shixuninformation extends Component {
         </div>
         {this.props.identity < 5 ?
           <Bottomsubmit {...this.props} {...this.state} url={`/shixuns/${this.props.match.params.shixunId}/challenges`}
-                        onSubmits={this.onSubmits} loadings={this.state.loading} /> : ""}
+                        onSubmits={this.onSubmits} loadings={this.state.loading} bottomvalue={"下一步"} /> : ""}
       </div>
 
     );

public/react/src/modules/tpm/TPMsettings/TPMsettings.js

@@ -24,42 +24,51 @@ const {TabPane} = Tabs;
 export default class TPMsettings extends Component {
   constructor(props) {
     super(props)
-    this.state = {}
+    this.state = {
+      activeKeys:"1"
+    }
   }
 
 
   componentDidMount() {
-    this.getdatas()
+    this.getdatas("1")
   }
 
-  getdatas = () => {
+  getdatas = (key) => {
 
     let id = this.props.match.params.shixunId;
     let Url = `/shixuns/` + id + `/settings.json`;
     axios.get(Url).then((response) => {
       // alert(response.data.shixun.choice_standard_scripts)
       if (response.status === 200) {
+
         this.setState({
           data: response.data
         })
-        if (response.data.shixun.multi_webssh === true) {
-          this.setState({
-            SelectTheCommandtype: true
-          })
-        } else {
-          this.setState({
-            SelectTheCommandtype: false
-          })
-        }
+
         if (response.data.shixun.scope_partment.length > 0) {
           this.setState({
             scopetype: true
           })
         }
+
       }
 
     });
 
+    if(key==="3"&&this.props.shixunsDetails&&this.props.shixunsDetails.is_jupyter === true){
+      this.props.history.replace(`/shixuns/${this.props.match.params.shixunId}/challenges`);
+    }else{
+      if(key){
+        this.setState({
+          activeKeys:key
+        })
+      }else{
+        this.props.history.replace(`/shixuns/${this.props.match.params.shixunId}/challenges`);
+      }
+
+    }
+
   }
 
   operateshixuns = (value) => {
@@ -111,6 +120,12 @@ export default class TPMsettings extends Component {
     })
   }
 
+  callback = (key) =>  {
+    this.setState({
+      activeKeys:key
+    })
+  }
+
   render() {
 
     let showtabs = this.props.shixunsDetails === undefined ? "" : this.props.shixunsDetails.is_jupyter === true ? "" : "学习页面设置"
@@ -120,7 +135,7 @@ export default class TPMsettings extends Component {
     // console.log(a.indexOf("vnc"))
     // console.log(b.indexOf("vnc"))
 
-    console.log( this.props.shixunsDetails === undefined ? "" : this.props.shixunsDetails.is_jupyter === false ? "学习页面设置" : "")
+    // console.log( this.props.shixunsDetails === undefined ? "" : this.props.shixunsDetails.is_jupyter === false ? "学习页面设置" : "")
     return (
 
       <div>
@@ -143,7 +158,8 @@ export default class TPMsettings extends Component {
               `
           }
         </style>
-        <Tabs animated={false} tabBarExtraContent={
+
+        <Tabs  activeKey={this.state.activeKeys}  onChange={this.callback} animated={false} tabBarExtraContent={
           <div className={"mb20 mr20"}>
 
             {
@@ -171,14 +187,14 @@ export default class TPMsettings extends Component {
             <TopShixuninformation
               {...this.state}
               {...this.props}
-              getdatas={() => this.getdatas()}
+              getdatas={(key) => this.getdatas(key)}
             />
           </TabPane>
           <TabPane tab="权限配置" key="2">
             <Configuration
               {...this.state}
               {...this.props}
-              getdatas={() => this.getdatas()}
+              getdatas={(key) => this.getdatas(key)}
             />
           </TabPane>
           {this.props.shixunsDetails === undefined ? "" : this.props.shixunsDetails.is_jupyter === false ?
@@ -186,7 +202,7 @@ export default class TPMsettings extends Component {
               <LearningSettings
                 {...this.state}
                 {...this.props}
-                getdatas={() => this.getdatas()}
+                getdatas={(key) => this.getdatas(key)}
               />
             </TabPane>:"" }
         </Tabs>