From 4a9b45dc01fc2a9194c998f72c87aeaf2392cd61 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期五, 20 九月 2024 12:04:16 +0800
Subject: [PATCH] 一些更改
---
src/layouts/default/header/components/lock/LockModal.vue | 103 +++++++++++++++++++++++----------------------------
1 files changed, 46 insertions(+), 57 deletions(-)
diff --git a/src/layouts/default/header/components/lock/LockModal.vue b/src/layouts/default/header/components/lock/LockModal.vue
index 4e098eb..0920f36 100644
--- a/src/layouts/default/header/components/lock/LockModal.vue
+++ b/src/layouts/default/header/components/lock/LockModal.vue
@@ -24,71 +24,60 @@
</div>
</BasicModal>
</template>
-<script lang="ts">
- import { defineComponent, computed } from 'vue';
- import { useI18n } from '/@/hooks/web/useI18n';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { BasicModal, useModalInner } from '/@/components/Modal/index';
- import { BasicForm, useForm } from '/@/components/Form/index';
+<script lang="ts" setup>
+ import { computed } from 'vue';
+ import { useI18n } from '@/hooks/web/useI18n';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { BasicModal, useModalInner } from '@/components/Modal';
+ import { BasicForm, useForm } from '@/components/Form';
- import { useUserStore } from '/@/store/modules/user';
- import { useLockStore } from '/@/store/modules/lock';
- import headerImg from '/@/assets/images/header.jpg';
- export default defineComponent({
- name: 'LockModal',
- components: { BasicModal, BasicForm },
+ import { useUserStore } from '@/store/modules/user';
+ import { useLockStore } from '@/store/modules/lock';
+ import headerImg from '@/assets/images/header.jpg';
- setup() {
- const { t } = useI18n();
- const { prefixCls } = useDesign('header-lock-modal');
- const userStore = useUserStore();
- const lockStore = useLockStore();
+ defineOptions({ name: 'LockModal' });
- const getRealName = computed(() => userStore.getUserInfo?.realName);
- const [register, { closeModal }] = useModalInner();
+ const { t } = useI18n();
+ const { prefixCls } = useDesign('header-lock-modal');
+ const userStore = useUserStore();
+ const lockStore = useLockStore();
- const [registerForm, { validateFields, resetFields }] = useForm({
- showActionButtonGroup: false,
- schemas: [
- {
- field: 'password',
- label: t('layout.header.lockScreenPassword'),
- colProps: {
- span: 24,
- },
- component: 'InputPassword',
- required: true,
- },
- ],
- });
+ const getRealName = computed(() => userStore.getUserInfo?.realName);
+ const [register, { closeModal }] = useModalInner();
- async function handleLock() {
- const values = (await validateFields()) as any;
- const password: string | undefined = values.password;
- closeModal();
+ const [registerForm, { validate, resetFields }] = useForm({
+ showActionButtonGroup: false,
+ schemas: [
+ {
+ field: 'password',
+ label: t('layout.header.lockScreenPassword'),
+ colProps: {
+ span: 24,
+ },
+ component: 'InputPassword',
+ required: true,
+ },
+ ],
+ });
- lockStore.setLockInfo({
- isLock: true,
- pwd: password,
- });
- await resetFields();
- }
+ const handleLock = async () => {
+ const { password = '' } = await validate<{
+ password: string;
+ }>();
- const avatar = computed(() => {
- const { avatar } = userStore.getUserInfo;
- return avatar || headerImg;
- });
+ closeModal();
- return {
- t,
- prefixCls,
- getRealName,
- register,
- registerForm,
- handleLock,
- avatar,
- };
- },
+ lockStore.setLockInfo({
+ isLock: true,
+ pwd: password,
+ });
+
+ await resetFields();
+ };
+
+ const avatar = computed(() => {
+ const { avatar } = userStore.getUserInfo;
+ return avatar || headerImg;
});
</script>
<style lang="less">
--
Gitblit v1.9.3