From b19d937fd8f1f0ff8b27b660966e3a4495b1d5ef Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期四, 04 七月 2024 11:29:30 +0800 Subject: [PATCH] 高级表单优化 --- src/views/sys/login/LoginForm.vue | 26 ++++++++++---------------- 1 files changed, 10 insertions(+), 16 deletions(-) diff --git a/src/views/sys/login/LoginForm.vue b/src/views/sys/login/LoginForm.vue index 854335b..b4dbfdb 100644 --- a/src/views/sys/login/LoginForm.vue +++ b/src/views/sys/login/LoginForm.vue @@ -25,18 +25,13 @@ /> </FormItem> <FormItem name="factory" class="enter-x dept"> - <ARow class="enter-x"> - <ACol :md="24" :xs="24" :span="24"> - <ApiTreeSelect - :api="getProdTreeList" - showSearch - v-model:value="formData.factory" - optionFilterProp="label" - labelField="deptName" - valueField="deptCode" - /> - </ACol> - </ARow> + <ApiSelect + :api="getProdTreeList" + v-model:value="formData.factory" + labelField="deptName" + valueField="deptCode" + placeholder="璇烽�夋嫨宸ュ巶" + /> </FormItem> <ARow class="enter-x"> <ACol :span="12"> @@ -97,7 +92,7 @@ <script lang="ts" setup> import { reactive, ref, unref, computed } from 'vue'; - import { Checkbox, Form, Input, Row, Col, Button, Divider, } from 'ant-design-vue'; + import { Checkbox, Form, Input, Row, Col, Button, Divider } from 'ant-design-vue'; // import { // GithubFilled, // WechatFilled, @@ -106,15 +101,14 @@ // TwitterCircleFilled, // } from '@ant-design/icons-vue'; import LoginFormTitle from './LoginFormTitle.vue'; - + import { ApiSelect } from '/@/components/Form/index'; import { useI18n } from '@/hooks/web/useI18n'; import { useMessage } from '@/hooks/web/useMessage'; - import { ApiTreeSelect } from '@/components/Form'; import { getProdTreeList } from '/@/api/tigerapi/dept'; import { useUserStore } from '@/store/modules/user'; import { LoginStateEnum, useLoginState, useFormRules, useFormValid } from './useLogin'; import { useDesign } from '@/hooks/web/useDesign'; -import { AccountInfo } from '/@/api/tigerapi/model/systemModel'; + import { AccountInfo } from '/@/api/tigerapi/model/systemModel'; //import { onKeyStroke } from '@vueuse/core'; const ACol = Col; -- Gitblit v1.9.3