feat: 投放账户分组

src/views/property-marketing/put-account/account-data/index.vue

@@ -8,8 +8,16 @@
       <a-tabs v-model="activeTab" @tab-click="handleTabClick">
         <a-tab-pane :key="1" title="账户"></a-tab-pane>
         <a-tab-pane :key="2" title="项目"></a-tab-pane>
+        <template v-if="!isAccountTab" #extra>
+          <a-button class="w-112px mr-12px search-btn flex items-center" size="medium" @click="handleOpenGroupModal">
+            <template #icon>
+              <img :src="icon2" width="16" height="16" />
+            </template>
+            <template #default>分组管理</template>
+          </a-button>
+        </template>
       </a-tabs>
-      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+      <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
@@ -36,14 +44,19 @@
         />
       </div>
     </div>
+
+    <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups()" />
   </div>
 </template>
 
 <script setup>
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
+import GroupManageModal from './components/group-manage-modal';
 import { INITIAL_QUERY } from './constants';
 
+import icon2 from '@/assets/img/media-account/icon-group.png';
+
 const query = ref({});
 const dataSource = ref([]);
 const pageInfo = reactive({
@@ -54,6 +67,8 @@ const pageInfo = reactive({
 const selectedRowKeys = ref([]);
 const activeTab = ref(1);
 const accountTableRef = ref(null);
+const groupManageModalRef = ref(null);
+const filterBlockRef = ref(null);
 
 const isAccountTab = computed(() => activeTab.value === 1);
 
@@ -235,6 +250,10 @@ const handleTabClick = (tab) => {
   handleReset();
 };
 
+const handleOpenGroupModal = () => {
+  groupManageModalRef.value?.open();
+};
+
 onMounted(() => {
   getData();
 });