fix: 策略详情缺少“事件调查报告”内容每一项可以单独保存与加载动画 --bug=132037874

Author: zzlliang

src/frontend/src/views/strategy-manage/language/en.js

@@ -367,6 +367,8 @@ export default {
     '调用鉴权接口进行该系统的鉴权。': ' to be able to call the authentication interface to authenticate the system',
     请输入资源回调url: 'Please enter the resource callback url',
     提交并下一步: 'Submit and proceed next',
+    保存当前步骤: 'Save Current Step',
+    '正在保存，请稍候...': 'Saving, please wait...',
     当前系统未完成配置: 'The current system has not been fully configured',
     系统信息: 'System information',
     日志上报: 'Log reporting',

src/frontend/src/views/strategy-manage/language/zh.js

@@ -373,6 +373,8 @@ export default {
     '调用鉴权接口进行该系统的鉴权。': '调用鉴权接口进行该系统的鉴权。',
     请输入资源回调url: '请输入资源回调url',
     提交并下一步: '提交并下一步',
+    保存当前步骤: '保存当前步骤',
+    '正在保存，请稍候...': '正在保存，请稍候...',
     当前系统未完成配置: '当前系统未完成配置',
     系统信息: '系统信息',
     日志上报: '日志上报',

src/frontend/src/views/strategy-manage/strategy-create/components/event-report/index.vue

@@ -131,6 +131,13 @@
           @click="handleNext">
           {{ t(isEnvent ? '下一步' : '跳过') }}
         </bk-button>
+        <bk-button
+          v-if="isEditMode"
+          class="ml8"
+          theme="primary"
+          @click="handleSaveCurrentStep">
+          {{ t('保存当前步骤') }}
+        </bk-button>
         <bk-button
           class="ml8"
           @click="handleCancel">
@@ -162,8 +169,8 @@
   import { formatDate } from '@/utils/assist/timestamp-conversion';
 
   interface IFormData {
-    processor_groups: Array<number>,
-    notice_groups: Array<number>,
+    processor_groups: Array<any>,
+    notice_groups: Array<any>,
     report_enabled: boolean,
     report_config: Record<string, any>,
     report_auto_render: boolean,
@@ -188,6 +195,7 @@
   interface Emits {
     (e: 'previousStep', step: number): void;
     (e: 'nextStep', step: number, params: IFormData): void;
+    (e: 'saveCurrentStep', params: Partial<IFormData>): void;
     (e: 'submitData'): void;
   }
 
@@ -390,6 +398,27 @@
       report_auto_render: isAutoGetReports.value,
     });
   };
+
+  // 保存当前步骤（编辑态）：效果与「其他配置」的提交一致
+  const handleSaveCurrentStep = () => {
+    if (isEnvent.value && aiEditorRef.value && !aiEditorRef.value.hasContent()) {
+      editorError.value = true;
+      return;
+    }
+    if (isEnvent.value) {
+      reportInfo.value.enabled = true;
+      reportInfo.value.config = buildReportConfig();
+    } else {
+      reportInfo.value.enabled = false;
+      reportInfo.value.config = buildReportConfig();
+    }
+    emits('saveCurrentStep', {
+      report_enabled: reportInfo.value.enabled,
+      report_config: reportInfo.value.config,
+      report_auto_render: isAutoGetReports.value,
+    });
+  };
+
   const handleCancel = () => {
     router.push({
       name: 'strategyList',

src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/base-info.vue

@@ -82,8 +82,8 @@
     event_basic_field_configs: StrategyFieldEvent['event_basic_field_configs'],
     event_evidence_field_configs: StrategyFieldEvent['event_evidence_field_configs'],
     risk_meta_field_config: StrategyFieldEvent['risk_meta_field_config'],
-    processor_groups: [],
-    notice_groups: []
+    processor_groups: Array<any>,
+    notice_groups: Array<any>
   }
 
   interface Props{

src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/link-event.vue

@@ -141,8 +141,8 @@
     event_data_field_configs: StrategyFieldEvent['event_data_field_configs'],
     event_basic_field_configs: StrategyFieldEvent['event_basic_field_configs'],
     event_evidence_field_configs: StrategyFieldEvent['event_evidence_field_configs'],
-    processor_groups: [],
-    notice_groups: []
+    processor_groups: Array<any>,
+    notice_groups: Array<any>
   }
 
   interface Props{

src/frontend/src/views/strategy-manage/strategy-create/components/preview/index.vue

@@ -59,8 +59,8 @@
     event_basic_field_configs: StrategyFieldEvent['event_basic_field_configs'],
     event_evidence_field_configs: StrategyFieldEvent['event_evidence_field_configs'],
     risk_meta_field_config: StrategyFieldEvent['risk_meta_field_config'],
-    processor_groups: [],
-    notice_groups: []
+    processor_groups: Array<any>,
+    notice_groups: Array<any>
   }
 
   interface Props {

src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/index.vue

@@ -1058,6 +1058,7 @@
     .flex-center {
       display: flex;
       align-items: center;
+      justify-content: left;
     }
 
     .circle {

src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/reference-model/components/aiops/index.vue

@@ -415,6 +415,7 @@
     .flex-center {
       display: flex;
       align-items: center;
+      justify-content: left;
     }
   }
 }

src/frontend/src/views/strategy-manage/strategy-create/components/step1/index.vue

@@ -217,6 +217,13 @@
           @click="handleNext">
           {{ t('下一步') }}
         </bk-button>
+        <bk-button
+          v-if="isEditMode"
+          class="ml8"
+          theme="primary"
+          @click="handleSaveCurrentStep">
+          {{ t('保存当前步骤') }}
+        </bk-button>
         <bk-button
           class="ml8"
           @click="handleCancel">
@@ -282,6 +289,7 @@
 
   interface Emits {
     (e: 'nextStep', step: number, params: IFormData): void;
+    (e: 'saveCurrentStep', params: Record<string, any>): void;
   }
   interface Props {
     editData: StrategyModel
@@ -636,32 +644,48 @@
       tastQueue.push(comRef.value.getValue?.());
     }
     Promise.all(tastQueue).then(() => {
-      if (!isEditMode) {
-        delete formData.value.strategy_id;
-      }
-      const baseParams = { ...formData.value };
-      if (baseParams.tags) {
-        baseParams.tags = baseParams.tags.map(item => (strategyTagMap.value[item] ? strategyTagMap.value[item] : item));
-      }
-      // 获取审计参数（自定义规则审计、引入模型审计）
-      const fields = comRef.value.getFields();
-      // 非联表不需要link_table参数
-      if (fields.configs.config_type !== 'LinkTable' && fields.configs.data_source) {
-        fields.configs.data_source.link_table = null;
-      }
-      // 非周期不需要schedule_config
-      if (fields.configs.data_source && fields.configs.data_source.source_type !== 'batch_join_source') {
-        fields.configs.schedule_config = undefined;
-      }
-      // 合并参数
-      const params = {
-        ...baseParams,
-        ...fields,
-      };
+      const params = buildStepParams();
       emits('nextStep', 2, params);
     });
   };
 
+  // 构建当前步骤提交参数（与下一步一致）
+  const buildStepParams = () => {
+    if (!isEditMode) {
+      delete formData.value.strategy_id;
+    }
+    const baseParams = { ...formData.value };
+    if (baseParams.tags) {
+      baseParams.tags = baseParams.tags.map(item => (strategyTagMap.value[item] ? strategyTagMap.value[item] : item));
+    }
+    // 获取审计参数（自定义规则审计、引入模型审计）
+    const fields = comRef.value.getFields();
+    // 非联表不需要link_table参数
+    if (fields.configs.config_type !== 'LinkTable' && fields.configs.data_source) {
+      fields.configs.data_source.link_table = null;
+    }
+    // 非周期不需要schedule_config
+    if (fields.configs.data_source && fields.configs.data_source.source_type !== 'batch_join_source') {
+      fields.configs.schedule_config = undefined;
+    }
+    return {
+      ...baseParams,
+      ...fields,
+    };
+  };
+
+  // 保存当前步骤（编辑态）：校验后提交，效果与「其他配置」的提交一致
+  const handleSaveCurrentStep = () => {
+    const tastQueue = [formRef.value.validate()];
+    if (formData.value.strategy_type) {
+      tastQueue.push(comRef.value.getValue?.());
+    }
+    Promise.all(tastQueue).then(() => {
+      const params = buildStepParams();
+      emits('saveCurrentStep', params);
+    });
+  };
+
   watch(() => props.editData, (data) => {
     if (isEditMode || isCloneMode) {
       setFormData(data);

src/frontend/src/views/strategy-manage/strategy-create/components/step2/index.vue

@@ -121,6 +121,13 @@
         @click="handleNext">
         {{ t('下一步') }}
       </bk-button>
+      <bk-button
+        v-if="isEditMode"
+        class="ml8"
+        theme="primary"
+        @click="handleSaveCurrentStep">
+        {{ t('保存当前步骤') }}
+      </bk-button>
       <bk-button
         class="ml8"
         @click="handleCancel">
@@ -162,6 +169,7 @@
   interface Emits {
     (e: 'previousStep', step: number): void;
     (e: 'nextStep', step: number, params: IFormData): void;
+    (e: 'saveCurrentStep', params: IFormData): void;
     (e: 'showPreview'): void;
   }
   interface Props {
@@ -257,29 +265,37 @@
     });
   };
 
+  const buildStepParams = (): IFormData => {
+    const params: IFormData = _.cloneDeep(Object.assign(
+      {},
+      formData.value, eventRef.value.getData(),
+      strategyTableRef.value.getData(),
+    ));
+    params.event_basic_field_configs = params.event_basic_field_configs.map((item) => {
+      cleanMapConfig(item);
+      cleanDrillConfig(item);
+      return item;
+    });
+    params.risk_meta_field_config = params.risk_meta_field_config.map((item) => {
+      cleanMapConfig(item);
+      cleanDrillConfig(item);
+      return item;
+    });
+    params.event_data_field_configs = params.event_data_field_configs.map(cleanDrillConfig);
+    params.event_evidence_field_configs = params.event_evidence_field_configs.map(cleanDrillConfig);
+    return params;
+  };
+
   const handleNext = () => {
     Promise.all([formRef.value.validate(), eventRef.value.getValue()]).then(() => {
-      const params: IFormData = _.cloneDeep(Object.assign(
-        {},
-        formData.value, eventRef.value.getData(),
-        strategyTableRef.value.getData(),
-      ));
-      // 统一处理配置字段
-      params.event_basic_field_configs = params.event_basic_field_configs.map((item) => {
-        cleanMapConfig(item);
-        cleanDrillConfig(item);
-        return item;
-      });
-      params.risk_meta_field_config = params.risk_meta_field_config.map((item) => {
-        cleanMapConfig(item);
-        cleanDrillConfig(item);
-        return item;
-      });
-
-      params.event_data_field_configs = params.event_data_field_configs.map(cleanDrillConfig);
-      params.event_evidence_field_configs = params.event_evidence_field_configs.map(cleanDrillConfig);
+      emits('nextStep', 3, buildStepParams());
+    });
+  };
 
-      emits('nextStep', 3, params);
+  // 保存当前步骤（编辑态）：效果与「其他配置」的提交一致
+  const handleSaveCurrentStep = () => {
+    Promise.all([formRef.value.validate(), eventRef.value.getValue()]).then(() => {
+      emits('saveCurrentStep', buildStepParams());
     });
   };