m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

新建实训控制

Browse Source
dev_tpm_ui
杨树林 5 years ago
parent cd8f5e1df8
commit 8b54e827b3
4 changed files with 232 additions and 118 deletions
Show Stats Download Patch File Download Diff File

BIN
public/images/educoder/qqqun20191230.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

52
public/react/src/modal/GotoQQgroup.js
Unescape View File

@ -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;

61
public/react/src/modal/gotoqqgroup.css
Unescape View File

@ -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;
}

237
public/react/src/modules/user/account/common.css
Unescape View File

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

Write Preview
Loading…
Cancel
Save