From ecbdab9da9488cc58a1ac7064f9cffde4792fba4 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期五, 28 六月 2024 09:51:01 +0800
Subject: [PATCH] 代码初始化
---
h5/pages/staffLogin/login.vue | 77 ++++++++++++++++++++++++++++++--------
1 files changed, 60 insertions(+), 17 deletions(-)
diff --git a/h5/pages/staffLogin/login.vue b/h5/pages/staffLogin/login.vue
index f6252d7..572006f 100644
--- a/h5/pages/staffLogin/login.vue
+++ b/h5/pages/staffLogin/login.vue
@@ -31,25 +31,39 @@
</view>
<view class="deal_wrap">
- <checkbox @change="dealChange" />
+ <image
+ @click="changeFalg"
+ v-if="ProtocolFlag"
+ src="@/static/checkbox_sel@2x.png"
+ mode="widthFix"
+ class="checked"
+ ></image>
+ <image
+ @click="changeFalg"
+ v-if="!ProtocolFlag"
+ src="@/static/meeting/icon/ic_choose@2x.png"
+ mode="widthFix"
+ class="checked"
+ ></image>
<text>鐧诲綍鍗冲悓鎰�</text>
- <text class="deal" @click="isShowProtocol = true"
- >銆婂畨娉扮墿娴佺敤鎴峰崗璁��</text
- >
+ <text class="deal" @click="showContent">銆婂畨娉扮墿娴佺敤鎴峰崗璁��</text>
</view>
<!-- -->
<u-popup
:show="isShowProtocol"
@close="isShowProtocol = false"
+ :round="8"
mode="center"
>
- <view class="modal">111</view>
+ <view class="modal">
+ <view v-html="htmlText"></view>
+ </view>
</u-popup>
</view>
</template>
<script>
-import { loginPost, loginCaptcha, getUserInfo } from '@/api'
+import { loginPost, loginCaptcha, getUserInfo, getSystemDictData } from '@/api'
import { mapState, mapMutations } from 'vuex'
export default {
name: 'login',
@@ -61,7 +75,9 @@
password: '',
},
isShowProtocol: false,
- captcha: {}
+ ProtocolFlag: false,
+ captcha: {},
+ htmlText: ''
}
},
@@ -71,8 +87,20 @@
methods: {
...mapMutations(["setToken", "setUserInfo"]),
- dealChange(e) {
- console.log(e)
+ changeFalg() {
+ this.ProtocolFlag = !this.ProtocolFlag
+ },
+ getContent() {
+ getSystemDictData({
+ dictCode: 'SYSTEM',
+ label: 'USER_PROTOCOL'
+ }).then(res => {
+ this.htmlText = res.data.code
+ this.isShowProtocol = true
+ })
+ },
+ showContent() {
+ this.getContent()
},
initCaptcha() {
loginCaptcha().then(res => {
@@ -81,7 +109,11 @@
},
onLogin() {
- const { form } = this
+ const { form, ProtocolFlag } = this
+ if (!ProtocolFlag) return uni.showToast({
+ title: '璇峰厛闃呰骞跺悓鎰忕敤鎴峰崗璁�',
+ icon: 'none'
+ })
if (!form.username) return uni.showToast({
title: '璐﹀彿涓嶈兘涓虹┖',
icon: 'none'
@@ -90,10 +122,10 @@
title: '瀵嗙爜涓嶈兘涓虹┖',
icon: 'none'
})
- if (!form.code) return uni.showToast({
- title: '楠岃瘉鐮佷笉鑳戒负绌�',
- icon: 'none'
- })
+ // if (!form.code) return uni.showToast({
+ // title: '楠岃瘉鐮佷笉鑳戒负绌�',
+ // icon: 'none'
+ // })
loginPost({
...form,
uuid: this.captcha.uuid,
@@ -142,7 +174,7 @@
font-weight: 600;
color: #333333;
margin-top: 40rpx;
- margin-bottom: 120rpx;
+ margin-bottom: 80rpx;
}
.login_list {
width: 100%;
@@ -183,7 +215,7 @@
width: 100%;
padding: 0 60rpx;
box-sizing: border-box;
- margin-top: 80rpx;
+ margin-top: 60rpx;
.for_psd {
color: $uni-color-primary;
margin-top: 40rpx;
@@ -199,7 +231,7 @@
display: flex;
align-items: center;
justify-content: center;
- font-weight: 500;
+ font-weight: 600;
font-size: 32rpx;
color: #ffffff;
border-radius: 50rpx;
@@ -211,12 +243,23 @@
left: 0;
text-align: center;
bottom: 108rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
.deal {
color: $uni-color-primary;
+ }
+ .checked {
+ width: 48rpx;
+ margin-right: 12rpx;
}
}
}
.modal {
+ width: 690rpx;
+ min-height: 920rpx;
+ max-height: 720px;
+ border-radius: 24rpx;
padding: 32rpx;
}
</style>
--
Gitblit v1.9.3