feat: 模版页面，新增模版添加下拉选择框

src/api/resourceGroup.js

+import request from '@/utils/request'
+
+// 分页获取资源组列表
+export function getResourceGroupsByPage(params) {
+  return request({
+    // url: `http://localhost:8567/resource-groups/page`,
+    url: `${process.env.PUTIN_API}/resource-groups/page`,
+    method: 'post',
+    params
+  })
+}
+
+// 创建资源组
+export function createResourceGroup(data) {
+  return request({
+    url: `${process.env.PUTIN_API}/resource-groups/add`,
+    // url: `http://localhost:8567/resource-groups/add`,
+    method: 'post',
+    data
+  })
+}
+
+// 根据ID获取资源组
+export function getResourceGroupById(id) {
+  return request({
+    url: `${process.env.PUTIN_API}/resource-groups/${id}`,
+    method: 'get'
+  })
+}
+
+// 更新资源组
+export function updateResourceGroup(id, data) {
+  return request({
+    url: `${process.env.PUTIN_API}/resource-groups/${id}`,
+    method: 'put',
+    data
+  })
+}
+
+// 删除资源组
+export function deleteResourceGroup(id) {
+  return request({
+    url: `${process.env.PUTIN_API}/resource-groups/${id}`,
+    method: 'delete'
+  })
+}
+
+// 获取资源组详情页文件列表
+export function getResourceGroupDetailPage(params) {
+  return request({
+    // url: `http://localhost:8567/resource-groups/detailPage`,
+    url: `${process.env.PUTIN_API}/resource-groups/detailPage`,
+    method: 'post',
+    params
+  })
+}
+
+// 获取资源组下拉列表
+export function getResourceGroupList() {
+  return request({
+    // url: `http://localhost:8567/resource-groups/list`,
+    url: `${process.env.PUTIN_API}/resource-groups/list`,
+    method: 'get'
+  })
+}

src/components/GroupSelectors/ResourceGroupSelector.vue

@@ -52,8 +52,17 @@ export default {
     async fetchResourceGroups() {
       try {
         const response = await getResourceGroupList()
-        if (response.status === 200 && response.result && response.result.data) {
-          this.resourceGroups = response.result.data
+        console.log('资源组列表响应:', response)
+        if (response.status === 200) {
+          // 根据后端实际返回的数据结构调整
+          if (response.result && response.result.data) {
+            this.resourceGroups = response.result.data
+          } else if (response.result) {
+            this.resourceGroups = response.result
+          } else {
+            this.resourceGroups = []
+          }
+          console.log('解析后的资源组列表:', this.resourceGroups)
         } else {
           this.$message.error('获取资源组列表失败')
         }

src/views/campaignTask/CampaignTaskManage.vue

@@ -386,6 +386,10 @@
           <el-form-item label="描述组" prop="description_groups">
             <description-group-selector v-model="form.description_groups" />
           </el-form-item>
+
+          <el-form-item label="资源组" prop="resource_group_id">
+            <resource-group-selector v-model="form.resource_group_id" />
+          </el-form-item>
         </div>
 
         <!-- 临时模板表单 -->
@@ -672,6 +676,7 @@ import LocationGroupSelector from '@/components/GroupSelectors/LocationGroupSele
 import MaterialGroupSelector from '@/components/GroupSelectors/MaterialGroupSelector'
 import TitleGroupSelector from '@/components/GroupSelectors/TitleGroupSelector'
 import DescriptionGroupSelector from '@/components/GroupSelectors/DescriptionGroupSelector'
+import ResourceGroupSelector from '@/components/GroupSelectors/ResourceGroupSelector'
 import { getCampaignTaskList, createCampaignTask, updateCampaignTask, deleteCampaignTask, startCampaignTask } from '@/api/campaignTask'
 import { getCampaignTemplateById } from '@/api/campaignTemplate'
 import axios from 'axios'
@@ -691,7 +696,8 @@ export default {
     LocationGroupSelector,
     MaterialGroupSelector,
     TitleGroupSelector,
-    DescriptionGroupSelector
+    DescriptionGroupSelector,
+    ResourceGroupSelector
   },
   data() {
     const end = moment()
@@ -726,6 +732,7 @@ export default {
         material_groups: [],
         title_groups: [],
         description_groups: [],
+        resource_group_id: null,
         // 修改字段名为tiktok_json
         tiktok_json: {
           optimizationGoal: 'VALUE',
@@ -1030,6 +1037,7 @@ export default {
         material_groups: [],
         title_groups: [],
         description_groups: [],
+        resource_group_id: null,
         // 修改字段名为tiktok_json
         tiktok_json: {
           optimizationGoal: 'VALUE',
@@ -1078,6 +1086,7 @@ export default {
         material_groups: [],
         title_groups: [],
         description_groups: [],
+        resource_group_id: null,
         // 修改字段名为tiktok_json
         tiktok_json: {
           optimizationGoal: 'VALUE',
@@ -1185,6 +1194,7 @@ export default {
               daily_budget: this.form.daily_budget,
               bidding_type: this.form.bidding_type,
               target_roas: this.form.target_roas,
+              resource_group_id: this.form.resource_group_id,
             }
 
             // 根据模板类型传递不同的字段
@@ -1353,6 +1363,10 @@ export default {
           this.form.material_groups = Array.isArray(template.material_groups) ? [...template.material_groups] : [];
           this.form.title_groups = Array.isArray(template.title_groups) ? [...template.title_groups] : [];
           this.form.description_groups = Array.isArray(template.description_groups) ? [...template.description_groups] : [];
+          this.form.resource_group_id = template.resource_group_id || null;
+          
+          console.log('模板数据中的resource_group_id:', template.resource_group_id);
+          console.log('设置后的form.resource_group_id:', this.form.resource_group_id);
 
           // 处理tiktok_json字段（所有平台都需要处理）
           try {