增加 ip活动分析

src/views/marketing/ipMrakup/index.vue

@@ -0,0 +1,57 @@
+<!-- 加价营销管理 -->
+<template>
+  <ele-page flex-table>
+    <div class="ip-markup-management">
+      <el-tabs
+        v-model="activeTab"
+        class="ip-markup-tabs"
+        @tab-click="handleTabClick"
+      >
+        <el-tab-pane label="加价营销数据" name="datalist">
+          <data-list ref="dataListRef" v-if="activeTab === 'datalist'" />
+        </el-tab-pane>
+        <el-tab-pane label="加价营销规则" name="rules">
+          <markup-rules v-if="activeTab === 'rules'" />
+        </el-tab-pane>
+        <el-tab-pane label="加价营销书单" name="booklist">
+          <book-list v-if="activeTab === 'booklist'" />
+        </el-tab-pane>
+        <el-tab-pane label="裂变分析" name="fission">
+          <fission-analysis v-if="activeTab === 'fission'" />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </ele-page>
+</template>
+
+<script setup>
+  import { ref } from 'vue';
+  import DataList from './datalist/index.vue';
+  import MarkupRules from './rules/index.vue';
+  import BookList from './booklist/index.vue';
+  import FissionAnalysis from './fission/index.vue';
+
+  // 当前激活的标签页
+  const activeTab = ref('datalist');
+  const dataListRef = ref(null);
+
+  // 标签页切换事件
+  const handleTabClick = (tab) => {
+    console.log('当前标签页:', tab.props.name);
+  };
+</script>
+
+<style lang="scss" scoped>
+  .ip-markup-management {
+    padding: 16px;
+    height: calc(100% - 10px);
+    background-color: #fff;
+    box-sizing: border-box;
+
+    .ip-markup-tabs {
+      :deep(.el-tabs__header) {
+        margin-bottom: 0;
+      }
+    }
+  }
+</style>

src/views/marketing/partner/index.vue

@@ -2,53 +2,56 @@
 <template>
   <ele-page flex-table>
     <div class="partner-management">
-        <el-tabs v-model="activeTab" class="partner-tabs" @tab-click="handleTabClick">
-            <el-tab-pane label="合伙人管理" name="list">
-                <partner-list ref="partnerListRef" v-if="activeTab === 'list'" />
-            </el-tab-pane>
-            <el-tab-pane label="招募规则设置" name="rule">
-                <partner-rule v-if="activeTab === 'rule'" />
-            </el-tab-pane>
-            <el-tab-pane label="合伙人推广海报" name="poster">
-                <partner-poster v-if="activeTab === 'poster'" />
-            </el-tab-pane>
-            <el-tab-pane label="结算设置" name="settlement">
-                <partner-settlement v-if="activeTab === 'settlement'" />
-            </el-tab-pane>
-        </el-tabs>
+      <el-tabs
+        v-model="activeTab"
+        class="partner-tabs"
+        @tab-click="handleTabClick"
+      >
+        <el-tab-pane label="合伙人管理" name="list">
+          <partner-list ref="partnerListRef" v-if="activeTab === 'list'" />
+        </el-tab-pane>
+        <el-tab-pane label="招募规则设置" name="rule">
+          <partner-rule v-if="activeTab === 'rule'" />
+        </el-tab-pane>
+        <el-tab-pane label="合伙人推广海报" name="poster">
+          <partner-poster v-if="activeTab === 'poster'" />
+        </el-tab-pane>
+        <el-tab-pane label="结算设置" name="settlement">
+          <partner-settlement v-if="activeTab === 'settlement'" />
+        </el-tab-pane>
+      </el-tabs>
     </div>
-
   </ele-page>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import PartnerList from './components/partner-list.vue';
-import PartnerRule from './components/partner-rule.vue';
-import PartnerPoster from './components/partner-poster.vue';
-import PartnerSettlement from './components/partner-settlement.vue';
+  import { ref } from 'vue';
+  import PartnerList from './components/partner-list.vue';
+  import PartnerRule from './components/partner-rule.vue';
+  import PartnerPoster from './components/partner-poster.vue';
+  import PartnerSettlement from './components/partner-settlement.vue';
 
-// 当前激活的标签页
-const activeTab = ref('list');
-const partnerListRef = ref(null);
+  // 当前激活的标签页
+  const activeTab = ref('list');
+  const partnerListRef = ref(null);
 
-// 标签页切换事件
-const handleTabClick = (tab) => {
+  // 标签页切换事件
+  const handleTabClick = (tab) => {
     console.log('当前标签页:', tab.props.name);
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.partner-management {
+  .partner-management {
     padding: 16px;
     height: calc(100% - 10px);
     background-color: #fff;
     box-sizing: border-box;
 
     .partner-tabs {
-        :deep(.el-tabs__header) {
-            margin-bottom: 0;
-        }
+      :deep(.el-tabs__header) {
+        margin-bottom: 0;
+      }
     }
-}
+  }
 </style>