style: 幂等ID生成按钮使用图标,增加tooltip

This commit is contained in:
dhb52 2024-04-26 19:15:22 +08:00
parent 7b0a610977
commit 49139989dc
5 changed files with 20 additions and 7 deletions

View File

@ -482,7 +482,8 @@ const local: App.I18n.Schema = {
segment: 'Segment'
},
addGroupConfig: 'Add Group Config',
editGroupConfig: 'Edit Group Config'
editGroupConfig: 'Edit Group Config',
generateToken: 'Generate Randomly'
},
function: {
tab: {

View File

@ -478,7 +478,8 @@ const local: App.I18n.Schema = {
segment: '号段模式'
},
addGroupConfig: '新增组管理',
editGroupConfig: '编辑组管理'
editGroupConfig: '编辑组管理',
generateToken: '随机生成'
},
function: {
tab: {

View File

@ -641,6 +641,7 @@ declare namespace App {
};
addGroupConfig: string;
editGroupConfig: string;
generateToken: string;
};
function: {
tab: {

View File

@ -187,9 +187,14 @@ watch(visible, () => {
:placeholder="$t('page.groupConfig.form.token')"
:disabled="props.operateType === 'edit'"
/>
<NButton type="primary" ghost :disabled="props.operateType === 'edit'" @click="setToken">
<icon-ic-round-refresh class="text-icon" />
</NButton>
<NTooltip trigger="hover">
<template #trigger>
<NButton type="default" ghost :disabled="props.operateType === 'edit'" @click="setToken">
<icon-ic-round-refresh class="text-icon" />
</NButton>
</template>
{{ $t('page.groupConfig.generateToken') }}
</NTooltip>
</NInputGroup>
</NFormItem>
<NFormItem :label="$t('page.groupConfig.description')" path="description">

View File

@ -192,9 +192,14 @@ onMounted(() => {
:placeholder="$t('page.retryTask.form.idempotentId')"
:disabled="props.operateType === 'edit'"
/>
<NButton type="primary" ghost :disabled="props.operateType === 'edit'" @click="setIdempotentId">
<NTooltip trigger="hover">
<template #trigger>
<NButton type="default" ghost :disabled="props.operateType === 'edit'" @click="setIdempotentId">
<icon-material-symbols:cloud-sync-outline class="text-icon" />
</NButton>
</template>
{{ $t('page.retryTask.generateIdempotentId') }}
</NButton>
</NTooltip>
</NInputGroup>
</NFormItem>
<NFormItem :label="$t('page.retryTask.bizNo')" path="bizNo">