From fd5286fe0a1b718f152cd7bf6947b5fefaea0b8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9E=E4=BB=99=E9=83=BD=E6=B2=A1=E7=94=A8?=
 <615206459@qq.com>
Date: Tue, 30 Jul 2024 14:36:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=AA=8C=E8=AF=81=E7=A0=81?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/login/components/pic-captcha.vue    | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/modules/base/pages/login/components/pic-captcha.vue b/src/modules/base/pages/login/components/pic-captcha.vue
index 380520e..6fa8b29 100644
--- a/src/modules/base/pages/login/components/pic-captcha.vue
+++ b/src/modules/base/pages/login/components/pic-captcha.vue
@@ -3,8 +3,15 @@
 		<div v-if="svg" class="svg" v-html="svg" />
 		<img v-else-if="base64" class="base64" :src="base64" alt="" />
 
+		<template v-else-if="isError">
+			<el-text type="danger"> 后端未启动 </el-text>
+			<el-icon color="#f56c6c" :size="16">
+				<warning-filled />
+			</el-icon>
+		</template>
+
 		<template v-else>
-			<el-icon class="is-loading">
+			<el-icon class="is-loading" :size="18">
 				<loading />
 			</el-icon>
 		</template>
@@ -14,20 +21,28 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 import { ElMessage } from "element-plus";
-import { Loading } from "@element-plus/icons-vue";
+import { Loading, WarningFilled } from "@element-plus/icons-vue";
 import { useCool } from "/@/cool";
 
 const emit = defineEmits(["update:modelValue", "change"]);
 
 const { service } = useCool();
 
+// 是否异常
+const isError = ref(false);
+
 // base64
 const base64 = ref("");
 
 // svg
 const svg = ref("");
 
+// 刷新
 async function refresh() {
+	isError.value = false;
+	svg.value = "";
+	base64.value = "";
+
 	await service.base.open
 		.captcha({
 			height: 45,
@@ -54,6 +69,7 @@ async function refresh() {
 		})
 		.catch((err) => {
 			ElMessage.error(err.message);
+			isError.value = true;
 		});
 }
 
@@ -75,6 +91,7 @@ defineExpose({
 	height: 45px;
 	width: 150px;
 	position: relative;
+	user-select: none;
 
 	.svg {
 		height: 100%;
@@ -87,7 +104,6 @@ defineExpose({
 
 	.el-icon {
 		position: absolute;
-		font-size: 22px;
 		right: 20px;
 	}
 }