From 772190e7b2e3f6ef0695ba54d9209324acdcb30a Mon Sep 17 00:00:00 2001
From: 艺术家 <10819716+q100102@user.noreply.gitee.com>
Date: 星期三, 04 六月 2025 13:57:17 +0800
Subject: [PATCH] 伸缩杆代码提交
---
项目代码/伸缩杆/client/src/views/Login.vue | 62 ++++++++++++++++++++++++++++---
1 files changed, 56 insertions(+), 6 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/Login.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/Login.vue"
index 2f8eea2..c318908 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/Login.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/Login.vue"
@@ -2,6 +2,32 @@
<div class="login-container">
<div class="login-header">
<img src="../assets/login/login-text.png" alt="" />
+ <div>
+ <img
+ v-if="!isFullscreen"
+ style="
+ width: 1.88rem;
+ height: 1.88rem;
+ margin-right: 1.81rem;
+ cursor: pointer;
+ "
+ src="@/assets/screen.png"
+ alt=""
+ @click="screenonToggle"
+ />
+ <img
+ v-if="isFullscreen"
+ style="
+ width: 1.88rem;
+ height: 1.88rem;
+ margin-right: 1.81rem;
+ cursor: pointer;
+ "
+ src="@/assets/exitscreen.png"
+ alt=""
+ @click="screenonToggle"
+ />
+ </div>
</div>
<div class="login-box">
<!-- 宸︿晶鍥剧墖 -->
@@ -25,7 +51,7 @@
<el-form-item prop="userName">
<el-input
v-model="loginForm.userName"
- style="height: 3.13rem"
+ style="height: 3.13rem; width: 20.19rem"
ref="userNameRef"
type="text"
size="large"
@@ -37,7 +63,7 @@
<el-input
show-password
v-model="loginForm.password"
- style="height: 3.13rem"
+ style="height: 3.13rem; width: 20.19rem"
type="password"
size="large"
auto-complete="off"
@@ -46,7 +72,7 @@
</el-input>
</el-form-item>
- <el-form-item prop="verificationCode">
+ <!-- <el-form-item prop="verificationCode">
<div style="display: flex">
<el-input
v-model="loginForm.verificationCode"
@@ -66,7 +92,7 @@
/>
</div>
</div>
- </el-form-item>
+ </el-form-item> -->
<el-form-item>
<el-button
:loading="loading"
@@ -224,8 +250,9 @@
<script setup>
import { getCodeImg, login, CleanUnusedImages } from "@/api/login";
import { useRouter, useRoute } from "vue-router";
-import { getCurrentInstance, ref, nextTick, onMounted } from "vue";
+import { getCurrentInstance, ref, nextTick, onMounted, onUnmounted } from "vue";
import { ElMessage } from "element-plus";
+import screenfull from "screenfull";
import store from "@/store";
import axios from "axios";
@@ -249,7 +276,7 @@
const loginForm = ref({
userName: "",
password: "",
- verificationCode: "",
+ verificationCode: "1234",
UUID: undefined,
tenantId: "0",
});
@@ -528,6 +555,28 @@
}, 3000);
}
};
+
+// 鏄惁鍏ㄥ睆
+const isFullscreen = ref(false);
+
+// 鐩戝惉鍙樺寲
+const screenchange = () => {
+ isFullscreen.value = screenfull.isFullscreen;
+};
+
+// 鍒囨崲浜嬩欢
+const screenonToggle = () => {
+ screenfull.toggle();
+};
+// 璁剧疆渚﹀惉鍣�
+onMounted(() => {
+ screenfull.on("screenchange", screenchange);
+});
+
+// 鍒犻櫎渚﹀惉鍣�
+onUnmounted(() => {
+ screenfull.off("screenchange", screenchange);
+});
</script>
<style lang="less" scoped>
@@ -543,6 +592,7 @@
flex-direction: column;
.login-header {
display: flex;
+ justify-content: space-between;
align-items: center;
height: 4.38rem;
background-color: #006eff;
--
Gitblit v1.9.3