退出登录

src/pages/Recharge/Login.jsx

@@ -14,6 +14,9 @@ class Login extends Component {
     e.preventDefault()
     const { userNo } = this.state
     if (!userNo) {
+      notification.error({
+        message: '请输入您的星芽ID或靓号ID'
+      })
       return
     }
     const { code, data } = await getUserByUserNoOrNiceNo({ params: userNo })

src/pages/Recharge/Recharge.jsx

@@ -107,6 +107,15 @@ class Recharge extends Component {
     localStorage.userInfo = JSON.stringify(data)
     this.setState({ visible: false, userInfo: data })
   }
+
+  // 退出登录
+  onLoginOut = () => {
+    localStorage.removeItem('userInfo')
+    this.setState({
+      userInfo: {}
+    })
+  }
+
   render () {
     const { payAliPc, choosenItem, visible, userInfo, uploading, payParams } = this.state
     return (
@@ -123,6 +132,9 @@ class Recharge extends Component {
               <p>ID:{userInfo.userId}</p>
             </div>
           </div>
+          <div hidden={!userInfo || !userInfo.userId} onClick={this.onLoginOut} className={styles['logout-btn']}> 
+            退出登录
+          </div>
         </div>
         <div className={styles['content-wrap']}>
           <div className={styles['banner-bg']}></div>
@@ -166,13 +178,6 @@ class Recharge extends Component {
           onCancel={this.onModalCancel}
           onOk={this.onLoginOk}
         />
-        {/* <Modal
-          footer={false}
-          visible={!!payParams}
-          width={700}
-        >
-          <div dangerouslySetInnerHTML={{__html: payParams}} />
-        </Modal> */}
       </div>
     )
   }

src/pages/Recharge/Recharge.less

@@ -49,6 +49,11 @@
   }
 }
 
+.logout-btn {
+  font-size: 20px;
+  color: #2A2B2D;
+}
+
 .content-wrap {
   position: relative;
   background: #F9FAFB;