Files
lilishop-ui/manager/src/views/page/article-manage/hotWords.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

42 lines
1.4 KiB
Vue

<template>
<div class="search">
<el-card>
<el-tabs v-model="currentTemplate">
<el-tab-pane
v-for="(item, index) in templatesWay"
:key="index"
:label="item.label"
:name="item.template"
>
<todayHotWords v-if="item.template === 'todayHotWords' && currentTemplate === 'todayHotWords'" />
<historyHotWords v-if="item.template === 'historyHotWords' && currentTemplate === 'historyHotWords'" />
<statisticsHotWords
v-if="item.template === 'statisticsHotWords' && currentTemplate === 'statisticsHotWords'"
/>
<setupHotWords v-if="item.template === 'setupHotWords' && currentTemplate === 'setupHotWords'" />
</el-tab-pane>
</el-tabs>
</el-card>
</div>
</template>
<script setup>
import { ref } from "vue";
import todayHotWords from "./template/todayHotWords";
import historyHotWords from "./template/historyHotWords";
import setupHotWords from "./template/setupHotWords";
import statisticsHotWords from "./template/statisticsHotWords";
defineOptions({ name: "hotWords" });
const templatesWay = ref([
{ template: "todayHotWords", label: "今日热词" },
{ template: "historyHotWords", label: "历史热词" },
{ template: "statisticsHotWords", label: "热词统计" },
{ template: "setupHotWords", label: "设置热词" },
]);
const currentTemplate = ref("todayHotWords");
</script>
<style lang="scss" scoped></style>