page select 9/10

src/views/login.vue

@@ -8,17 +8,33 @@
     >
       <h3 class="title">若依后台管理系统</h3>
       <el-form-item prop="tenant">
-        <el-input
+        <paged-select
           v-model="loginForm.tenant"
-          auto-complete="off"
-          placeholder="租户"
+          :prop="{
+            label: 'companyName',
+            value: 'tenantId',
+          }"
+          :query="{
+            page: 'pageNum',
+            size: 'pageSize',
+            searchKey: 'companyName',
+          }"
+          :remote-method="loadTenantOptions"
+          :width="350"
+          prefix-icon="OfficeBuilding"
           size="large"
-          type="text"
-        >
-          <template #prefix>
-            <svg-icon class="el-input__icon input-icon" icon-class="user" />
-          </template>
-        </el-input>
+        />
+        <!--        <el-input-->
+        <!--            v-model="loginForm.tenant"-->
+        <!--            auto-complete="off"-->
+        <!--            placeholder="租户"-->
+        <!--            size="large"-->
+        <!--            type="text"-->
+        <!--        >-->
+        <!--          <template #prefix>-->
+        <!--            <svg-icon class="el-input__icon input-icon" icon-class="user"/>-->
+        <!--          </template>-->
+        <!--        </el-input>-->
       </el-form-item>
       <el-form-item prop="username">
         <el-input
@@ -70,8 +86,8 @@
       <el-checkbox
         v-model="loginForm.rememberMe"
         style="margin: 0px 0px 25px 0px"
-        >记住密码</el-checkbox
-      >
+        >记住密码
+      </el-checkbox>
       <el-form-item style="width: 100%">
         <el-button
           :loading="loading"
@@ -85,8 +101,8 @@
         </el-button>
         <div v-if="register" style="float: right">
           <router-link :to="'/register'" class="link-type"
-            >立即注册</router-link
-          >
+            >立即注册
+          </router-link>
         </div>
       </el-form-item>
     </el-form>
@@ -98,10 +114,11 @@
 </template>
 
 <script setup>
-import { getCodeImg } from "@/api/login";
+import { getCodeImg, getTenantNormalList } from "@/api/login";
 import Cookies from "js-cookie";
 import { decrypt, encrypt } from "@/utils/jsencrypt";
 import useUserStore from "@/store/modules/user";
+import PagedSelect from "@/components/PagedSelect";
 
 const userStore = useUserStore();
 const router = useRouter();
@@ -117,7 +134,7 @@ const loginForm = ref({
 });
 
 const loginRules = {
-  tenant: [{ required: true, trigger: "blur", message: "请输入租户" }],
+  tenant: [{ required: true, trigger: "change", message: "请选择租户" }],
   username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
   password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
   code: [{ required: true, trigger: "change", message: "请输入验证码" }],
@@ -191,6 +208,9 @@ function getCookie() {
   };
 }
 
+const loadTenantOptions = (query) =>
+  getTenantNormalList(query).then((resp) => resp.rows);
+
 getCode();
 getCookie();
 </script>