From 8a9ca498d70a0a4f66c073fe869fc6d8a3e79a55 Mon Sep 17 00:00:00 2001
From: Vben <anncwb@126.com>
Date: 星期四, 25 二月 2021 20:25:02 +0800
Subject: [PATCH] chore: remove useless code
---
src/views/sys/lock/index.vue | 153 ++++----------------------------------------------
1 files changed, 14 insertions(+), 139 deletions(-)
diff --git a/src/views/sys/lock/index.vue b/src/views/sys/lock/index.vue
index 1e9e9aa..20519a1 100644
--- a/src/views/sys/lock/index.vue
+++ b/src/views/sys/lock/index.vue
@@ -1,149 +1,24 @@
<template>
- <div class="lock-page">
- <div class="lock-page__entry">
- <div class="lock-page__header">
- <img src="../../../assets/images/header.jpg" class="lock-page__header-img" />
- <p class="lock-page__header-name">{{ realName }}</p>
- </div>
- <BasicForm @register="register" v-if="!getIsNotPwd" />
- <Alert v-if="errMsgRef" type="error" message="閿佸睆瀵嗙爜閿欒" banner />
- <div class="lock-page__footer">
- <a-button type="default" class="mt-2 mr-2" @click="goLogin" v-if="!getIsNotPwd">
- 杩斿洖鐧诲綍
- </a-button>
- <a-button type="primary" class="mt-2" @click="unLock(!getIsNotPwd)" :loading="loadingRef">
- 杩涘叆绯荤粺
- </a-button>
- </div>
- </div>
- </div>
+ <transition name="fade-bottom" mode="out-in">
+ <LockPage v-if="getIsLock" />
+ </transition>
</template>
<script lang="ts">
- // 缁勪欢鐩稿叧
- import { defineComponent, ref, computed } from 'vue';
- import { Alert } from 'ant-design-vue';
- // hook
- import { BasicForm, useForm } from '/@/components/Form';
+ import { defineComponent, computed } from 'vue';
+ import LockPage from './LockPage.vue';
- import { userStore } from '/@/store/modules/user';
- import { appStore } from '/@/store/modules/app';
+ import { lockStore } from '/@/store/modules/lock';
export default defineComponent({
- name: 'LockPage',
- components: { Alert, BasicForm },
-
+ name: 'Lock',
+ components: { LockPage },
setup() {
- // 鑾峰彇閰嶇疆鏂囦欢
- // 鏍峰紡鍓嶇紑
- const loadingRef = ref(false);
- const errMsgRef = ref(false);
- const [register, { validateFields }] = useForm({
- showActionButtonGroup: false,
- schemas: [
- {
- field: 'password',
- label: '',
- component: 'InputPassword',
- componentProps: {
- style: { width: '100%' },
- placeholder: '璇疯緭鍏ラ攣灞忓瘑鐮佹垨鑰呯敤鎴峰瘑鐮�',
- },
- rules: [{ required: true }],
- },
- ],
+ const getIsLock = computed(() => {
+ const { getLockInfo } = lockStore;
+ const { isLock } = getLockInfo;
+ return isLock;
});
- const realName = computed(() => {
- const { realName } = userStore.getUserInfoState || {};
- return realName;
- });
- /**
- * @description: unLock
- */
- async function unLock(valid = true) {
- let password = '';
- if (valid) {
- try {
- const values = (await validateFields()) as any;
- password = values.password;
- } catch (error) {
- return;
- }
- }
- try {
- loadingRef.value = true;
- const res = await appStore.unLockAction({ password, valid });
- errMsgRef.value = !res;
- } finally {
- loadingRef.value = false;
- }
- }
- function goLogin() {
- userStore.loginOut(true);
- appStore.resetLockInfo();
- }
- const getIsNotPwd = computed(() => {
- if (!appStore.getLockInfo) {
- return true;
- }
- return appStore.getLockInfo.pwd === undefined;
- });
- // 璐﹀彿瀵嗙爜鐧诲綍
- return {
- register,
- getIsNotPwd,
- goLogin,
- realName,
- unLock,
- errMsgRef,
- loadingRef,
- };
+
+ return { getIsLock };
},
});
</script>
-<style lang="less" scoped>
- @import (reference) '../../../design/index.less';
-
- .lock-page {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999999;
- display: flex;
- width: 100vw;
- height: 100vh;
- background: url(../../../assets/images/lock-page.jpg) no-repeat;
- background-size: 100% 100%;
- align-items: center;
- justify-content: flex-end;
-
- &__entry {
- position: relative;
- width: 400px;
- height: 260px;
- padding: 80px 50px 0 50px;
- margin-right: 50px;
- background: #fff;
- border-radius: 6px;
- }
-
- &__header {
- position: absolute;
- top: -35px;
- left: calc(50% - 45px);
- width: auto;
- text-align: center;
-
- &-img {
- width: 70px;
- border-radius: 50%;
- }
-
- &-name {
- margin-top: 5px;
- }
- }
-
- &__footer {
- text-align: center;
- }
- }
-</style>
--
Gitblit v1.8.0