mirror of
https://github.com/certd/certd.git
synced 2026-05-18 06:17:31 +08:00
fix: 修复有域名记录时,域名输入框无法关闭的bug
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user