自动化规则

src/views/efTools/automation/api.ts

@@ -69,7 +69,7 @@ export function updateAdCampaign(body) {
   });
 }
 
-// 获取定向规则列表
+// 定向规则弹窗：获取定向规则列表
 export function getTargetingRuleList(query) {
   return request({
     url: '/api/ad_manage/template/target_select',
@@ -78,6 +78,7 @@ export function getTargetingRuleList(query) {
   });
 }
 
+// 定向规则弹窗：获取商品列表
 export function getProductsList(query) {
   return request({
     url: '/api/ad_manage/template/target_select/products/',

src/views/efTools/automation/components/adActivityDialog.vue

@@ -5,7 +5,7 @@
  * @Author: xinyan
  */
 import { computed, onMounted, reactive, ref, toRefs, watch } from 'vue';
-import { getAdGroupList, getRelationCampaign } from '/@/views/efTools/automation/api';
+import { getAdGroupList, getRelationCampaign, updateAdCampaign } from '/@/views/efTools/automation/api';
 import { storeToRefs } from 'pinia';
 import { useShopInfo } from '/@/stores/shopInfo';
 import { ElMessage } from 'element-plus';
@@ -26,14 +26,13 @@ const props = defineProps({
     required: true,
   },
 });
-const emits = defineEmits(['update:modelValue']);
+const emits = defineEmits(['update:modelValue', 'confirmSuccess']);
 const shopInfo = useShopInfo();
 const { profile } = storeToRefs(shopInfo);
 const { templateId } = toRefs(props);
-// const { activeModel } = toRefs(props);
-const activeModel = ref('specified');
+const { activeModel } = toRefs(props);
 
-const dialogVisible = ref(true);
+const dialogVisible = ref(false);
 const targetRuleDialogVisible = ref(false);
 
 // 定向规则
@@ -190,6 +189,7 @@ function updateSelectedAds() {
         campaignGroupInfo: ad.campaignGroupInfo.filter(group => group.isSelected),
         page: currentPage.value
       }));
+  console.log('selectedAds.value', selectedAds.value);
 }
 
 // 树形结构的表格选择变化
@@ -242,7 +242,9 @@ function handleSelectTarget(row) {
     campaignType: parent.campaignType,
     campaignId: parent.campaignId,
     adGroupId: row.adGroupId,
-    isSelected: row.isSelected || false, // 同步 isSelected 状态
+    isSelected: row.isSelected || false,
+    keywordInfo: row.keywordInfo || [],
+    campaignTargetInfo: row.campaignTargetInfo || [],
   };
   targetRuleDialogVisible.value = true;
 }
@@ -320,32 +322,59 @@ function cancel() {
   dialogVisible.value = false;
 }
 
-//TODO: 确认按钮-商品
+//TODO: 确认按钮-adGroupInfo
 async function confirm() {
   const campaignItems = selectedAds.value.map(ad => ({
     campaignId: ad.campaignId,
     campaignType: ad.campaignType
   }));
-  const adGroupInfo = [];
-  const campaignTargetInfo = [
-    { targetId: '492707808377423', adGroup_id: '448117369011017', bid: 0.45 },
-  ];
 
-  const campaignInfo = selectedTargetedRow.value.keywordInfo.map(keyword => ({
-    keywordId: keyword.keywordId,
-    adGroup_id: keyword.adGroup_id,
-    bid: keyword.bid
-  }));
+  let campaignKeywordInfo = [];
+  let campaignTargetInfo = [];
+
+  selectedAds.value.forEach(campaign => {
+    campaign.campaignGroupInfo.forEach(group => {
+      if (group.keywordInfo && group.keywordInfo.length > 0) {
+        campaignKeywordInfo = campaignKeywordInfo.concat(
+            group.keywordInfo.map(keyword => ({
+              keywordId: keyword.keywordId,
+              adGroup_id: group.adGroupId,
+              bid: keyword.bid
+            }))
+        );
+      }
+      if (group.campaignTargetInfo && group.campaignTargetInfo.length > 0) {
+        campaignTargetInfo = campaignTargetInfo.concat(
+            group.campaignTargetInfo.map(target => ({
+              targetId: target.targetId,
+              adGroup_id: group.adGroupId,
+              bid: target.bid
+            }))
+        );
+      }
+    });
+  });
 
   const requestData = {
     profileId: profile.value.profile_id,
     templateId: templateId.value,
-    campaignItems,
-    adGroupInfo,
+    campaignItems: campaignItems,
+    adGroupInfo: [],
     campaignTargetInfo,
-    campaignInfo
+    campaignKeywordInfo
   };
-  console.log('requestData', requestData);
+  console.log('requestData',requestData);
+  try {
+    const response = await updateAdCampaign(requestData);
+    if (response.code === 2000) {
+      dialogVisible.value = false;
+      emits('confirmSuccess');
+      ElMessage({ message: '创建成功', type: 'success', });
+    }
+  } catch (error) {
+    console.error('API error:', error);
+    ElMessage({ message: '创建失败', type: 'error', });
+  }
 }
 
 // 获取广告组下拉框

src/views/efTools/automation/components/targetRuleDialog.vue

@@ -55,6 +55,9 @@ const gridOptions = reactive({
   height: 550,
   showOverflow: true,
   loading: false,
+  checkboxConfig:{
+    checkField: 'isSelected'
+  },
   rowConfig: {
     isHover: true,
     height: 85,
@@ -84,32 +87,61 @@ async function fetchTargetRuleList() {
 
     targetType.value = resp.data.targetType;
 
-    // 动态设置表格列
-    if (resp.data.targetType === 'keyword') {
+    if (targetType.value === 'keyword') {
       gridOptions.columns = keyWordColumn;
       gridOptions.rowConfig.height = 34;
-      gridOptions.data = resp.data.targetData;
-
-    } else if (resp.data.targetType === 'target') {
+      gridOptions.data = resp.data.targetData.map(item => ({
+        ...item,
+        isSelected: selectedTargetedRow.value.keywordInfo.some(keyword => keyword.keywordId === item.keywordId)
+      }));
+    } else if (targetType.value === 'target') {
       gridOptions.rowConfig.height = 85;
       gridOptions.columns = targetColumn;
-      gridOptions.data = resp.data.targetData;
+      gridOptions.data = resp.data.targetData.map(item => ({
+        ...item,
+        isSelected: selectedTargetedRow.value.campaignTargetInfo.some(target => target.targetId === item.targetId)
+      }));
 
-      // 检查是否有 ASIN_SAME_AS 字段
-      const asinSameAsList = resp.data.targetData
-          .filter(item => item.expressionDesc && item.expressionDesc.ASIN_SAME_AS) // 过滤存在 ASIN_SAME_AS 的项
-          .map(item => item.expressionDesc.ASIN_SAME_AS); // 提取所有 ASIN_SAME_AS
+      // 处理 ASIN_SAME_AS 字段
+      const asinSameAsList = gridOptions.data
+          .filter(item => item.expressionDesc && item.expressionDesc.ASIN_SAME_AS)
+          .map(item => item.expressionDesc.ASIN_SAME_AS);
 
       if (asinSameAsList.length > 0) {
         gridOptions.columns = productColumn;
         gridOptions.rowConfig.height = 120;
-        gridOptions.data = await fetchProductsList(asinSameAsList); // 传递 ASIN 列表
+        const products = await fetchProductsList(asinSameAsList);
+
+        // 创建一个映射，用于快速查找原始定向规则数据
+        const targetMap = new Map(
+            gridOptions.data
+                .filter(item => item.expressionDesc && item.expressionDesc.ASIN_SAME_AS)
+                .map(item => [item.expressionDesc.ASIN_SAME_AS, item])
+        );
+
+        gridOptions.data = products.map(product => {
+          const originalTarget = targetMap.get(product.asin);
+          return {
+            ...product,
+            targetId: originalTarget?.targetId,
+            adGroup_id: originalTarget?.adGroup_id,
+            bid: originalTarget?.bid,
+            isSelected: selectedTargetedRow.value.campaignTargetInfo.some(
+                target => target.targetId === originalTarget?.targetId
+            )
+          };
+        });
       }
     }
+
+    // 预选已选择的定向规则
+    campaignInfo.value = gridOptions.data.filter(item => item.isSelected);
+
     gridOptions.loading = false;
   } catch (error) {
+    console.error('Error fetching target rule list:', error);
     ElMessage.error('请求定向数据失败');
-    gridOptions.loading = false; // 确保在错误情况下也关闭 loading 状态
+    gridOptions.loading = false;
   }
 }
 
@@ -126,8 +158,15 @@ async function fetchProductsList(asinList) {
   }
 }
 
-function handleCheckChange({ records }) {
-  campaignInfo.value = records;
+function handleCheckChange({ records, row, checked }) {
+  if (row) {
+    // 单个选择/取消选择
+    row.isSelected = checked;
+  } else {
+    // 全选/取消全选
+    records.forEach(record => record.isSelected = checked);
+  }
+  campaignInfo.value = gridOptions.data.filter(item => item.isSelected);
 }
 
 function getMatchTypeLabel(type: string) {
@@ -142,11 +181,13 @@ function cancel() {
   targetRuleDialogVisible.value = false;
 }
 
-async function confirm() {
+function confirm() {
   targetRuleDialogVisible.value = false;
   emits('confirm:targetRule', {
     campaignInfo: campaignInfo.value,
-    targetType: targetType.value, // 将 targetType 作为参数传递给父组件
+    targetType: targetType.value,
+    adGroupId: selectedTargetedRow.value.adGroupId,  // 添加这行
+    campaignId: selectedTargetedRow.value.campaignId  // 添加这行
   });
 }
 

src/views/efTools/automation/index.vue

@@ -290,7 +290,7 @@ onMounted(() => {
           @refresh="refreshTable"></component>
     </div>
   </el-drawer>
-  <AdActivityDialog v-model="isDialogVisible" :activeModel="activeModel" :templateId="templateId" @confirm="handleConfirm"/>
+  <AdActivityDialog v-model="isDialogVisible" :activeModel="activeModel" :templateId="templateId" @confirmSuccess="getList"/>
   <AutomatedRuleTips v-model="autoInfo"></AutomatedRuleTips>
 </template>