Skip to content

B
biz.qingxiao.com
Commit 379b6105 authored by wangxuelai's avatar wangxuelai
Browse files
Options

'解绑功能上线'

parent b43d84b3
Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 123 deletions
index.html
View file @ 379b6105
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>轻校</title><link rel="shortcut icon" href="https://cdn.img.shangjiadao.cn/qingxiao/biz/image/qxlogo4.png"><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0;" name="viewport"><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- Polyfills --><!--[if lt IE 10]>
<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="https://cdn.img.shangjiadao.cn/qingxiao/biz/dist/index.css?1568805108437" rel="stylesheet"><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/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><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/es5-shim.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/es5-sham.min.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/json3.min.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/html5shiv.min.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/polyfill.js?3" charset="utf-8"></script></head><body><div id="root"></div><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/dist/index.js?1568805108437" charset="utf-8"></script></body></html>
\ No newline at end of file
<![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="https://cdn.img.shangjiadao.cn/qingxiao/biz/dist/index.css?1568965864920" rel="stylesheet"><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/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><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/es5-shim.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/es5-sham.min.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/json3.min.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/html5shiv.min.js?3" charset="utf-8"></script><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/js/polyfill.js?3" charset="utf-8"></script></head><body><div id="root"></div><script src="https://cdn.img.shangjiadao.cn/qingxiao/biz/dist/index.js?1568965864920" charset="utf-8"></script></body></html>
\ No newline at end of file
src/pages/studentinfo/BindWx.js
View file @ 379b6105
import React from 'react';
import { connect } from 'dva';
import { Row, Col, Modal, Form, Input, Button, message } from 'antd';
import { Row, Col, Modal, Form, Input, Button, message, Alert } from 'antd';
import pageStyles from './BindWx.less';
import Cropper from '../../components/Cropper';
import { pageIn, imagify } from '../../utils/index';
......@@ -50,7 +50,7 @@ class UserSettingForm extends React.Component {
<div>
<Modal
visible={visible}
title="绑定微信"
title="解除绑定微信"
okText={checkoutVerifyCode ? '提交中...' : '提交'}
cancelText="关闭"
zIndex={110}
......@@ -59,27 +59,67 @@ class UserSettingForm extends React.Component {
maskClosable={false}
confirmLoading={checkoutVerifyCode}
width="540px"
className="unbindwxdia"
>
<div style={{ width: 300, margin: '0 auto 20px', fontSize: '14px' }}>身份验证: 验证码将发送到超级管理员绑定的手机号({userInfo.mobile})，请注意查收</div>
<div style={{ width: 300, margin: '0 auto' }}>
<Form className="modalform" labelAlign="left">
<Form.Item>
<Row gutter={8}>
<Col span={15}>
{getFieldDecorator('verify_code', {
rules: [
{ required: true, message: '请输入四位数字验证码' },
{ pattern: /^[0-9]{4}$/, message: '验证码是4位数字验证码' },
],
})(<Input type="text" maxLength={4} placeholder="请输入验证码" />)}
</Col>
<Col span={9} style={{ color: '#1890FF', cursor: 'pointer', fontSize: '14px' }}>
<div className={`${pageStyles.verycodebtn} ${erpCounting ? pageStyles.verycodebtndisable : ''}`} onClick={sendVerifyCode}>{erpCounting ? `${erpCountdown}秒后重新获取` : '发送验证码'}</div>
</Col>
</Row>
</Form.Item>
</Form>
</div>
<Alert
message="解绑微信提示"
description="解除绑定微信后，被绑定的微信被移出校区，保留打卡数据，重新绑定微信可继续使用小程序功能"
type="warning"
showIcon
/>
<Form className="modalform" labelAlign="right">
<Form.Item
label={<span>&nbsp;&nbsp;手&nbsp;&nbsp;机&nbsp;&nbsp;号</span>}
labelCol={{
xs: { span: 24 },
sm: { span: 5 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 19 },
}}
>
{userInfo.mobile}
</Form.Item>
<Form.Item
label="微信昵称"
labelCol={{
xs: { span: 24 },
sm: { span: 5 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 19 },
}}
>
{userInfo.consumer && userInfo.consumer.nickname}
</Form.Item>
<Form.Item
label={<span>&nbsp;&nbsp;验&nbsp;&nbsp;证&nbsp;&nbsp;码</span>}
labelCol={{
xs: { span: 24 },
sm: { span: 5 },
}}
wrapperCol={{
xs: { span: 24 },
sm: { span: 19 },
}}
>
<Row gutter={8}>
<Col span={12}>
{getFieldDecorator('verify_code', {
rules: [
{ required: true, message: '请输入四位数字验证码' },
{ pattern: /^[0-9]{4}$/, message: '验证码是4位数字验证码' },
],
})(<Input type="text" maxLength={4} placeholder="请输入验证码" />)}
</Col>
<Col span={12}>
<div style={{ color: '#1890FF', cursor: 'pointer', fontSize: '14px' }} className={`${pageStyles.verycodebtn} ${erpCounting ? pageStyles.verycodebtndisable : ''}`} onClick={sendVerifyCode}>{erpCounting ? `${erpCountdown}秒后重新获取` : '发送验证码'}</div>
</Col>
</Row>
</Form.Item>
</Form>
</Modal>
</div>
);
......
src/pages/studentinfo/BindWx.less
View file @ 379b6105
@import '../../less/variables.less';
.container {
min-height: 100vh;
background-color: #F0F2F5;
}
.header {
background-color: #fff;
color: #000000;
font-size: 14px;
padding-left: 32px;
line-height: 64px;
}
.content {
padding: 23px 25px 33px;
}
.settingbox {
background-color: #fff;
border-radius: 2px;
min-height: 800px;
}
.titlebox {
line-height: 55px;
border-bottom: 1px solid #E9E9E9;
padding-left: 32px;
padding-right: 23px;
line-height: 54px;
color: #000;
font-weight: 600;
font-size: 16px;
margin-bottom: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.settingcontent {
padding: 0 32px 20px;
}
.avatarbox {
text-align: center;
margin-bottom: 37px;
}
.avatar {
display: block;
width: 86px;
height: 86px;
border-radius: 50%;
margin: 0 auto 16px;
}
.uploadbtn {
display: inline-block;
cursor: pointer;
margin: 0 auto;
color: #1890FF;
font-size: 16px;
line-height: 1;
position: relative;
cursor: pointer;
}
.infoline {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.infooperate {
width: 60px;
text-align: right;
color: #108EE9;
font-size: 14px;
cursor: pointer;
}
.infodetail {
text-align: left;
width: 237px;
font-size: 14px;
color: #000;
}
.fileuploadinput {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
}
@media (max-width: 768px){
.content {
padding: 23px 8px 33px;
}
.userinfo {
padding: 32px 8px 32px;
}
.titlebox {
padding-left: 8px;
padding-right: 8px;
}
.schoollist {
padding: 0 8px 20px;
:global {
.unbindwxdia {
.ant-form-item {
margin-bottom: 0;
}
}
}
\ No newline at end of file
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