From 3f3817a39238b262155cd5ec76fa351bb344602d Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期三, 01 一月 2025 21:33:57 +0800 Subject: [PATCH] 打印工单流程卡 --- src/views/demo/page/account/setting/index.vue | 41 +++++++++++++++-------------------------- 1 files changed, 15 insertions(+), 26 deletions(-) diff --git a/src/views/demo/page/account/setting/index.vue b/src/views/demo/page/account/setting/index.vue index dffa2f6..2e5cdd1 100644 --- a/src/views/demo/page/account/setting/index.vue +++ b/src/views/demo/page/account/setting/index.vue @@ -4,7 +4,7 @@ <Tabs tab-position="left" :tabBarStyle="tabBarStyle"> <template v-for="item in settingList" :key="item.key"> <TabPane :tab="item.name"> - <component :is="item.component" /> + <component :is="tabs[item.component]" /> </TabPane> </template> </Tabs> @@ -12,38 +12,27 @@ </ScrollContainer> </template> -<script lang="ts"> - import { defineComponent } from 'vue'; +<script lang="ts" setup> import { Tabs } from 'ant-design-vue'; - - import { ScrollContainer } from '/@/components/Container/index'; + import { ScrollContainer } from '@/components/Container'; import { settingList } from './data'; - import BaseSetting from './BaseSetting.vue'; import SecureSetting from './SecureSetting.vue'; import AccountBind from './AccountBind.vue'; import MsgNotify from './MsgNotify.vue'; - export default defineComponent({ - components: { - ScrollContainer, - Tabs, - TabPane: Tabs.TabPane, - BaseSetting, - SecureSetting, - AccountBind, - MsgNotify, - }, - setup() { - return { - prefixCls: 'account-setting', - settingList, - tabBarStyle: { - width: '220px', - }, - }; - }, - }); + const TabPane = Tabs.TabPane; + const tabs = { + BaseSetting, + SecureSetting, + AccountBind, + MsgNotify, + }; + + const prefixCls = 'account-setting'; + const tabBarStyle = { + width: '220px', + }; </script> <style lang="less"> .account-setting { -- Gitblit v1.9.3