Files
lilishop-ui/manager/src/views/wx-channel/wxChannel.vue
lifenlong 88fc1b0b2a refactor: 四端完成 Options API → script setup + vuex → pinia 迁移
- buyer(95) / seller(169) / im(53) / manager(280) 共 597 个组件全部从 Options API 转换为 <script setup>
- 四端 vuex 全部移除,状态管理统一迁移至 pinia 4(stores/ 目录)
- util.js 等基础设施去除 vm 首参依赖;全局属性($Message/$filters 等)在 script 内改为具名导入
- 被外部 ref 访问的公共组件均已补齐 defineExpose(清单见各端 MIGRATION-VUE3.md)
- 各端 eslint 启用 vue/component-api-style 防止新代码回退 Options API
- 四端 yarn build 全部通过;迁移约定与注意事项已更新至各端 MIGRATION-VUE3.md
2026-10-13 07:06:59 +08:00

39 lines
1.6 KiB
Vue

<template>
<el-card>
<el-tabs v-model="selectedTab">
<el-tab-pane label="视频号概括" name="WX_CHANNELS_OVERVIEW">
<WxChannelsOverviewTab v-if="selectedTab === 'WX_CHANNELS_OVERVIEW'" />
</el-tab-pane>
<el-tab-pane label="视频号订单" name="WX_CHANNELS_ORDER">
<WxChannelsOrderTab v-if="selectedTab === 'WX_CHANNELS_ORDER'" />
</el-tab-pane>
<el-tab-pane label="视频号退单" name="WX_CHANNELS_REFUND">
<WxChannelsRefundTab v-if="selectedTab === 'WX_CHANNELS_REFUND'" />
</el-tab-pane>
<el-tab-pane label="视频号商品" name="WX_CHANNELS_GOODS">
<WxChannelsGoodsTab v-if="selectedTab === 'WX_CHANNELS_GOODS'" />
</el-tab-pane>
<el-tab-pane label="视频号分类列表" name="WX_CHANNELS_CATEGORY">
<WxChannelsCategoryTab v-if="selectedTab === 'WX_CHANNELS_CATEGORY'" />
</el-tab-pane>
<el-tab-pane label="视频号设置" name="WX_CHANNELS">
<WxChannelsSettingTab v-if="selectedTab === 'WX_CHANNELS'" />
</el-tab-pane>
</el-tabs>
</el-card>
</template>
<script setup>
import { ref } from "vue";
import WxChannelsSettingTab from "./components/WxChannelsSettingTab.vue";
import WxChannelsCategoryTab from "./components/WxChannelsCategoryTab.vue";
import WxChannelsGoodsTab from "./components/WxChannelsGoodsTab.vue";
import WxChannelsOrderTab from "./components/WxChannelsOrderTab.vue";
import WxChannelsOverviewTab from "./components/WxChannelsOverviewTab.vue";
import WxChannelsRefundTab from "./components/WxChannelsRefundTab.vue";
defineOptions({ name: "wx-channel" });
const selectedTab = ref("WX_CHANNELS");
</script>