Browse Source

feat(gui-v2): ditch a-tooltip in currency option

pull/2963/head
Wing-Kam Wong 2 years ago
parent
commit
46bb71114f
  1. 76
      packages/nc-gui-v2/components/smartsheet-column/CurrencyOptions.vue

76
packages/nc-gui-v2/components/smartsheet-column/CurrencyOptions.vue

@ -62,43 +62,41 @@ function filterOption(input: string, option: Option) {
</script> </script>
<template> <template>
<a-tooltip :visible="isMoney && isPg"> <a-row>
<template #title> <a-col :span="12">
<span>{{ message }}</span> <a-form-item v-bind="validateInfos['meta.currency_locale']" label="Currency Locale">
</template> <a-select
<a-row> v-model:value="formState.meta.currency_locale"
<a-col :span="12"> size="small"
<a-form-item v-bind="validateInfos['meta.currency_locale']" label="Currency Locale"> class="w-52"
<a-select show-search
v-model:value="formState.meta.currency_locale" :filter-option="filterOption"
size="small" :disabled="isMoney && isPg"
class="w-52" >
show-search <a-select-option v-for="(currencyLocale, i) in currencyLocaleList ?? []" :key="i" :value="currencyLocale.value">
:filter-option="filterOption" {{ currencyLocale.text }}
:disabled="isMoney && isPg" </a-select-option>
> </a-select>
<a-select-option v-for="(currencyLocale, i) in currencyLocaleList ?? []" :key="i" :value="currencyLocale.value"> </a-form-item>
{{ currencyLocale.text }} </a-col>
</a-select-option> <a-col :span="12">
</a-select> <a-form-item v-bind="validateInfos['meta.currency_code']" label="Currency Code">
</a-form-item> <a-select
</a-col> v-model:value="formState.meta.currency_code"
<a-col :span="12"> class="w-52"
<a-form-item v-bind="validateInfos['meta.currency_code']" label="Currency Code"> show-search
<a-select :filter-option="filterOption"
v-model:value="formState.meta.currency_code" size="small"
class="w-52" :disabled="isMoney && isPg"
show-search >
:filter-option="filterOption" <a-select-option v-for="(currencyCode, i) in currencyList ?? []" :key="i" :value="currencyCode">
size="small" {{ currencyCode }}
:disabled="isMoney && isPg" </a-select-option>
> </a-select>
<a-select-option v-for="(currencyCode, i) in currencyList ?? []" :key="i" :value="currencyCode"> </a-form-item>
{{ currencyCode }} </a-col>
</a-select-option> <a-col v-if="isMoney && isPg">
</a-select> <span class="text-[#FB8C00]">{{ message }}</span>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row>
</a-tooltip>
</template> </template>

Loading…
Cancel
Save