From 959be5a4d1688a4c7a3559cbafc23019b1d34ba1 Mon Sep 17 00:00:00 2001
From: nanasikeai <nanasikeai@gmail.com>
Date: Wed, 19 Feb 2025 15:08:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=AE=BE=E8=AE=A1=E8=B5=B0=E6=9F=A5?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20--bug=3D138240617?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/components/join-type.vue       |   9 +-
 .../components/components/table-field.vue     |   7 +-
 .../link-data-create/components/links.vue     |   3 +-
 .../detail/components/base-info.vue           |   8 +-
 .../detail/components/link-event.vue          |   2 +-
 .../detail/components/render-info-item.vue    |   3 +
 .../src/views/rule-manage/create/index.vue    |   4 +-
 .../src/views/storage-manage/list/index.vue   |   2 +-
 .../list/components/collapse-panel.vue        |   4 +-
 .../list/components/detail.vue                |   1 +
 .../src/views/strategy-manage/list/index.vue  |  12 +-
 .../preview/components/base-info.vue          |  25 +--
 .../preview/components/link-event.vue         | 152 +++++++++---------
 .../preview/components/render-info-item.vue   |   3 +
 .../components/step1/components/card-part.vue |   6 +-
 .../rules/components/field-item.vue           |   4 +-
 .../customize/components/rules/index.vue      |   3 +-
 .../components/step1/index.vue                |   3 +-
 .../components/step2/components/valueItem.vue |   5 +-
 .../components/step2/index.vue                |   3 +-
 .../components/step3/index.vue                |   4 +-
 21 files changed, 147 insertions(+), 116 deletions(-)

diff --git a/src/frontend/src/views/link-data-manage/link-data-create/components/components/join-type.vue b/src/frontend/src/views/link-data-manage/link-data-create/components/components/join-type.vue
index ccc476a7..c772177a 100644
--- a/src/frontend/src/views/link-data-manage/link-data-create/components/components/join-type.vue
+++ b/src/frontend/src/views/link-data-manage/link-data-create/components/components/join-type.vue
@@ -23,9 +23,7 @@
     trigger="click"
     @after-hidden="handleAfterShow"
     @after-show="handleAfterShow">
-    <div
-      class="join-type"
-      :class="[isShow ? 'is-show' : '']">
+    <div class="join-type">
       <relation-ship
         active
         :join-type="joinType"
@@ -78,6 +76,7 @@
     margin-bottom: 8px;
     cursor: pointer;
     background: #e1ecff;
+    border: 1px solid #9bc0ff;
     border-radius: 4px;
     align-items: center;
     justify-content: center;
@@ -98,10 +97,6 @@
     color: #3a84ff;
     background-color: #e1ecff;
   }
-
-  .is-show {
-    border: 1px solid #9bc0ff;
-  }
 </style>
 <style>
 .link-data-join-type {
diff --git a/src/frontend/src/views/link-data-manage/link-data-create/components/components/table-field.vue b/src/frontend/src/views/link-data-manage/link-data-create/components/components/table-field.vue
index 1a18952f..7a69818a 100644
--- a/src/frontend/src/views/link-data-manage/link-data-create/components/components/table-field.vue
+++ b/src/frontend/src/views/link-data-manage/link-data-create/components/components/table-field.vue
@@ -76,11 +76,12 @@
     </div>
     <div class="icon-group">
       <audit-icon
-        style="margin-right: 10px;"
+        style="margin-right: 10px; cursor: pointer;"
         type="add-fill"
         @click="handleAdd" />
       <audit-icon
-        v-if="index !== 0"
+        v-if="linkFields.length > 1"
+        style="cursor: pointer;"
         type="reduce-fill"
         @click="() => handleDelete(index)" />
     </div>
@@ -245,8 +246,8 @@
   .icon-group {
     width: 36px;
     margin-bottom: 8px;
+    font-size: 14px;
     color: #c4c6cc;
-    cursor: pointer;
   }
 }
 </style>
diff --git a/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue b/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue
index 8268b43b..27dd30c9 100644
--- a/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue
+++ b/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue
@@ -139,8 +139,9 @@
           :right-table-rt-id="link.right_table.rt_id" />
         <!-- 删除关联关系 -->
         <audit-icon
-          v-if="index !== 0"
+          v-if="links.length > 1"
           class="delete-link"
+          style="font-size: 14px;"
           type="delete"
           @click="() => handleDelete(index)" />
       </div>
diff --git a/src/frontend/src/views/risk-manage/detail/components/base-info.vue b/src/frontend/src/views/risk-manage/detail/components/base-info.vue
index 8677f420..b905e9a8 100644
--- a/src/frontend/src/views/risk-manage/detail/components/base-info.vue
+++ b/src/frontend/src/views/risk-manage/detail/components/base-info.vue
@@ -15,7 +15,9 @@
   to the current version of the project delivered to anyone in the future.
 -->
 <template>
-  <div class="detail-base-info">
+  <div
+    class="detail-base-info"
+    :style="borderStyle">
     <div class="title">
       {{ data.title }}
     </div>
@@ -360,6 +362,9 @@
       .find(item => item.id === props.data.rule_id && item.version === props.data.rule_version);
     return item && item.name ? item.name : '';
   });
+  const borderStyle = computed(() => ({
+    'border-top': `6px solid ${riskLevelMap[props.data.risk_level]?.color}`,
+  }));
 
   // 获取标签列表
   useRequest(RiskManageService.fetchRiskTags, {
@@ -388,7 +393,6 @@
   position: relative;
   padding: 10px 16px;
   background: #fff;
-  border-top: 6px solid #ffb848;
   border-radius: 2px;
   box-shadow: 0 2px 4px 0 #1919290d;
 
diff --git a/src/frontend/src/views/risk-manage/detail/components/link-event.vue b/src/frontend/src/views/risk-manage/detail/components/link-event.vue
index f237d4d2..b1b38509 100644
--- a/src/frontend/src/views/risk-manage/detail/components/link-event.vue
+++ b/src/frontend/src/views/risk-manage/detail/components/link-event.vue
@@ -202,7 +202,7 @@
   const props = defineProps<Props>();
   const router = useRouter();
   const { t, locale } = useI18n();
-  const labelWidth = computed(() => (locale.value === 'en-US' ? 120 : 80));
+  const labelWidth = computed(() => (locale.value === 'en-US' ? 160 : 120));
   const linkEventList = ref<Array<EventModel>>([]); // 事件列表
   const currentPage = ref(1); // 当前页数
   const active = ref<number>(0);
diff --git a/src/frontend/src/views/risk-manage/detail/components/render-info-item.vue b/src/frontend/src/views/risk-manage/detail/components/render-info-item.vue
index d7fd2973..6db2525e 100644
--- a/src/frontend/src/views/risk-manage/detail/components/render-info-item.vue
+++ b/src/frontend/src/views/risk-manage/detail/components/render-info-item.vue
@@ -47,6 +47,7 @@
   const props = defineProps<Props>();
   const labelStyle = computed(() => ({
     'min-width': `${props.labelWidth || 80}px`,
+    'max-width': `${props.labelWidth || 80}px`,
     flex: '0 0 auto',
   }));
 </script>
@@ -61,6 +62,8 @@
     color: #63656e;
     text-align: right;
     flex: 0 0 60px;
+    word-break: break-all;
+    word-wrap: break-word;
   }
 
   .info-value {
diff --git a/src/frontend/src/views/rule-manage/create/index.vue b/src/frontend/src/views/rule-manage/create/index.vue
index d07ae843..063ae4c6 100644
--- a/src/frontend/src/views/rule-manage/create/index.vue
+++ b/src/frontend/src/views/rule-manage/create/index.vue
@@ -627,9 +627,9 @@
       position: relative;
       height: 32px;
 
-      .consition-value {
+      /* .consition-value {
         width: 560px;
-      }
+      } */
     }
 
     .condition-icon {
diff --git a/src/frontend/src/views/storage-manage/list/index.vue b/src/frontend/src/views/storage-manage/list/index.vue
index 6badf92c..24e42bae 100644
--- a/src/frontend/src/views/storage-manage/list/index.vue
+++ b/src/frontend/src/views/storage-manage/list/index.vue
@@ -87,7 +87,7 @@
         <template #footer>
           <div
             :class="{'footer-fixed':disabled}"
-            style="padding-left: 40px;">
+            style="padding-left: 16px;">
             <bk-button
               v-if="!disabled"
               v-bk-tooltips="t('请先完成连通性测试')"
diff --git a/src/frontend/src/views/strategy-manage/list/components/collapse-panel.vue b/src/frontend/src/views/strategy-manage/list/components/collapse-panel.vue
index 09fbaa48..852e3d6a 100644
--- a/src/frontend/src/views/strategy-manage/list/components/collapse-panel.vue
+++ b/src/frontend/src/views/strategy-manage/list/components/collapse-panel.vue
@@ -44,11 +44,11 @@
 .collapse-panel {
   .collapse-panel-title {
     display: flex;
-    height: 32px;
+    height: 28px;
     padding-left: 8px;
     font-size: 14px;
     font-weight: 700;
-    line-height: 32px;
+    line-height: 28px;
     color: #63656e;
     cursor: pointer;
     background: #eaebf0;
diff --git a/src/frontend/src/views/strategy-manage/list/components/detail.vue b/src/frontend/src/views/strategy-manage/list/components/detail.vue
index fe358e68..4a480085 100644
--- a/src/frontend/src/views/strategy-manage/list/components/detail.vue
+++ b/src/frontend/src/views/strategy-manage/list/components/detail.vue
@@ -87,6 +87,7 @@
 
     .bk-tab-content {
       height: 100%;
+      padding: 24px;
     }
   }
 }
diff --git a/src/frontend/src/views/strategy-manage/list/index.vue b/src/frontend/src/views/strategy-manage/list/index.vue
index 4c05b872..791cc9b6 100644
--- a/src/frontend/src/views/strategy-manage/list/index.vue
+++ b/src/frontend/src/views/strategy-manage/list/index.vue
@@ -80,8 +80,10 @@
     <template #header>
       <div
         class="flex"
-        style="width: 100%;padding-right: 40px;justify-content: space-between;">
-        <div>
+        style="width: 100%; padding-right: 40px; justify-content: space-between;">
+        <div
+          class="flex"
+          style="align-items: center;">
           {{ t('策略详情') }}
           <bk-button
             v-bk-tooltips="t('复制链接')"
@@ -89,9 +91,13 @@
             theme="primary"
             @click="handleCopyLink">
             <audit-icon
-              style="font-size: 14px;"
+              style=" margin-left: 14px;font-size: 14px;"
               type="link" />
           </bk-button>
+          <div style="height: 14px; margin: 0 10px; border-left: 1px solid #979ba5;" />
+          <div style=" font-size: 14px;color: #979ba5;">
+            {{ strategyItem.strategy_name }}
+          </div>
         </div>
         <div style="margin-left: auto;">
           <auth-button
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/base-info.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/base-info.vue
index bf3f4455..6c48365e 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/base-info.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/base-info.vue
@@ -15,7 +15,9 @@
   to the current version of the project delivered to anyone in the future.
 -->
 <template>
-  <div class="detail-base-info">
+  <div
+    class="detail-base-info"
+    :style="borderStyle">
     <div class="title">
       {{ data.risk_title }}
     </div>
@@ -291,7 +293,7 @@
       name: string,
     }>,
   }
-  defineProps<Props>();
+  const props = defineProps<Props>();
   const statusToMap: Record<string, {
     theme: 'info' | 'warning' | 'success' | 'danger' | undefined,
     icon: string,
@@ -343,9 +345,13 @@
   const { t, locale } = useI18n();
 
   const isShowMore = ref(false);
-  const labelWidth = computed(() => (locale.value === 'en-US' ? 120 : 80));
   const strategyTagMap = ref<Record<string, string>>({});
 
+  const labelWidth = computed(() => (locale.value === 'en-US' ? 120 : 80));
+  const borderStyle = computed(() => ({
+    'border-top': `6px solid ${riskLevelMap[props.data.risk_level].color}`,
+  }));
+
   // 获取标签列表
   useRequest(RiskManageService.fetchRiskTags, {
     defaultParams: {
@@ -363,6 +369,12 @@
 </script>
 <style lang="postcss" scoped>
 .detail-base-info {
+  position: relative;
+  padding: 10px 16px;
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 2px 4px 0 #1919290d;
+
   .title {
     margin-bottom: 10px;
     font-size: 14px;
@@ -371,13 +383,6 @@
     color: #313238;
   }
 
-  position: relative;
-  padding: 10px 16px;
-  background: #fff;
-  border-top: 6px solid #ffb848;
-  border-radius: 2px;
-  box-shadow: 0 2px 4px 0 #1919290d;
-
   .render-info-item {
     min-width: 50%;
     align-items: flex-start;
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/link-event.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/link-event.vue
index 70a65e7a..6587a440 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/link-event.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/link-event.vue
@@ -44,7 +44,7 @@
               v-for="(item, index) in importantInformation"
               :key="index"
               class="flex mt16"
-              style="margin-bottom: 12px;">
+              style=" padding: 0 24px;margin-bottom: 12px;">
               <render-info-item
                 v-for="(subItem, subIndex) in item"
                 :key="subIndex"
@@ -74,83 +74,85 @@
             </render-info-block>
           </template>
         </div>
-        <div style="padding-left: 12px">
-          <div class="title">
-            {{ t('基本信息') }}
-          </div>
-          <div
-            class="base-info">
-            <render-info-block
-              class="flex mt16"
-              style="margin-bottom: 12px;">
-              <render-info-item
-                :label="t('事件ID')"
-                :label-width="labelWidth">
-                {{ t('以实际内容为准') }}
-              </render-info-item>
-              <render-info-item
-                :label="t('责任人')"
-                :label-width="labelWidth">
-                {{ t('以实际内容为准') }}
-              </render-info-item>
-            </render-info-block>
-            <render-info-block
-              class="flex mt16"
-              style="margin-bottom: 12px;">
-              <render-info-item
-                :label="t('命中策略')"
-                :label-width="labelWidth">
-                {{ data.strategy_name }}
-              </render-info-item>
-              <render-info-item
-                :label="t('事件描述')"
-                :label-width="labelWidth">
-                {{ t('以实际内容为准') }}
-              </render-info-item>
-            </render-info-block>
-          </div>
-          <div class="title">
-            {{ t('事件结果') }}
-          </div>
-          <div
-            class="data-info">
-            <template v-if="eventData.length">
+        <div
+          class="title"
+          style="padding-left: 12px">
+          {{ t('基本信息') }}
+        </div>
+        <div
+          class="base-info">
+          <render-info-block
+            class="flex mt16"
+            style="margin-bottom: 12px;">
+            <render-info-item
+              :label="t('事件ID')"
+              :label-width="labelWidth">
+              {{ t('以实际内容为准') }}
+            </render-info-item>
+            <render-info-item
+              :label="t('责任人')"
+              :label-width="labelWidth">
+              {{ t('以实际内容为准') }}
+            </render-info-item>
+          </render-info-block>
+          <render-info-block
+            class="flex mt16"
+            style="margin-bottom: 12px;">
+            <render-info-item
+              :label="t('命中策略')"
+              :label-width="labelWidth">
+              {{ data.strategy_name }}
+            </render-info-item>
+            <render-info-item
+              :label="t('事件描述')"
+              :label-width="labelWidth">
+              {{ t('以实际内容为准') }}
+            </render-info-item>
+          </render-info-block>
+        </div>
+        <div
+          class="title"
+          style="padding-left: 12px">
+          {{ t('事件结果') }}
+        </div>
+        <div
+          class="data-info">
+          <template v-if="eventData.length">
+            <div
+              v-for="(item, index) in eventData"
+              :key="index"
+              class="flex data-info-row">
               <div
-                v-for="(item, index) in eventData"
-                :key="index"
-                class="flex data-info-row">
-                <div
-                  v-for="(subItem, subIndex) in item"
-                  :key="subIndex"
-                  class="flex data-info-item">
-                  <div class="data-info-item-key">
-                    <span>{{ subItem.display_name }}</span>
-                  </div>
-                  <div class="data-info-item-value">
-                    <span>{{ t('以实际内容为准') }}</span>
-                  </div>
+                v-for="(subItem, subIndex) in item"
+                :key="subIndex"
+                class="flex data-info-item">
+                <div class="data-info-item-key">
+                  <span>{{ subItem.display_name }}</span>
+                </div>
+                <div class="data-info-item-value">
+                  <span>{{ t('以实际内容为准') }}</span>
                 </div>
               </div>
-            </template>
-            <template v-else>
+            </div>
+          </template>
+          <template v-else>
+            <div
+              v-for="(item) in 4"
+              :key="item"
+              class="flex data-info-row">
               <div
-                v-for="(item) in 4"
-                :key="item"
-                class="flex data-info-row">
-                <div
-                  v-for="(subItem) in 2"
-                  :key="subItem"
-                  class="flex data-info-item">
-                  <div class="data-info-item-key">
-                    <span>{{ t('以实际内容为准') }}</span>
-                  </div>
-                  <div class="data-info-item-value">
-                    <span>{{ t('以实际内容为准') }}</span>
-                  </div>
+                v-for="(subItem) in 2"
+                :key="subItem"
+                class="flex data-info-item">
+                <div class="data-info-item-key">
+                  <span>{{ t('以实际内容为准') }}</span>
+                </div>
+                <div class="data-info-item-value">
+                  <span>{{ t('以实际内容为准') }}</span>
                 </div>
               </div>
-            </template>
-          </div>
+            </div>
+          </template>
         </div>
       </div>
     </div>
@@ -196,9 +198,10 @@
   }
   const props = defineProps<Props>();
   const { t, locale } = useI18n();
-  const labelWidth = computed(() => (locale.value === 'en-US' ? 120 : 80));
   const active = ref<number>(0);
 
+  const labelWidth = computed(() => (locale.value === 'en-US' ? 160 : 120));
+
   // 转为二维数组
   const group = (array: Array<any>, subGroupLength: number = 2) => {
     let index = 0;
@@ -272,7 +275,7 @@
         background-color: #fafbfd;
 
         .title {
-          padding-left: 8px;
+          padding-left: 10px;
           border-left: 3px solid #3a84ff;
         }
 
@@ -287,6 +290,7 @@
       }
 
       .base-info {
+        padding: 0 24px;
         margin-bottom: 24px;
 
         .render-info-item {
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/render-info-item.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/render-info-item.vue
index d7fd2973..6db2525e 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/render-info-item.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/preview/components/render-info-item.vue
@@ -47,6 +47,7 @@
   const props = defineProps<Props>();
   const labelStyle = computed(() => ({
     'min-width': `${props.labelWidth || 80}px`,
+    'max-width': `${props.labelWidth || 80}px`,
     flex: '0 0 auto',
   }));
 </script>
@@ -61,6 +62,8 @@
     color: #63656e;
     text-align: right;
     flex: 0 0 60px;
+    word-break: break-all;
+    word-wrap: break-word;
   }
 
   .info-value {
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/card-part.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/card-part.vue
index 65622400..ea7545c7 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/card-part.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/card-part.vue
@@ -17,7 +17,8 @@
 <template>
   <div class="strategy-create-card-part">
     <div
-      class="card-part-title">
+      class="card-part-title"
+      @click="handleChangeCollapse">
       <slot name="title">
         <span>
           {{ title }}
@@ -25,8 +26,7 @@
       </slot>
       <audit-icon
         v-if="showIcon"
-        :type="isCollapse ? 'angle-line-up' : 'angle-line-down'"
-        @click="handleChangeCollapse" />
+        :type="isCollapse ? 'angle-line-up' : 'angle-line-down'" />
     </div>
 
     <div
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/components/field-item.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/components/field-item.vue
index be2e36d1..372050c3 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/components/field-item.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/components/field-item.vue
@@ -156,6 +156,7 @@
         type="add-fill"
         @click="handleAdd" />
       <audit-icon
+        v-if="localConditions.conditions.length > 1"
         style="cursor: pointer;"
         type="reduce-fill"
         @click="() => handleDelete(index)" />
@@ -423,7 +424,8 @@
   }
 
   .icon-group {
-    color: #c4c6cc;;
+    font-size: 14px;
+    color: #c4c6cc;
   }
 }
 
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/index.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/index.vue
index 94de92fb..7fcf32cc 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/index.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/components/customize/components/rules/index.vue
@@ -46,8 +46,9 @@
           @update-field-item="handleUpdateFieldItem"
           @update-field-item-list="handleUpdateFieldItemList" />
         <audit-icon
-          v-if="index !== 0"
+          v-if="where.conditions.length > 1"
           class="delete-conditions"
+          style="font-size: 14px;"
           type="delete"
           @click="() => handleDelete(index)" />
       </div>
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/index.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/index.vue
index 7e4282af..960cbf3e 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step1/index.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step1/index.vue
@@ -698,7 +698,8 @@
 
     .strategt-form {
       flex: 1;
-      max-width: 1280px;
+
+      /* max-width: 1280px; */
 
       :deep(.bk-button-group) {
         .bk-button {
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step2/components/valueItem.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step2/components/valueItem.vue
index 2b28aadf..4afb2c69 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step2/components/valueItem.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step2/components/valueItem.vue
@@ -53,7 +53,9 @@
                     ">
                     <bk-input
                       v-model="countValue"
-                      :placeholder="t('请输入')" />
+                      autofocus
+                      :placeholder="t('请输入')"
+                      @enter="confirmAddCount" />
                     <audit-icon
                       style=" padding: 0 5px;font-size: 15px; color: #2caf5e;cursor: pointer;"
                       type="check-line"
@@ -96,6 +98,7 @@
                     ">
                   <bk-input
                     v-model="countValue"
+                    autofocus
                     :placeholder="t('请输入')" />
                   <audit-icon
                     style=" padding: 0 5px;font-size: 15px; color: #2caf5e;cursor: pointer;"
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step2/index.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step2/index.vue
index 747e32ff..808d515c 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step2/index.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step2/index.vue
@@ -331,7 +331,8 @@
 
     .strategt-form {
       flex: 1;
-      max-width: 1280px;
+
+      /* max-width: 1280px; */
     }
   }
 
diff --git a/src/frontend/src/views/strategy-manage/strategy-create/components/step3/index.vue b/src/frontend/src/views/strategy-manage/strategy-create/components/step3/index.vue
index 28a2e612..a10a572e 100644
--- a/src/frontend/src/views/strategy-manage/strategy-create/components/step3/index.vue
+++ b/src/frontend/src/views/strategy-manage/strategy-create/components/step3/index.vue
@@ -69,7 +69,7 @@
                           }
                         }">
                         <audit-icon
-                          style="font-size: 14px;color: #979ba5;"
+                          style="font-size: 14px;color: #3a84ff;"
                           type="plus-circle" />
                         {{ t('新增通知组') }}
                       </auth-router-link>
@@ -131,7 +131,7 @@
                           }
                         }">
                         <audit-icon
-                          style="font-size: 14px;color: #979ba5;"
+                          style="font-size: 14px;color: #3a84ff;"
                           type="plus-circle" />
                         {{ t('新增通知组') }}
                       </auth-router-link>