Skip to content

B
biz.qingxiao.com
Commit 55fc20c1 authored by wangxuelai's avatar wangxuelai
Browse files
Options

''

parent 9ca2b60c
Hide whitespace changes
Inline Side-by-side
Showing with 357 additions and 7 deletions
index.html
View file @ 55fc20c1
......@@ -11,7 +11,7 @@
<script src="js/console-polyfill.js"></script>
<![endif]-->
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=XSZBZ-5LHCV-5I2P7-UQHPW-6456F-JBB3B"></script>
<link href="/dist/index.css?1568024803493" rel="stylesheet">
<link href="/dist/index.css?1568635868013" rel="stylesheet">
<script src="/lib/vendor.dll.js?3" charset="utf-8"></script>
<script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/console-polyfill.js?3" charset="utf-8"></script>
<script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/es6-shim.min.js?3" charset="utf-8"></script>
......@@ -24,7 +24,7 @@
<body>
<div id="root"></div>
<script src="/dist/index.js?15682322222024803493" charset="utf-8"></script>
<script src="/dist/index.js?1568635868013" charset="utf-8"></script>
</body>
</html>
\ No newline at end of file
src/pages/SjdIndex.js
View file @ 55fc20c1
import React from 'react';
import { connect } from 'dva';
import { Layout, Modal, Button, Drawer, Icon } from 'antd';
import { Redirect } from 'dva/router';
import { Redirect, routerRedux } from 'dva/router';
import SjdIndexStyle from './SjdIndex.less';
import SjdMenu from '../components/SjdMenu';
import SjdHeader from '../components/SjdHeader';
......@@ -42,7 +42,11 @@ class SjdIndex extends React.Component {
});
}
gorecharge = () => {
window.open('http://website.clock.wp53.cn/?page=7');
const { dispatch } = this.props;
dispatch(routerRedux.replace({
pathname: '/rechargedesc',
}));
// window.open('http://website.clock.wp53.cn/?page=7');
}
render() {
const {
......@@ -142,7 +146,7 @@ class SjdIndex extends React.Component {
zIndex={1004}
closable={false}
centered
footer={<div><Button onClick={this.goSchoollist} type="primary">校区列表</Button><Button onClick={this.gorecharge} type="danger">充 值</Button></div>}
footer={<div><Button onClick={this.gorecharge} type="danger">充 值</Button></div>}
>
<div style={{ display: 'flex', alignItems: 'center', marginBottom: '10px' }}>
<Icon type="info-circle" style={{ color: 'red', fontSize: '24px', marginRight: '10px' }} />
......
src/pages/rechargedesc/index.js 0 → 100644
View file @ 55fc20c1
import React from 'react';
import { routerRedux } from 'dva/router';
import { connect } from 'dva';
import { Row, Col, Modal, Form, Input, Button, message, Icon } from 'antd';
import pageStyles from './index.less';
import Cropper from '../../components/Cropper';
import QrcodeShow from '../../components/qrcodeShow';
import { pageIn, imagify } from '../../utils/index';
const { Search } = Input;
const FormItem = Form.Item;
class RechargeDesc extends React.Component {
constructor(props) {
super(props);
this.state = {
};
}
componentDidMount() {
const that = this;
pageIn('轻校通-套餐介绍');
}
componentWillUnmount() {
const { dispatch } = this.props;
}
goSchoolList = () => {
const { dispatch } = this.props;
dispatch(routerRedux.replace({
pathname: '/erp/schoollist',
}));
}
goUse = () => {
const { dispatch } = this.props;
dispatch(routerRedux.replace({
pathname: '/erp/schoollist',
}));
}
render() {
return (
<div>
<div className={pageStyles.header}>
<span onClick={this.goSchoolList}>返回</span>
</div>
<div className={`${pageStyles.packagebox} clearfix`}>
<div className={`${pageStyles.packageitem} ${pageStyles.typea}`}>
<div className={pageStyles.packageheader} />
<div className={pageStyles.packagecontent}>
<div className={pageStyles.nowprice}>
<span className={pageStyles.yuanicon}>￥</span>
<span className={pageStyles.price}>3600</span>
</div>
<div className={pageStyles.discount}>
<span className={pageStyles.pricebefore}>原价￥5999</span>
<span className={pageStyles.discountprice}>节省￥2399</span>
</div>
<ul className={pageStyles.packagedetail}>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>使用时长12个月，<br />附送商家岛使用时长12个月。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>全年7*24小时专业团队问题解答。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>赠招生营销方案策划一次。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>送补差价升级终身包（会员期间使用）</div>
</li>
</ul>
</div>
</div>
<div className={`${pageStyles.packageitem} ${pageStyles.typeb}`}>
<div className={pageStyles.packageheader} />
<div className={pageStyles.packagecontent}>
<div className={pageStyles.nowprice}>
<span className={pageStyles.yuanicon}>￥</span>
<span className={pageStyles.price}>6800</span>
</div>
<div className={pageStyles.discount}>
<span className={pageStyles.pricebefore}>原价￥9999</span>
<span className={pageStyles.discountprice}>节省￥3199</span>
</div>
<ul className={pageStyles.packagedetail}>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>使用时长24个月，额外再赠6个月，<br />附送商家岛2年铂金包。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>全年7*24小时专业团队问题解答。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>铂金全包策划服务一次，招生营销方<br />案策划一次。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>送商家岛-趣拓客学员精品直播课会员<br />6个月（原价1099元）</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>送商家岛-趣拓客学员营销资料库会员<br />6个月（原价1099元）</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>送秋季招生拓客加油包一份</div>
</li>
</ul>
</div>
</div>
<div className={`${pageStyles.packageitem} ${pageStyles.typec}`}>
<div className={pageStyles.packageheader} />
<div className={pageStyles.packagecontent}>
<div className={pageStyles.nowprice}>
<span className={pageStyles.yuanicon}>￥</span>
<span className={pageStyles.price}>15999</span>
</div>
<div className={pageStyles.discount}>
<span className={pageStyles.pricebefore}>原价￥29999</span>
<span className={pageStyles.discountprice}>节省￥14000</span>
</div>
<ul className={pageStyles.packagedetail}>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>终身免费使用轻校产品，<br />附赠商家岛终身免费使用时长。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>额外赠送两个校区终身使用权。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>全年7*24小时四对一专业团队问题解答。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>铂金全包策划服务三次，招生营销方案<br />策划三次。</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>送商家岛-趣拓客学员精品直播课会员<br />一年（原价1999元）</div>
</li>
<li className="clearfix">
<div className={pageStyles.detailitemicon}></div>
<div className={pageStyles.detailinfo}>送商家岛-趣拓客学员营销资料库会员<br />一年（原价1999元）</div>
</li>
</ul>
</div>
</div>
</div>
</div>
);
}
}
RechargeDesc.propTypes = {
};
function mapStateToProps(state) {
const {
cropperboxShow,
} = state.uploader;
return {
cropperboxShow,
};
}
export default connect(mapStateToProps)(RechargeDesc);
src/pages/rechargedesc/index.less 0 → 100644
View file @ 55fc20c1
@import '../../less/variables.less';
.header {
background-color: #fff;
color: #000000;
font-size: 14px;
padding-left: 32px;
line-height: 64px;
color: #00B3FF;
span {
cursor: pointer;
}
}
.packagebox {
display: flex;
align-items: center;
justify-content: center;
.packageitem {
width: 380px;
height: 650px;
border-radius: 10px;
overflow: hidden;
float: left;
margin-right: 70px;
cursor: pointer;
&.typea {
box-shadow: 0px 13px 29px 0px rgba(0,196,255,0.2);
.packageheader {
background-image: url('@{imagesroot}packagea-title.png');
}
.packagecontent {
border-left: 2px solid #00B3FF;
border-right: 2px solid #00B3FF;
border-bottom: 2px solid #00B3FF;
.tousebtn {
background:linear-gradient(90deg,rgba(0,174,255,1),rgba(0,204,255,1));
background:-webkit-linear-gradient(0,rgba(0,174,255,1),rgba(0,204,255,1));
}
.packagedetail {
.detailitemicon {
background-image: url('@{imagesroot}packagea-icon.png');
}
.detailinfo {
margin-bottom: 34px;
}
}
}
}
&.typeb {
box-shadow: 0px 13px 29px 0px rgba(228,192,134,0.2);
.packageheader {
background-image: url('@{imagesroot}packageb-title.png');
}
.packagecontent {
border-left: 2px solid #EBC88F;
border-right: 2px solid #EBC88F;
border-bottom: 2px solid #EBC88F;
.tousebtn {
background:linear-gradient(90deg,rgba(226,190,132,1),rgba(237,202,145,1));
background:-webkit-linear-gradient(0,rgba(226,190,132,1),rgba(237,202,145,1));
}
.packagedetail {
.detailitemicon {
background-image: url('@{imagesroot}packageb-icon.png');
}
.detailinfo {
margin-bottom: 24px;
}
}
}
}
&.typec {
box-shadow: 0px 13px 29px 0px rgba(242,109,78,0.2);
.packageheader {
background-image: url('@{imagesroot}packagec-title.png');
}
.packagecontent {
border-left: 2px solid #EF49AE;
border-right: 2px solid #EF49AE;
border-bottom: 2px solid #EF49AE;
.tousebtn {
background:linear-gradient(113deg,rgba(238,66,192,1),rgba(243,118,61,1),rgba(255,171,17,1));
background:-webkit-linear-gradient(23deg,rgba(238,66,192,1),rgba(243,118,61,1),rgba(255,171,17,1));
}
.packagedetail {
.detailitemicon {
background-image: url('@{imagesroot}packagec-icon.png');
}
.detailinfo {
margin-bottom: 24px;
}
}
}
}
&:last-child {
margin-right: 0;
}
.packageheader {
width: 380px;
height: 104px;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.packagecontent {
border-radius: 0 0 10px 10px;
padding-top: 40px;
height: 546px;
.nowprice {
text-align: center;
margin-bottom: 18px;
.yuanicon {
font-size: 20px;
color: #000;
line-height: 1;
}
.price {
font-size: 40px;
line-height: 1;
font-weight: 700;
letter-spacing: 1px;
}
}
.discount {
text-align: center;
font-size: 12px;
line-height: 1;
margin-bottom: 40px;
.pricebefore {
color: #7B7B7B;
padding-right: 40px;
text-decoration: line-through;
}
.discountprice {
color: #FF5555;
}
}
.tousebtn {
display: block;
margin: 0 auto 30px;
width: 160px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
border-radius: 4px;
font-size: 16px;
letter-spacing: 1px;
}
.packagedetail {
padding-left: 32px;
}
.detailitemicon {
width: 22px;
height: 22px;
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 12px;
float: left;
}
.detailinfo {
float: left;
font-size: 16px;
line-height: 24px;
}
}
}
}
\ No newline at end of file
src/pages/schoollist/index.js
View file @ 55fc20c1
import React from 'react';
import { connect } from 'dva';
import { Row, Col, Form, Input, Button, Modal, Icon } from 'antd';
import { routerRedux } from 'dva/router';
import pageStyles from './index.less';
import { pageIn, imagify } from '../../utils/index';
const { Search } = Input;
......@@ -44,7 +45,11 @@ class JoinSchoolAddForm extends React.Component {
},
icon: <Icon type="exclamation-circle" style={{ color: 'red' }} />,
onOk: () => {
window.open('http://website.clock.wp53.cn/?page=7');
const { dispatch } = this.props;
dispatch(routerRedux.replace({
pathname: '/rechargedesc',
}));
// window.open('http://website.clock.wp53.cn/?page=7');
},
onCancel: () => {
},
......
src/router.js
View file @ 55fc20c1
......@@ -165,7 +165,11 @@ const Institutions = props => (
{ Institutions => (<Institutions {...props} />) }
</Bundle>
);
const RechargeDesc = props => (
<Bundle load={() => import(/* webpackChunkName:"rechargedesc" */'./pages/rechargedesc/index')}>
{ RechargeDesc => (<RechargeDesc {...props} />) }
</Bundle>
);
function RouterConfig({ history }) {
return (
<LocaleProvider locale={zhCN}>
......@@ -222,6 +226,7 @@ function RouterConfig({ history }) {
<Route path="/" exact render={() => (<Redirect to="/login" />)} />
<Route path="/login" exact component={Login} />
<Route path="/register" exact component={Register} />
<Route path="/rechargedesc" exact component={RechargeDesc} />
<Route path="/404" render={() => (<Errorpage />)} />
</Switch>
</Router>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment