fix: 修复有域名记录时,域名输入框无法关闭的bug

This commit is contained in:
xiaojunnuo
2026-02-05 11:27:32 +08:00
parent ba623903e0
commit 54c8217808
3 changed files with 17 additions and 8 deletions
@@ -3,13 +3,13 @@
<div class="flex flex-row"> <div class="flex flex-row">
<a-select <a-select
class="domain-select-input" class="domain-select-input"
:popup-class-name="popupClassName"
:dropdown-style="dropdownStyle" :dropdown-style="dropdownStyle"
show-search show-search
:filter-option="filterOption" :filter-option="filterOption"
:options="optionsRef" :options="optionsRef"
:value="value" :value="value"
v-bind="attrs" v-bind="attrs"
:open="openProp"
@click="onClick" @click="onClick"
@update:value="emit('update:value', $event)" @update:value="emit('update:value', $event)"
> >
@@ -56,7 +56,7 @@
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, defineComponent, ref, Ref, useAttrs } from "vue"; import { computed, defineComponent, onMounted, ref, Ref, useAttrs } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { Dicts } from "../lib/dicts"; import { Dicts } from "../lib/dicts";
import { request } from "/@/api/service"; import { request } from "/@/api/service";
@@ -83,7 +83,6 @@ const props = defineProps<{
search?: boolean; search?: boolean;
pager?: boolean; pager?: boolean;
value?: any[]; value?: any[];
open?: boolean;
}>(); }>();
const emit = defineEmits<{ const emit = defineEmits<{
@@ -94,11 +93,11 @@ const attrs = useAttrs();
const hasOptions: Ref = ref(null); const hasOptions: Ref = ref(null);
const openProp = computed(() => { const popupClassName = computed(() => {
if (hasOptions.value == null) { if (hasOptions.value == null) {
return false; return "hidden-important";
} }
return hasOptions.value; return "";
}); });
const searchKeyRef = ref(""); const searchKeyRef = ref("");
@@ -223,6 +222,10 @@ function openDomainImportDialog() {
const dropdownStyle = ref({ const dropdownStyle = ref({
zIndex: 2000, zIndex: 2000,
}); });
onMounted(() => {
refreshOptions();
});
</script> </script>
<style lang="less"></style> <style lang="less"></style>
@@ -1,8 +1,8 @@
<template> <template>
<div class="params-show"> <div class="params-show">
<a-tag type="primary" color="green" v-for="item of params" :key="item.value" class="item"> <a-tag v-for="item of params" :key="item.value" type="primary" color="green" class="item">
<span class="label">{{ item.label }}=</span> <span class="label">{{ item.label }}=</span>
<fs-copyable :modelValue="`\$\{${item.value}\}`" :button="{show:false}" :inline="true"></fs-copyable> <fs-copyable :model-value="`\$\{${item.value}\}`" :button="{ show: false }" :inline="true"></fs-copyable>
</a-tag> </a-tag>
</div> </div>
</template> </template>
@@ -477,3 +477,9 @@ h6 {
margin-right: 5px; margin-right: 5px;
} }
} }
.hidden-important {
display: none !important;
visibility: hidden !important;
}