新建实训控制

public/react/src/modal/GotoQQgroup.js

@@ -0,0 +1,52 @@
+import React, { Component } from 'react';
+import {getImageUrl} from 'educoder';
+import { Modal} from 'antd';
+import axios from 'axios';
+import '../modules/user/account/common.css';
+import './gotoqqgroup.css'
+class GotoQQgroup extends Component {
+
+	constructor(props) {
+		super(props);
+		this.state={
+
+		}
+	}
+
+	modalCancel=()=>{
+	}
+
+	setDownload=()=>{
+		//立即联系
+	}
+
+
+	render() {
+
+		return(
+			<Modal
+				keyboard={false}
+				closable={false}
+				footer={null}
+				destroyOnClose={true}
+				title="提示"
+				centered={true}
+				visible={this.props.goshowqqgtounp===undefined?false:this.props.goshowqqgtounp}
+				width="530px"
+			>
+				<div className="educouddiv intermediatecenter verticallayout">
+					<div className="tabeltext-alignleft mt10"><p>您可以在QQ服务群向管理员申请，获得继续操作的权限</p></div>
+					<img  className="mt10" src={getImageUrl("images/educoder/qqqun20191230.png")}/>
+
+					<div className="tabeltext-alignleft mt10"><p>群号：612934990</p></div>
+					<div className="clearfix mt30 edu-txt-center">
+						<a className="task-btn mr30" onClick={()=>this.modalCancel()}>取消</a>
+						<a className="task-btn task-btn-orange" onClick={()=>this.setDownload()}>立即联系</a>
+					</div>
+				</div>
+			</Modal>
+		)
+	}
+}
+
+export default GotoQQgroup;

public/react/src/modal/gotoqqgroup.css

@@ -0,0 +1,61 @@
+/* 中间居中 */
+.intermediatecenter{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+/* 简单居中 */
+.intermediatecenterysls{
+    display: flex;
+    align-items: center;
+}
+.spacearound{
+    display: flex;
+    justify-content: space-around;
+
+}
+.spacebetween{
+    display: flex;
+    justify-content: space-between;
+}
+/* 头顶部居中 */
+.topcenter{
+    display: -webkit-flex;
+    flex-direction: column;
+    align-items: center;
+
+}
+
+
+/* x轴正方向排序 */
+/* 一 二 三 四 五 六 七 八 */
+.sortinxdirection{
+    display: flex;
+    flex-direction:row;
+}
+/* x轴反方向排序 */
+/* 八    七   六  五   四  三  二 一 */
+.xaxisreverseorder{
+    display: flex;
+    flex-direction:row-reverse;
+}
+/* 垂直布局 正方向*/
+/* 一
+ 二
+ 三
+ 四
+ 五
+ 六
+ 七
+ 八 */
+.verticallayout{
+    display: flex;
+    flex-direction:column;
+}
+/* 垂直布局 反方向*/
+.reversedirection{
+    display: flex;
+    flex-direction:column-reverse;
+}
+

public/react/src/modules/user/account/common.css

@@ -1,118 +1,119 @@
-.basicForm {
-  background: #fff;
-  padding: 30px;
-  margin-bottom: 10px;
-  box-sizing: border-box;
-  width: 100%;
-  min-height: 390px;
-}
-  .basicForm .title {
-    font-size: 16px;
-    padding-left: 30px;
-    margin-bottom: 10px;
-  }
-.flexTable {
-  display: flex;
-  flex-direction: column;
-}
-.flexRow {
-  display: flex;
-}
-
-.mb15{margin-bottom: 15px!important;}
-/*  BUTTOn */
-.ant-btn {
-   border-radius: 2px;
-}
-button.ant-btn.ant-btn-primary.grayBtn {
-  background: #CBCBCB;
-  border-color: #CBCBCB;
-}
-.borderBottom {
-  border-bottom: 1px solid #4CACFF;
-}
-
-/* form ---------------- START */
-.formItemInline {    
-  display: flex;
-}
-.formItemInline .ant-form-item-control-wrapper {
-  display: inline-block;
-}
-.hideRequireTag .ant-form-item-required:before{
-  display: none;
-}
-
-
-  /* .basicForm .ant-form-item-label {
-    width: 100px;
-    padding-right: 10px;
-  }
-    .basicForm .ant-form-item-label label {
-      color: #979797
-    } */
-
-
-.courseNormalForm .ant-select-show-search {
-  height: 40px;
-}
-.courseNormalForm .ant-select-auto-complete.ant-select .ant-input {
-  height: 40px;
-}
-.courseNormalForm .ant-select-search__field__mirror {
-  height: 40px;
-}
-.courseNormalForm .ant-input-lg {
-  height: 40px;
-}
-.courseNormalForm .ant-select-selection--single {
-  height: 40px;
-}
-.courseNormalForm .ant-select-auto-complete.ant-select .ant-select-selection--single {
-  height: 40px
-}
-.courseNormalForm .ant-input-affix-wrapper {
-  height: 40px;
-}
-/* 职业 */
-.courseNormalForm .ant-select-selection-selected-value {
-  line-height: 38px
-}
-.courseNormalForm input {
-  height: 40px;
-}
-.autoModal .ant-modal-body{
-  height: auto;
-  overflow-y: auto;
-}
-
-@media screen and (max-height: 765px) {
-  .autoModal .ant-modal-body {
-      height: 670px;
-      overflow-y: auto;
-  }
-}
-@media screen and (max-height: 735px) {
-  .autoModal .ant-modal-body {
-      height: 600px;
-      overflow-y: auto;
-  }
-}
-@media screen and (max-height: 635px) {
-  .autoModal .ant-modal-body {
-      height: 500px;
-      overflow-y: auto;
-  }
-}
-@media screen and (max-height: 566px) {
-  .autoModal .ant-modal-body {
-      height: 465px;
-      overflow-y: auto;
-  }
-}
-@media screen and (max-height: 472px) {
-  .autoModal .ant-modal-body {
-      height: 360px;
-      overflow-y: auto;
-  }
-}
+.basicForm {
+  background: #fff;
+  padding: 30px;
+  margin-bottom: 10px;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 390px;
+}
+  .basicForm .title {
+    font-size: 16px;
+    padding-left: 30px;
+    margin-bottom: 10px;
+  }
+.flexTable {
+  display: flex;
+  flex-direction: column;
+}
+.flexRow {
+  display: flex;
+}
+
+.mb15{margin-bottom: 15px!important;}
+/*  BUTTOn */
+.ant-btn {
+   border-radius: 2px;
+}
+button.ant-btn.ant-btn-primary.grayBtn {
+  background: #CBCBCB;
+  border-color: #CBCBCB;
+}
+.borderBottom {
+  border-bottom: 1px solid #4CACFF;
+}
+
+/* form ---------------- START */
+.formItemInline {
+  display: flex;
+}
+.formItemInline .ant-form-item-control-wrapper {
+  display: inline-block;
+}
+.hideRequireTag .ant-form-item-required:before{
+  display: none;
+}
+
+
+  /* .basicForm .ant-form-item-label {
+    width: 100px;
+    padding-right: 10px;
+  }
+    .basicForm .ant-form-item-label label {
+      color: #979797
+    } */
+
+
+.courseNormalForm .ant-select-show-search {
+  height: 40px;
+}
+.courseNormalForm .ant-select-auto-complete.ant-select .ant-input {
+  height: 40px;
+}
+.courseNormalForm .ant-select-search__field__mirror {
+  height: 40px;
+}
+.courseNormalForm .ant-input-lg {
+  height: 40px;
+}
+.courseNormalForm .ant-select-selection--single {
+  height: 40px;
+}
+.courseNormalForm .ant-select-auto-complete.ant-select .ant-select-selection--single {
+  height: 40px
+}
+.courseNormalForm .ant-input-affix-wrapper {
+  height: 40px;
+}
+/* 职业 */
+.courseNormalForm .ant-select-selection-selected-value {
+  line-height: 38px
+}
+.courseNormalForm input {
+  height: 40px;
+}
+.autoModal .ant-modal-body{
+  height: auto;
+  overflow-y: auto;
+}
+
+@media screen and (max-height: 765px) {
+  .autoModal .ant-modal-body {
+      height: 670px;
+      overflow-y: auto;
+  }
+}
+@media screen and (max-height: 735px) {
+  .autoModal .ant-modal-body {
+      height: 600px;
+      overflow-y: auto;
+  }
+}
+@media screen and (max-height: 635px) {
+  .autoModal .ant-modal-body {
+      height: 500px;
+      overflow-y: auto;
+  }
+}
+@media screen and (max-height: 566px) {
+  .autoModal .ant-modal-body {
+      height: 465px;
+      overflow-y: auto;
+  }
+}
+@media screen and (max-height: 472px) {
+  .autoModal .ant-modal-body {
+      height: 360px;
+      overflow-y: auto;
+  }
+}
+