WFC/fe.wfc.user
2
0
Fork 0
Code Activity

初始化项目

Browse Source
This commit is contained in:
caiyuchao
2024-11-14 11:06:38 +08:00
parent 988b9e6799
commit 4ffac789e1
320 changed files with 34244 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/views/function/tab/index.vue Normal file
View File

@@ -0,0 +1,62 @@
<script setup lang="ts">
import { ref } from 'vue';
import { useRouterPush } from '@/hooks/common/router';
import { $t } from '@/locales';
import { useTabStore } from '@/store/modules/tab';
const tabStore = useTabStore();
const { routerPushByKey } = useRouterPush();
const tabLabel = ref('');
function changeTabLabel() {
tabStore.setTabLabel(tabLabel.value);
}
function resetTabLabel() {
tabStore.resetTabLabel();
}
</script>
<template>
<ASpace direction="vertical" :size="16">
<ACard :title="$t('page.function.tab.tabOperate.title')" :bordered="false" size="small" class="card-wrapper">
<ADivider orientation="left">{{ $t('page.function.tab.tabOperate.addTab') }}</ADivider>
<AButton @click="routerPushByKey('about')">{{ $t('page.function.tab.tabOperate.addTabDesc') }}</AButton>
<ADivider orientation="left">{{ $t('page.function.tab.tabOperate.closeTab') }}</ADivider>
<ASpace :size="16">
<AButton @click="tabStore.removeActiveTab">
{{ $t('page.function.tab.tabOperate.closeCurrentTab') }}
</AButton>
<AButton @click="tabStore.removeTabByRouteName('about')">
{{ $t('page.function.tab.tabOperate.closeAboutTab') }}
</AButton>
</ASpace>
<ADivider orientation="left">{{ $t('page.function.tab.tabOperate.addMultiTab') }}</ADivider>
<ASpace :size="16" wrap class="m-0!">
<AButton @click="routerPushByKey('function_multi-tab')">
{{ $t('page.function.tab.tabOperate.addMultiTabDesc1') }}
</AButton>
<AButton @click="routerPushByKey('function_multi-tab', { query: { a: '1' } })">
{{ $t('page.function.tab.tabOperate.addMultiTabDesc2') }}
</AButton>
</ASpace>
</ACard>
<ACard :title="$t('page.function.tab.tabTitle.title')" :bordered="false" size="small" class="card-wrapper">
<ADivider orientation="left">{{ $t('page.function.tab.tabTitle.changeTitle') }}</ADivider>
<AInputSearch
v-model:value="tabLabel"
:enter-button="$t('page.function.tab.tabTitle.change')"
class="max-w-240px"
@search="changeTabLabel"
/>
<ADivider orientation="left">{{ $t('page.function.tab.tabTitle.resetTitle') }}</ADivider>
<AButton @click="resetTabLabel">{{ $t('page.function.tab.tabTitle.reset') }}</AButton>
</ACard>
</ASpace>
</template>
<style scoped></style>