From 6cf3812e28b35290a521001a3bc866a9eee8bc89 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 28 三月 2024 15:47:36 +0800
Subject: [PATCH] 2024-03-28
---
src/components/header/index.scss | 35 +++++++++++++----
src/components/header/index.jsx | 32 +++++++++++----
src/assets/img/wx-icon.png | 0
3 files changed, 49 insertions(+), 18 deletions(-)
diff --git a/src/assets/img/wx-icon.png b/src/assets/img/wx-icon.png
new file mode 100644
index 0000000..e344540
--- /dev/null
+++ b/src/assets/img/wx-icon.png
Binary files differ
diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx
index 8465cc8..db0dc33 100644
--- a/src/components/header/index.jsx
+++ b/src/components/header/index.jsx
@@ -10,6 +10,7 @@
import MKEmitter from '@/utils/events.js'
import Utils from '@/utils/utils.js'
import avatar from '@/assets/img/avatar.jpg'
+import wxicon from '@/assets/img/wx-icon.png'
import './index.scss'
const { confirm } = Modal
@@ -24,6 +25,7 @@
userName: '',
fullName: '',
logourl: window.GLOB.mainlogo,
+ wxVisible: false,
loginVisible: false,
loginLoading: false,
avatar: Utils.getrealurl(sessionStorage.getItem('avatar')),
@@ -595,14 +597,6 @@
})
}
- wxnotice = () => {
- Modal.success({
- className: 'mk-wx-notice',
- title: <QrCode card={{qrWidth: 320, color: '#000000'}} value={window.GLOB.baseurl + 'mob/wxnotice.html?userid=' + sessionStorage.getItem('UserID') + '&loginuid=' + sessionStorage.getItem('LoginUID')}/>,
- okText: '鍏抽棴'
- })
- }
-
changeToHome = () => {
if (!['linkage', 'menu_board'].includes(window.GLOB.navBar)) return
@@ -629,7 +623,7 @@
<Menu.Item key="verup" onClick={this.verup}>
椤甸潰鏇存柊
</Menu.Item>
- {window.GLOB.WXNotice ? <Menu.Item key="wxnotice" onClick={this.wxnotice}>
+ {window.GLOB.WXNotice ? <Menu.Item key="wxnotice" onClick={() => this.setState({wxVisible: true})}>
寰俊娑堟伅
</Menu.Item> : null}
{window.GLOB.appVersion ? <Menu.Item key="version" onClick={this.about}>
@@ -802,6 +796,26 @@
</Modal>
{/* 淇敼瀵嗙爜 */}
<Resetpwd />
+ {/* 寰俊娑堟伅 */}
+ <Modal
+ wrapClassName="mk-wx-sms-modal"
+ visible={this.state.wxVisible}
+ title="鎵爜鍏虫敞 鎺ユ敹娑堟伅"
+ width={400}
+ centered={true}
+ onCancel={() => this.setState({wxVisible: false})}
+ footer={null}
+ destroyOnClose
+ >
+ <div className="wx-sms-wrap">
+ <QrCode card={{qrWidth: 200, color: '#000000'}} value={window.GLOB.baseurl + 'mob/wxnotice.html?userid=' + sessionStorage.getItem('UserID') + '&loginuid=' + sessionStorage.getItem('LoginUID')}/>
+ <div className="tip">
+ <img src={wxicon} alt=""/>
+ <span>寰俊鎵爜</span>
+ <span>鍏虫敞鍏紬鍙�</span>
+ </div>
+ </div>
+ </Modal>
</header>
)
}
diff --git a/src/components/header/index.scss b/src/components/header/index.scss
index dc9c47d..751fa9a 100644
--- a/src/components/header/index.scss
+++ b/src/components/header/index.scss
@@ -276,17 +276,34 @@
}
}
-.mk-wx-notice {
- top: 100px!important;
- .anticon-check-circle {
- display: none;
- }
- .ant-modal-confirm-title {
+.mk-wx-sms-modal {
+ .ant-modal-title {
text-align: center;
- min-height: 320px;
+ font-size: 22px;
+ font-weight: 500;
+ color: #151515;
+ margin-top: 15px;
+ letter-spacing: 2px;
}
- .ant-modal-confirm-btns {
- float: none!important;
+ .wx-sms-wrap {
text-align: center;
+
+ .tip {
+ margin: 15px;
+ img {
+ width: 24px;
+ margin-right: 10px;
+ }
+ span {
+ font-size: 16px;
+ letter-spacing: 2px;
+ font-weight: 500;
+ color: #333;
+ }
+ span + span {
+ color: #45B449;
+ font-weight: bold;
+ }
+ }
}
}
\ No newline at end of file
--
Gitblit v1.8.0