perf: 登录验证码自动刷新

web/src/utils/service.ts

@@ -25,13 +25,13 @@ function createService() {
 				interface paramsObj {
 					[key: string]: any;
 				}
-				let result:paramsObj = {};
+				let result: paramsObj = {};
 				for (const [key, value] of Object.entries(params)) {
 					if (value !== '') {
 						result[key] = value;
 					}
-					if(typeof value === 'boolean'){
+					if (typeof value === 'boolean') {
-						result[key] = value? 'True': 'False';
+						result[key] = value ? 'True' : 'False';
 					}
 				}
 				return qs.stringify(result);
@@ -96,7 +96,7 @@ function createService() {
 						return dataAxios;
 					case 4000:
 						errorCreate(`${dataAxios.msg}: ${response.config.url}`);
-						return Promise.reject(dataAxios.msg);
+						return dataAxios;
 					default:
 						// 不是正确的 code
 						errorCreate(`${dataAxios.msg}: ${response.config.url}`);
@@ -202,14 +202,14 @@ export const requestForMock = createRequestFunction(serviceForMock);
  * @param method
  * @param filename
  */
-export const downloadFile = function ({url,params,method,filename = '文件导出'}:any) {
+export const downloadFile = function ({ url, params, method, filename = '文件导出' }: any) {
 	request({
 		url: url,
 		method: method,
 		params: params,
 		responseType: 'blob'
 		// headers: {Accept: 'application/vnd.openxmlformats-officedocument'}
-	}).then((res:any) => {
+	}).then((res: any) => {
 		const xlsxName = window.decodeURI(res.headers['content-disposition'].split('=')[1])
 		const fileName = xlsxName || `${filename}.xlsx`
 		if (res) {

web/src/views/system/login/component/account.vue

@@ -1,41 +1,31 @@
 <template>
 	<el-form size="large" class="login-content-form">
 		<el-form-item class="login-animation1">
-			<el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" v-model="ruleForm.username" clearable autocomplete="off">
+			<el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" v-model="ruleForm.username"
+				clearable autocomplete="off">
 				<template #prefix>
 					<el-icon class="el-input__icon"><ele-User /></el-icon>
 				</template>
 			</el-input>
 		</el-form-item>
 		<el-form-item class="login-animation2">
-			<el-input
+			<el-input :type="isShowPassword ? 'text' : 'password'" :placeholder="$t('message.account.accountPlaceholder2')"
-				:type="isShowPassword ? 'text' : 'password'"
+				v-model="ruleForm.password">
-				:placeholder="$t('message.account.accountPlaceholder2')"
-				v-model="ruleForm.password"
-			>
 				<template #prefix>
 					<el-icon class="el-input__icon"><ele-Unlock /></el-icon>
 				</template>
 				<template #suffix>
-					<i
+					<i class="iconfont el-input__icon login-content-password"
-						class="iconfont el-input__icon login-content-password"
 						:class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'"
-						@click="isShowPassword = !isShowPassword"
+						@click="isShowPassword = !isShowPassword">
-					>
 					</i>
 				</template>
 			</el-input>
 		</el-form-item>
 		<el-form-item class="login-animation3" v-if="isShowCaptcha">
 			<el-col :span="15">
-				<el-input
+				<el-input type="text" maxlength="4" :placeholder="$t('message.account.accountPlaceholder3')"
-					type="text"
+					v-model="ruleForm.captcha" clearable autocomplete="off">
-					maxlength="4"
-					:placeholder="$t('message.account.accountPlaceholder3')"
-					v-model="ruleForm.captcha"
-					clearable
-					autocomplete="off"
-				>
 					<template #prefix>
 						<el-icon class="el-input__icon"><ele-Position /></el-icon>
 					</template>
@@ -49,7 +39,8 @@
 			</el-col>
 		</el-form-item>
 		<el-form-item class="login-animation4">
-			<el-button type="primary" class="login-content-submit" round @click.enter="loginClick" :loading="loading.signIn">
+			<el-button type="primary" class="login-content-submit" round @click.enter="loginClick"
+				:loading="loading.signIn">
 				<span>{{ $t('message.account.accountBtnText') }}</span>
 			</el-button>
 		</el-form-item>
@@ -201,6 +192,7 @@ export default defineComponent({
 <style scoped lang="scss">
 .login-content-form {
 	margin-top: 20px;
+
 	@for $i from 1 through 4 {
 		.login-animation#{$i} {
 			opacity: 0;
@@ -210,20 +202,24 @@ export default defineComponent({
 			animation-delay: calc($i/10) + s;
 		}
 	}
+
 	.login-content-password {
 		display: inline-block;
 		width: 20px;
 		cursor: pointer;
+
 		&:hover {
 			color: #909399;
 		}
 	}
+
 	.login-content-captcha {
 		width: 100%;
 		padding: 0;
 		font-weight: bold;
 		letter-spacing: 5px;
 	}
+
 	.login-content-submit {
 		width: 100%;
 		letter-spacing: 2px;