将订阅管理和账号管理页面的列设置按钮移动到刷新按钮右侧, 与用户管理页面保持一致的布局。 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
22 lines
755 B
Vue
22 lines
755 B
Vue
<template>
|
|
<div class="flex flex-wrap items-center gap-3">
|
|
<slot name="before"></slot>
|
|
<button @click="$emit('refresh')" :disabled="loading" class="btn btn-secondary">
|
|
<Icon name="refresh" size="md" :class="[loading ? 'animate-spin' : '']" />
|
|
</button>
|
|
<slot name="after"></slot>
|
|
<button @click="$emit('sync')" class="btn btn-secondary">{{ t('admin.accounts.syncFromCrs') }}</button>
|
|
<button @click="$emit('create')" class="btn btn-primary">{{ t('admin.accounts.createAccount') }}</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
import Icon from '@/components/icons/Icon.vue'
|
|
|
|
defineProps(['loading'])
|
|
defineEmits(['refresh', 'sync', 'create'])
|
|
|
|
const { t } = useI18n()
|
|
</script>
|