From 3313467ddc324d3e19610142756423c8355dc82d Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期五, 30 八月 2024 15:13:58 +0800
Subject: [PATCH] fix: 更新聊天展示
---
src/views/login/components/login-form.vue | 213 ++++++++++++++++++++++++++---------------------------
1 files changed, 105 insertions(+), 108 deletions(-)
diff --git a/src/views/login/components/login-form.vue b/src/views/login/components/login-form.vue
index 5519dfd..8656e4a 100644
--- a/src/views/login/components/login-form.vue
+++ b/src/views/login/components/login-form.vue
@@ -1,6 +1,6 @@
<template>
<div class="login-form-wrapper">
- <div class="login-form-title">{{ $t("login.form.title") }}</div>
+ <div class="login-form-title">{{ $t('login.form.title') }}</div>
<!-- <div class="login-form-sub-title">{{ $t('login.form.title') }}</div>-->
<div class="login-form-error-msg">{{ errorMessage }}</div>
<a-form
@@ -12,11 +12,11 @@
>
<a-form-item
field="email"
- :rules="[{ required: true, message: '璇疯緭鍏ラ偖绠�' }]"
+ :rules="[{ required: true, message: '璇疯緭鍏ョ敤鎴峰悕' }]"
:validate-trigger="['change', 'blur']"
hide-label
>
- <a-input v-model="userInfo.email" placeholder="璇疯緭鍏ラ偖绠�">
+ <a-input v-model="userInfo.email" placeholder="璇疯緭鍏ョ敤鎴峰悕">
<template #prefix>
<icon-user />
</template>
@@ -40,17 +40,17 @@
</a-form-item>
<a-space :size="16" direction="vertical">
<div class="login-form-password-actions">
- <a-checkbox
+ <!-- <a-checkbox
checked="rememberPassword"
:model-value="loginConfig.rememberPassword"
@change="setRememberPassword as any"
>
- {{ $t("login.form.rememberPassword") }}
- </a-checkbox>
- <a-link>{{ $t("login.form.forgetPassword") }}</a-link>
+ {{ $t('login.form.rememberPassword') }}
+ </a-checkbox> -->
+ <!-- <a-link>{{ $t("login.form.forgetPassword") }}</a-link> -->
</div>
<a-button type="primary" html-type="submit" long :loading="loading">
- {{ $t("login.form.login") }}
+ {{ $t('login.form.login') }}
</a-button>
<!-- <a-button type="text" long class="login-form-register-btn">
{{ $t('login.form.register') }}
@@ -61,116 +61,113 @@
</template>
<script lang="ts" setup>
-import { reactive, ref } from "vue";
-import { useRouter } from "vue-router";
-import { Message } from "@arco-design/web-vue";
-import { ValidatedError } from "@arco-design/web-vue/es/form/interface";
-import { useI18n } from "vue-i18n";
-import { useStorage } from "@vueuse/core";
-import { useUserStore } from "@/store";
-import useLoading from "@/hooks/loading";
-import type { LoginData } from "@/api/user";
-import { rsaPsw } from "@/utils/ras";
+ import { reactive, ref } from 'vue';
+ import { useRouter } from 'vue-router';
+ import { Message } from '@arco-design/web-vue';
+ import { ValidatedError } from '@arco-design/web-vue/es/form/interface';
+ import { useI18n } from 'vue-i18n';
+ import { useStorage } from '@vueuse/core';
+ import { useUserStore, userModelState } from '@/store';
+ import useLoading from '@/hooks/loading';
+ import type { LoginData } from '@/api/user';
+ import { rsaPsw } from '@/utils/ras';
-const router = useRouter();
-const { t } = useI18n();
-const errorMessage = ref("");
-const { loading, setLoading } = useLoading();
-const userStore = useUserStore();
+ const router = useRouter();
+ const { t } = useI18n();
+ const errorMessage = ref('');
+ const { loading, setLoading } = useLoading();
+ const userStore = useUserStore();
+ const modelStore = userModelState();
-const loginConfig = useStorage("login-config", {
- rememberPassword: true,
- email: "", // 婕旂ず榛樿鍊�
- password: "" // demo default value
-});
-const userInfo = reactive({
- email: "", // 婕旂ず榛樿鍊�
- password: "" // demo default value
-});
+ const loginConfig = useStorage('login-config', {
+ rememberPassword: true,
+ email: '', // 婕旂ず榛樿鍊�
+ password: '', // demo default value
+ });
+ const userInfo = reactive({
+ email: '', // 婕旂ず榛樿鍊�
+ password: '', // demo default value
+ });
-const handleSubmit = async ({
- errors,
- values
- }: {
- errors: Record<string, ValidatedError> | undefined;
- values: Record<string, any>;
-}) => {
- if (loading.value) return;
- if (!errors) {
- setLoading(true);
- try {
- const rsaPassWord = rsaPsw(values.password) as string;
- console.log(values, "鐧诲綍淇℃伅");
- let goto = await userStore.login({
- email: values.email,
- password: rsaPassWord
- } as LoginData);
- const { redirect, ...othersQuery } = router.currentRoute.value.query;
- router.push({
- name: goto,
- query: {
- ...othersQuery
- }
- });
- Message.success(t("鐧诲綍鎴愬姛"));
- const { rememberPassword } = loginConfig.value;
- const { email, password } = values;
- // 瀹為檯鐢熶骇鐜闇�瑕佽繘琛屽姞瀵嗗瓨鍌ㄣ��
- // The actual production environment requires encrypted storage.
- loginConfig.value.email = rememberPassword ? email : "";
- loginConfig.value.password = rememberPassword ? password : "";
- } catch (err) {
- errorMessage.value = (err as Error).message;
- } finally {
- setLoading(false);
+ const handleSubmit = async ({
+ errors,
+ values,
+ }: {
+ errors: Record<string, ValidatedError> | undefined;
+ values: Record<string, any>;
+ }) => {
+ if (loading.value) return;
+ if (!errors) {
+ setLoading(true);
+ try {
+ const rsaPassWord = rsaPsw(values.password) as string;
+ console.log(values, '鐧诲綍淇℃伅');
+ let goto = await userStore.login({
+ email: values.email,
+ password: rsaPassWord,
+ } as LoginData);
+ const { redirect, ...othersQuery } = router.currentRoute.value.query;
+ router.push({
+ name: goto,
+ query: {
+ ...othersQuery,
+ },
+ });
+
+ const url = window.location.origin;
+ localStorage.setItem('httpUrl', url);
+ modelStore.getHrefUrl(url);
+ Message.success(t('鐧诲綍鎴愬姛'));
+ const { rememberPassword } = loginConfig.value;
+ const { email, password } = values;
+ // 瀹為檯鐢熶骇鐜闇�瑕佽繘琛屽姞瀵嗗瓨鍌ㄣ��
+ // The actual production environment requires encrypted storage.
+ loginConfig.value.email = rememberPassword ? email : '';
+ loginConfig.value.password = rememberPassword ? password : '';
+ } catch (err) {
+ errorMessage.value = (err as Error).message;
+ } finally {
+ setLoading(false);
+ }
}
- }
-};
-const setRememberPassword = (value: boolean) => {
- loginConfig.value.rememberPassword = value;
-};
+ };
+ const setRememberPassword = (value: boolean) => {
+ loginConfig.value.rememberPassword = value;
+ };
</script>
<style lang="less" scoped>
-.login-form {
+ .login-form {
+ &-wrapper {
+ width: 320px;
+ }
-&
--wrapper {
- width: 320px;
-}
+ &-title {
+ color: var(--color-text-1);
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 32px;
+ }
-&
--title {
- color: var(--color-text-1);
- font-weight: 500;
- font-size: 24px;
- line-height: 32px;
-}
+ &-sub-title {
+ color: var(--color-text-3);
+ font-size: 16px;
+ line-height: 24px;
+ }
-&
--sub-title {
- color: var(--color-text-3);
- font-size: 16px;
- line-height: 24px;
-}
+ &-error-msg {
+ height: 32px;
+ color: rgb(var(--red-6));
+ line-height: 32px;
+ }
-&
--error-msg {
- height: 32px;
- color: rgb(var(--red-6));
- line-height: 32px;
-}
+ &-password-actions {
+ display: flex;
+ justify-content: space-between;
+ }
-&
--password-actions {
- display: flex;
- justify-content: space-between;
-}
-
-&
--register-btn {
- color: var(--color-text-3) !important;
-}
-
-}
+ &-register-btn {
+ color: var(--color-text-3) !important;
+ }
+ }
</style>
--
Gitblit v1.8.0