From 0f5bd3db43a7ea07d3373b38bd24126544de5e2f Mon Sep 17 00:00:00 2001 From: zhuguifei <zhuguifei@zhuguifeideiMac.local> Date: 星期一, 21 四月 2025 18:32:39 +0800 Subject: [PATCH] 完成设备点检 --- eims-ui-mobile/src/pages/login/index.vue | 99 ++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 81 insertions(+), 18 deletions(-) diff --git a/eims-ui-mobile/src/pages/login/index.vue b/eims-ui-mobile/src/pages/login/index.vue index f26a05d..bc68841 100644 --- a/eims-ui-mobile/src/pages/login/index.vue +++ b/eims-ui-mobile/src/pages/login/index.vue @@ -13,7 +13,7 @@ <wd-cell-group border> <wd-input label="鐢ㄦ埛鍚�" - label-width="100px" + label-width="200rpx" prop="username" clearable v-model="model.username" @@ -22,7 +22,7 @@ /> <wd-input label="瀵嗙爜" - label-width="100px" + label-width="200rpx" prop="password" show-password clearable @@ -31,28 +31,50 @@ :rules="[{ required: true, message: '璇峰~鍐欏瘑鐮�' }]" /> </wd-cell-group> - <view class="footer mt-6"> - <wd-button type="primary" size="large" @click="handleSubmit" block>鎻愪氦</wd-button> + <view class="footer"> + <view> + <wd-checkbox v-model="rember" @change="handleChange"> + <text class="rember-text">璁颁綇瀵嗙爜</text> + </wd-checkbox> + </view> + <wd-button class="mt-6" type="primary" size="large" @click="handleSubmit" block> + 鎻愪氦 + </wd-button> + + <view class="copyright-info"> + <text> + 涓婃捣鍏板疂浼犳劅绉戞妧鑲′唤鏈夐檺鍏徃 + </text> + + </view> </view> </wd-form> </template> <script setup lang="ts"> import { currRoute } from '@/utils' -import { useUserStore, useAccessStore } from '@/store' +import { useUserStore, useAccessStore, useSystemConfigStore } from '@/store' import { useToast } from 'wot-design-uni' -import { login } from '@/service/login' +import { login, getUserInfo } from '@/service/login' +import type { UserInfo } from '@/service/login.d' +import { TestEnum } from '@/typings' const userStore = useUserStore() const accessStore = useAccessStore() +const configStore = useSystemConfigStore() const { success: showSuccess } = useToast() const model = reactive<{ username: string password: string }>({ - username: 'admin', - password: 'admin123', + username: '', + password: '', }) +const rember = ref<boolean>(false) + +function handleChange({ value }) { + console.log(value) +} const form = ref() function handleSubmit() { @@ -67,25 +89,66 @@ console.log(error, 'error') }) } + +onLoad(() => { + const { remberPassword, username, password } = configStore.systemConfigInfo + if (remberPassword) { + rember.value = true + model.username = username + model.password = password + } +}) + const toLogin = async () => { + // 璁颁綇瀵嗙爜 + if (rember.value) { + configStore.setConfigInfo({ ...model, ...{ remberPassword: true } }) + } + const res = await login(model) - console.error(res) accessStore.setAccessInfo(res as any) - console.error(accessStore.accessInfo.access_token) - // userStore.setUserInfo({ nickname: '鑿查附', avatar: '', token: 'abcdef' }) + const backUserInfo: any = await getUserInfo() + /** + * 鐧诲綍瓒呮椂鐨勬儏鍐� + */ + if (!backUserInfo) { + throw new Error('鑾峰彇鐢ㄦ埛淇℃伅澶辫触.') + } + const { permissions = [], roles = [], user } = backUserInfo + /** + * 浠庡悗鍙皍ser -> vben user杞崲 + */ + const userInfo: UserInfo = { + avatar: user.avatar ?? '', + permissions, + realName: user.nickName, + roles, + userId: user.userId, + deptId: user.deptId, + username: user.userName, + } + userStore.setUserInfo(userInfo) const { query } = currRoute() - console.error(query.redirect) uni.switchTab({ url: query.redirect }) } - - - - - </script> <style scoped lang="scss"> .footer { - padding: 12px; + padding: 24rpx; +} +.rember-text { + font-size: 24rpx; + color: $uni-text-color-grey; +} + +.copyright-info { + position: absolute; + bottom: 20rpx; + width: 100%; + display: flex; + justify-content: center; + color: $uni-text-color-disable; + font-size: 24rpx; } </style> -- Gitblit v1.9.3