From e40a419e5533530a8103d754d751595013f5644a Mon Sep 17 00:00:00 2001 From: zhuguifei <zhuguifei@zhuguifeideiMac.local> Date: 星期五, 18 四月 2025 14:28:32 +0800 Subject: [PATCH] login --- eims-ui-mobile/src/pages/login/index.vue | 83 ++++++++++++++++++++++++++++++++++++++--- 1 files changed, 77 insertions(+), 6 deletions(-) diff --git a/eims-ui-mobile/src/pages/login/index.vue b/eims-ui-mobile/src/pages/login/index.vue index 17c5a1d..f26a05d 100644 --- a/eims-ui-mobile/src/pages/login/index.vue +++ b/eims-ui-mobile/src/pages/login/index.vue @@ -2,19 +2,90 @@ { layout: 'default', style: { - navigationStyle: 'custom', navigationBarTitleText: '鐧诲綍', }, } </route> + +<template> + <wd-img class="w-full h-[260rpx]" src="/static/images/pic2.jpg" /> + <wd-form ref="form" :model="model" class="mt-2"> + <wd-cell-group border> + <wd-input + label="鐢ㄦ埛鍚�" + label-width="100px" + prop="username" + clearable + v-model="model.username" + placeholder="璇疯緭鍏ョ敤鎴峰悕" + :rules="[{ required: true, message: '璇峰~鍐欑敤鎴峰悕' }]" + /> + <wd-input + label="瀵嗙爜" + label-width="100px" + prop="password" + show-password + clearable + v-model="model.password" + placeholder="璇疯緭鍏ュ瘑鐮�" + :rules="[{ required: true, message: '璇峰~鍐欏瘑鐮�' }]" + /> + </wd-cell-group> + <view class="footer mt-6"> + <wd-button type="primary" size="large" @click="handleSubmit" block>鎻愪氦</wd-button> + </view> + </wd-form> +</template> + <script setup lang="ts"> +import { currRoute } from '@/utils' +import { useUserStore, useAccessStore } from '@/store' +import { useToast } from 'wot-design-uni' +import { login } from '@/service/login' +const userStore = useUserStore() +const accessStore = useAccessStore() +const { success: showSuccess } = useToast() + +const model = reactive<{ + username: string + password: string +}>({ + username: 'admin', + password: 'admin123', +}) + +const form = ref() +function handleSubmit() { + form.value + .validate() + .then(({ valid, errors }) => { + if (valid) { + toLogin() + } + }) + .catch((error) => { + console.log(error, 'error') + }) +} +const toLogin = async () => { + 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 { query } = currRoute() + console.error(query.redirect) + uni.switchTab({ url: query.redirect }) +} + + + + </script> -<template> - -</template> - <style scoped lang="scss"> - +.footer { + padding: 12px; +} </style> -- Gitblit v1.9.3