sp版块命名

src/views/adManage/sp/advertisedProducts/index.vue

@@ -0,0 +1,12 @@
+<template>
+
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+</script>
+
+<style scoped>
+
+</style>

src/views/adManage/sp/campaigns/chartComponents/dataTendency.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-loading="loading">
-      <MetricsCards v-model="metrics" :metric-items="metricsItems" @change="changeMetric"></MetricsCards>
-      <div style="height: 350px;" ref="chartRef"></div>
+    <MetricsCards v-model="metrics" :metric-items="metricsItems" @change="changeMetric"></MetricsCards>
+    <div style="height: 350px;" ref="chartRef"></div>
 </div>
 </template>
 

src/views/adManage/sp/index.vue

@@ -26,16 +26,20 @@
 </template>
 
 <script lang="ts" setup>
-import DateRangePicker from '/@/components/DateRangePicker/index.vue'
-import Campaigns from './campaigns/index.vue'
-import Keywords from './keywords/index.vue'
-import { recentDaysRange } from '/@/views/adManage/utils/tools'
 import { ref, onBeforeMount, Ref, watch, provide } from 'vue'
 import { useShopInfo } from '/@/stores/shopInfo'
 import { usePublicData } from '/@/stores/publicData'
 import { GetList } from '/@/views/adManage/portfolios/api'
 import { storeToRefs } from 'pinia'
+import DateRangePicker from '/@/components/DateRangePicker/index.vue'
+import { recentDaysRange } from '/@/views/adManage/utils/tools'
+import Campaigns from './campaigns/index.vue'
+import Keywords from './keywords/index.vue'
 import Targets from './targets/index.vue'
+import SearchTerm from './searchTerm/index.vue'
+import AdvertisedProducts from './advertisedProducts/index.vue'
+import PurchasedProducts from './purchasedProducts/index.vue'
+import Placement from './placement/index.vue'
 
 const shopInfo = useShopInfo()
 const publicData = usePublicData()
@@ -47,11 +51,19 @@ const tabs = [
 	{ label: '广告活动', name: 'Campaigns' },
 	{ label: '关键词投放', name: 'Keywords' },
 	{ label: '商品投放', name: 'Targets' },
+	{ label: '推广商品', name: 'AdvertisedProducts' },
+	{ label: '购买的其他商品', name: 'PurchasedProducts' },
+	{ label: '搜索词', name: 'SearchTerm' },
+	{ label: '广告位', name: 'Placement' }
 ]
 const tabsComponents: any = {
 	Campaigns,
 	Keywords,
 	Targets,
+	AdvertisedProducts,
+	PurchasedProducts,
+	SearchTerm,
+	Placement
 }
 
 provide('dateRange', dateRange)

src/views/adManage/sp/placement/index.vue

@@ -0,0 +1,12 @@
+<template>
+
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+</script>
+
+<style scoped>
+
+</style>

src/views/adManage/sp/purchasedProducts/index.vue

@@ -0,0 +1,12 @@
+<template>
+
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+</script>
+
+<style scoped>
+
+</style>

src/views/adManage/sp/searchTerm/index.vue

@@ -0,0 +1,12 @@
+<template>
+
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+</script>
+
+<style scoped>
+
+</style>