!1623 登录页面租户选择添加filterable，租户过多时便于搜索

Merge pull request !1623 from ir0nmax/next

Web/src/views/login/component/account.vue

@@ -24,7 +24,7 @@
 				</el-input>
 			</el-form-item>
 			<el-form-item class="login-animation2" prop="tenantId" clearable v-if="!props.tenantInfo.id && !state.hideTenantForLogin">
-				<el-select v-model="state.ruleForm.tenantId" :placeholder="$t('message.account.accountPlaceholder3')" style="width: 100%">
+				<el-select v-model="state.ruleForm.tenantId" :placeholder="$t('message.account.accountPlaceholder3')" style="width: 100%" filterable>
 					<template #prefix>
 						<i class="iconfont icon-shuxingtu el-input__icon"></i>
 					</template>

Web/src/views/login/component/mobile.vue

@@ -1,7 +1,7 @@
 <template>
 	<el-form size="large" class="login-content-form">
 		<el-form-item class="login-animation1" v-if="!props.tenantInfo.id && !themeConfig.hideTenantForLogin">
-			<el-select v-model="state.ruleForm.tenantId" :placeholder="$t('message.mobile.placeholder1')" clearable style="width: 100%">
+			<el-select v-model="state.ruleForm.tenantId" :placeholder="$t('message.mobile.placeholder1')" clearable style="width: 100%" filterable>
 				<template #prefix>
 					<i class="iconfont icon-shuxingtu el-input__icon"></i>
 				</template>
@@ -45,9 +45,8 @@ import { ElMessage } from 'element-plus';
 import { verifyPhone } from '/@/utils/toolsValidate';
 import { getAPI } from '/@/utils/axios-utils';
 import { SysSmsApi, SysAuthApi } from '/@/api-services/api';
-import {storeToRefs} from "pinia";
-import {useThemeConfig} from "/@/stores/themeConfig";
-
+import { storeToRefs } from 'pinia';
+import { useThemeConfig } from '/@/stores/themeConfig';
 
 const props = defineProps({
 	tenantInfo: {

Web/src/views/login/component/register.vue

@@ -2,7 +2,7 @@
 	<el-tooltip :visible="state.capsLockVisible" effect="light" content="大写锁定已打开" placement="top">
 		<el-form ref="ruleFormRef" :model="state.ruleForm" size="large" :rules="state.rules" class="login-content-form">
 			<el-form-item class="login-animation2" prop="tenantId" clearable v-if="!props.tenantInfo.id && !themeConfig.hideTenantForLogin">
-				<el-select v-model="state.ruleForm.tenantId" :placeholder="$t('message.register.placeholder1')" style="width: 100%">
+				<el-select v-model="state.ruleForm.tenantId" :placeholder="$t('message.register.placeholder1')" style="width: 100%" filterable>
 					<template #prefix>
 						<i class="iconfont icon-shuxingtu el-input__icon"></i>
 					</template>
@@ -93,7 +93,7 @@ import { storeToRefs } from 'pinia';
 import { feature, getAPI } from '/@/utils/axios-utils';
 import { SysAuthApi } from '/@/api-services/api';
 import { useThemeConfig } from '/@/stores/themeConfig';
-import {sm2} from "sm-crypto-v2";
+import {sm2} from 'sm-crypto-v2';
 
 const props = defineProps({
 	tenantInfo: {

Web/src/views/login/component/scan.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="login-scan-container">
-		<el-select v-model="state.tenantId" v-if="!props.tenantInfo.id && !themeConfig.hideTenantForLogin" :placeholder="$t('message.scan.placeholder1')" clearable class="mb30" style="width: 260px; align-self: center;">
+		<el-select v-model="state.tenantId" v-if="!props.tenantInfo.id && !themeConfig.hideTenantForLogin" :placeholder="$t('message.scan.placeholder1')" clearable class="mb30" style="width: 260px; align-self: center;" filterable>
 			<template #prefix>
 				<i class="iconfont icon-shuxingtu el-input__icon"></i>
 			</template>
@@ -17,8 +17,8 @@
 <script setup lang="ts" name="loginScan">
 import {ref, onMounted, nextTick, reactive} from 'vue';
 import QRCode from 'qrcodejs2-fixes';
-import {useThemeConfig} from "/@/stores/themeConfig";
-import {storeToRefs} from "pinia";
+import {useThemeConfig} from '/@/stores/themeConfig';
+import {storeToRefs} from 'pinia';
 
 const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);

Web/src/views/login/index.vue

@@ -72,10 +72,10 @@ import { NextLoading } from '/@/utils/loading';
 import loginIconTwo from '/@/assets/login-icon-two.svg';
 import loginIconTwo1 from '/@/assets/login-icon-two1.svg';
 import loginIconTwo2 from '/@/assets/login-icon-two2.svg';
-import {getAPI} from "/@/utils/axios-utils";
-import {SysTenantApi} from "/@/api-services";
-import {useRoute} from "vue-router";
-import {Local} from "/@/utils/storage";
+import {getAPI} from '/@/utils/axios-utils';
+import {SysTenantApi} from '/@/api-services';
+import {useRoute} from 'vue-router';
+import {Local} from '/@/utils/storage';
 
 // 引入组件
 const Register = defineAsyncComponent(() => import('/@/views/login/component/register.vue'));