diff --git a/src/dashboard-front-new/index.html b/src/dashboard-front-new/index.html
index 384175dae..3bd4f48c6 100644
--- a/src/dashboard-front-new/index.html
+++ b/src/dashboard-front-new/index.html
@@ -14,7 +14,7 @@
 
         var BK_NODE_ENV = '<%= process.env.NODE_ENV %>'
         var BK_STATIC_URL = '<%= process.env.BK_STATIC_URL %>'
-
+        var BK_API_RESOURCE_URL_TMPL = '<%= process.env.BK_API_RESOURCE_URL_TMPL %>'
         var BK_APP_VERSION = '<%= process.env.BK_APP_VERSION %>'
         var BK_LOGIN_URL = '<%= process.env.BK_LOGIN_URL %>'
         var BK_PAAS_APP_ID = '<%= process.env.BK_PAAS_APP_ID %>'
diff --git a/src/dashboard-front-new/src/components/log-details/index.vue b/src/dashboard-front-new/src/components/log-details/index.vue
index 24f6f1cbc..797f2d88f 100644
--- a/src/dashboard-front-new/src/components/log-details/index.vue
+++ b/src/dashboard-front-new/src/components/log-details/index.vue
@@ -75,15 +75,15 @@ let timeId: any = null;
 // 改变当前选中值
 const handleTimelineChange = (data: any) => {
   const { tag } = data;
-  let detail: any = {};
+  let detail = '';
   for (let i = 0; i < state.objectSteps?.length; i++) {
     const item = state.objectSteps[i];
     if (item?.tag === tag) {
-      detail = item?.detail || {};
+      detail = item?.detail;
       break;
     }
   }
-  logBody.value = JSON.stringify(detail || {});
+  logBody.value = detail || '';
 };
 
 // 获取日志列表
@@ -98,10 +98,11 @@ const getLogsList = async () => {
     // 整理步骤
     const steps: any = [];
     state.totalDuration = 0;
+    const subStep = res?.events[res?.events?.length - 1]?.step || 0;
 
     res?.events_template?.forEach((item: any, index: number) => {
       item.size = 'large';
-      const subStep = res?.events[res?.events?.length - 1]?.step || 0;
+
       if (item?.step < subStep) {
         item.color = 'green';
         item.filled = true;
@@ -134,12 +135,17 @@ const getLogsList = async () => {
       const duration = date2.diff(date1, 's', true);
       state.totalDuration += duration;
 
+      const itemLogs: string[] = [];
+      children?.forEach((c: any) => {
+        itemLogs?.push(`${c.created_time}  ${c.name}  ${c.status}`);
+      });
+
       steps[index].children = children;
       steps[index].content = `<span style="font-size: 12px;">${duration} s</span>`;
-      steps[index].detail = children[children.length - 1]?.detail;
+      steps[index].detail = itemLogs.join('\n');
     });
     state.objectSteps = steps;
-    logBody.value = JSON.stringify(steps[steps.length - 1]?.detail || {});
+    logBody.value = steps[subStep]?.detail || '';
   } catch (e) {
     clearInterval(timeId);
     console.log(e);
diff --git a/src/dashboard-front-new/src/components/stage-top-bar.vue b/src/dashboard-front-new/src/components/stage-top-bar.vue
index 224ffa745..4b11c370c 100644
--- a/src/dashboard-front-new/src/components/stage-top-bar.vue
+++ b/src/dashboard-front-new/src/components/stage-top-bar.vue
@@ -24,9 +24,21 @@
         :class="{ active: curStage.name === item.name }"
         @click="handleChangeStage(item.name)"
       >
+        <spinner v-if="item.release.status === 'doing'" fill="#3A84FF" />
+        <span v-else :class="['dot', item.release.status]"></span>
         <span v-overflow-title>{{ item.name }}</span>
       </li>
     </ul>
+
+    <plus
+      v-if="curActive === 'detail'"
+      fill="#3785ff"
+      @click="handleAddStage"
+      style="font-size: 28px; cursor: pointer;"
+    />
+
+    <!-- 环境侧边栏 -->
+    <edit-stage-sideslider ref="stageSidesliderRef" />
   </div>
 </template>
 
@@ -34,12 +46,16 @@
 import { computed, ref, onBeforeMount, onMounted } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { getStageList, getStageDetail } from '@/http';
-import { useStage } from '@/store';
+import { useStage, useCommon } from '@/store';
 import { useI18n } from 'vue-i18n';
 import mitt from '@/common/event-bus';
+import { Spinner, Plus } from 'bkui-vue/lib/icon';
+import editStageSideslider from '@/views/stage/overview/comps/edit-stage-sideslider.vue';
+
 const router = useRouter();
 const route = useRoute();
 const stageStore = useStage();
+const common = useCommon();
 const { t } = useI18n();
 
 const modelTypes = ref([
@@ -56,7 +72,13 @@ const modelTypes = ref([
 ]);
 
 // 获取环境列表
-const apigwId = +route.params.id;
+const apigwId = computed(() => common.apigwId);
+
+// 新建环境
+const stageSidesliderRef = ref(null);
+const handleAddStage = () => {
+  stageSidesliderRef.value.handleShowSideslider('add');
+};
 
 // 当前环境
 const curStage = ref(stageStore.curStageData || stageStore.defaultStage);
@@ -64,7 +86,7 @@ const curStage = ref(stageStore.curStageData || stageStore.defaultStage);
 const init = async (isUpdate?: Boolean, isDelete?: Boolean) => {
   stageStore.setStageMainLoading(true);
   try {
-    const data = await getStageList(apigwId);
+    const data = await getStageList(apigwId.value);
     stageStore.setStageList(data);
 
     // 更新停留当前环境
@@ -95,7 +117,7 @@ const curActive = ref(isDetailMode.value ? 'detail' : 'abbreviation');
 // 获取环境详情
 const getStageDetailFun = (id: number) => {
   stageStore.setStageMainLoading(true);
-  getStageDetail(apigwId, id).then((data) => {
+  getStageDetail(apigwId.value, id).then((data) => {
     stageStore.curStageData = data;
     curStage.value = data;
     stageStore.curStageId = data.id;
@@ -127,7 +149,7 @@ const switchModelType = (key: string, routeName: string, stageName?: string) =>
 };
 
 // 切换环境
-const handleChangeStage = async (name: string, isDelete: Boolean) => {
+const handleChangeStage = async (name: string, isDelete?: Boolean) => {
   // 获取切换环境的名字
   const data = stageStore.stageList.find(item => item.name === name);
   if (!isDelete) {
@@ -216,22 +238,45 @@ defineExpose({
     height: 100%;
     display: flex;
     .stage-item {
-      width: 80px;
+      cursor: pointer;
+      width: 100px;
       height: 100%;
+      box-sizing: border-box;
       font-size: 14px;
       color: #63656e;
       display: flex;
       align-items: center;
+      justify-content: center;
       span {
         text-align: center;
-        width: 80px;
-        padding: 0 3px;
+        padding-left: 6px;
         display: inline-block;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
       }
 
+      .dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+
+        &.success {
+          border: 1px solid #3FC06D;
+          background: #E5F6EA;
+        }
+
+        &.unreleased {
+          border: 1px solid #C4C6CC;
+          background: #F0F1F5;
+        }
+
+        &.failure {
+          border: 1px solid #EA3636;
+          background: #FFE6E6;
+        }
+      }
+
       &:hover {
         background-color: #f0f5ff;
       }
diff --git a/src/dashboard-front-new/src/store/common.ts b/src/dashboard-front-new/src/store/common.ts
index d62996024..2c4d32615 100644
--- a/src/dashboard-front-new/src/store/common.ts
+++ b/src/dashboard-front-new/src/store/common.ts
@@ -2,9 +2,10 @@ import { defineStore } from 'pinia';
 
 export const useCommon = defineStore('common', {
   state: () => ({
+    // 网关id
     apigwId: 0,
-    // 网关名
-    apigwName: '',
+    // 网关对象
+    apigwName: {},
     methodList: [
       {
         id: 'GET',
@@ -46,7 +47,7 @@ export const useCommon = defineStore('common', {
     setApigwId(apigwId: number) {
       this.apigwId = apigwId;
     },
-    setApigwName(name: string) {
+    setApigwName(name: any) {
       this.apigwName = name;
     },
     setCurApigwData(data: any) {
diff --git a/src/dashboard-front-new/src/views/stage/overview/comps/edit-stage-sideslider.vue b/src/dashboard-front-new/src/views/stage/overview/comps/edit-stage-sideslider.vue
index 700d125f2..118c77db7 100644
--- a/src/dashboard-front-new/src/views/stage/overview/comps/edit-stage-sideslider.vue
+++ b/src/dashboard-front-new/src/views/stage/overview/comps/edit-stage-sideslider.vue
@@ -3,7 +3,7 @@
     <bk-sideslider
       v-model:isShow="isShow"
       :title="isAdd ? t('新建环境') : t('编辑环境')"
-      quick-close
+      :quick-close="false"
       width="960"
       ext-cls="stage-sideslider-cls"
       @hidden="closeSideslider"
@@ -32,6 +32,7 @@
                     <bk-input
                       :placeholder="t('请输入 2-20 字符的字母、数字、连字符(-)、下划线(_)，以字母开头')"
                       v-model="curStageData.name"
+                      :disabled="!isAdd"
                     ></bk-input>
                     <p
                       slot="tip"
@@ -67,7 +68,7 @@
               v-for="(backend, backendIndex) in curStageData.backends"
               :key="backend.name"
             >
-              <div class="title">
+              <div class="title" v-if="backendIndex === 0">
                 <i class="apigateway-icon icon-ag-down-shape"></i>
                 {{ t('后端服务配置') }}
               </div>
@@ -110,7 +111,7 @@
                       >
                         <div class="host-item mb10">
                           <bk-input
-                            :placeholder="$t('格式: http(s)://host:port')"
+                            :placeholder="$t('格式: host:port')"
                             v-model="hostItem.host"
                             :key="backend.config.loadbalance"
                           >
@@ -152,7 +153,11 @@
                           <i
                             class="delete-host-btn apigateway-icon icon-ag-minus-circle-shape ml10"
                             :class="{ disabled: backend.config.hosts.length < 2 }"
-                            @click="handleDeleteServiceAddress(backend.name, index)"
+                            @click="
+                              backend.config.hosts.length < 2 ?
+                                ''
+                                :
+                                handleDeleteServiceAddress(backend.name, index)"
                           ></i>
                         </div>
                       </bk-form-item>
@@ -168,9 +173,8 @@
                         <bk-input
                           type="number"
                           :min="1"
-                          :show-controls="false"
+                          :max="300"
                           v-model="backend.config.timeout"
-                          class="time-input"
                         >
                           <template #suffix>
                             <div class="group-text group-text-style">{{ $t('秒') }}</div>
@@ -233,17 +237,19 @@ const globalProperties = useGetGlobalProperties();
 const { GLOBAL_CONFIG } = globalProperties;
 
 // 默认值
-const defaultConfig = {
-  type: 'node',
-  timeout: 30,
-  loadbalance: 'weighted-roundrobin',
-  hosts: [
-    {
-      scheme: 'http',
-      host: '',
-      weight: 100,
-    },
-  ],
+const defaultConfig = () => {
+  return {
+    type: 'node',
+    timeout: 30,
+    loadbalance: 'weighted-roundrobin',
+    hosts: [
+      {
+        scheme: 'http',
+        host: '',
+        weight: 100,
+      },
+    ],
+  };
 };
 
 const curStageData = ref({
@@ -252,7 +258,7 @@ const curStageData = ref({
   backends: [
     {
       name: '',
-      config: defaultConfig,
+      config: defaultConfig(),
     },
   ],
 });
@@ -274,8 +280,8 @@ const schemeList = [{ value: 'http' }, { value: 'https' }];
 
 // 访问地址
 const stageAddress = computed(() => {
-  const keys = {
-    api_name: common.apigwName,
+  const keys: any = {
+    api_name: common.apigwName?.name,
     stage_name: curStageData.value.name,
     resource_path: '',
   };
@@ -365,7 +371,7 @@ const addInit = async () => {
     return {
       id: item.id,
       name: item.name,
-      config: defaultConfig,
+      config: defaultConfig(),
     };
   });
   isDialogLoading.value = false;
@@ -400,7 +406,7 @@ const closeSideslider = () => {
     backends: [
       {
         name: '',
-        config: defaultConfig,
+        config: defaultConfig(),
       },
     ],
   };
@@ -600,8 +606,10 @@ defineExpose({
     }
   }
 
-  :deep(.bk-input--number-control) {
-    display: none;
+  .weights-input {
+    :deep(.bk-input--number-control) {
+      display: none;
+    }
   }
 }
 
diff --git a/src/dashboard-front-new/src/views/stage/overview/comps/stage-card-list.vue b/src/dashboard-front-new/src/views/stage/overview/comps/stage-card-list.vue
index 06f90d920..412cbe223 100644
--- a/src/dashboard-front-new/src/views/stage/overview/comps/stage-card-list.vue
+++ b/src/dashboard-front-new/src/views/stage/overview/comps/stage-card-list.vue
@@ -1,16 +1,44 @@
 <template>
   <div class="card-list">
-    <div class="card-item" v-for="(stageData, index) in stageList" :key="index" @click="handleToDetail(stageData)">
+    <div class="card-item" v-for="(stageData, index) in stageList" :key="index">
       <div class="title">
-        <span :class="['dot', stageData.release.status]"></span>
-        {{ stageData.name }}
+        <div class="title-lf">
+          <spinner v-if="stageData.release.status === 'doing'" fill="#3A84FF" />
+          <span v-else :class="['dot', stageData.release.status]"></span>
+          {{ stageData.name }}
+        </div>
+        <div class="title-rg">
+          <bk-button
+            theme="primary"
+            size="small"
+            @click="handleRelease(stageData)"
+          >
+            发布资源
+          </bk-button>
+          <bk-button
+            class="ml10"
+            size="small"
+            @click="handleStageUnlist(stageData.id)"
+          >
+            下架
+          </bk-button>
+
+        </div>
       </div>
-      <div class="content">
+      <div class="content" @click="handleToDetail(stageData)">
         <div class="apigw-form-item">
           <div class="label">{{ `${t('访问地址')}：` }}</div>
           <div class="value url">
-            <p class="link">--</p>
-            <i class="apigateway-icon icon-ag-copy-info" @click.self.stop="copy('--')"></i>
+            <p
+              class="link"
+              v-bk-tooltips="{ content: getStageAddress(stageData.name) }">
+              {{ getStageAddress(stageData.name) || '--' }}
+            </p>
+            <i
+              class="apigateway-icon icon-ag-copy-info"
+              v-if="getStageAddress(stageData.name)"
+              @click.self.stop="copy(getStageAddress(stageData.name))">
+            </i>
           </div>
         </div>
         <div class="apigw-form-item">
@@ -40,16 +68,43 @@
 
     <!-- 环境侧边栏 -->
     <edit-stage-sideslider ref="stageSidesliderRef" />
+
+    <!-- 发布资源至环境 -->
+    <release-sideslider
+      :current-assets="currentStage"
+      ref="releaseSidesliderRef"
+      @release-success="handleReleaseSuccess"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, toRefs } from 'vue';
+import { ref, toRefs, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { copy } from '@/common/util';
 import editStageSideslider from './edit-stage-sideslider.vue';
+import releaseSideslider from '../comps/release-sideslider.vue';
 import mitt from '@/common/event-bus';
+import { useGetGlobalProperties } from '@/hooks';
+import { useCommon } from '@/store';
+import { Message, InfoBox } from 'bkui-vue';
+import { removalStage } from '@/http';
+import { Spinner } from 'bkui-vue/lib/icon';
+import { useRoute } from 'vue-router';
+
+const common = useCommon();
 const { t } = useI18n();
+const route = useRoute();
+
+// 网关id
+const apigwId = computed(() => +route.params.id);
+
+const releaseSidesliderRef = ref();
+const currentStage = ref<any>({});
+
+// 全局变量
+const globalProperties = useGetGlobalProperties();
+const { GLOBAL_CONFIG } = globalProperties;
 
 const props = defineProps<{
   stageList: any[];
@@ -74,6 +129,57 @@ const handleToDetail = (data: any) => {
   // });
 };
 
+// 发布资源
+const handleRelease = (stage: any) => {
+  currentStage.value = stage;
+  releaseSidesliderRef.value?.showReleaseSideslider();
+};
+
+// 发布成功
+const handleReleaseSuccess = async () => {
+  await mitt.emit('get-stage-list');
+};
+
+// 下架环境
+const handleStageUnlist = async (id: number) => {
+  InfoBox({
+    title: t('确认下架吗？'),
+    onConfirm: async () => {
+      const data = {
+        status: 0,
+      };
+      try {
+        await removalStage(apigwId.value, id, data);
+        Message({
+          message: t('下架成功'),
+          theme: 'success',
+        });
+        // 获取网关列表
+        await mitt.emit('get-stage-list');
+        // 开启loading
+      } catch (error) {
+        console.error(error);
+      }
+    },
+  });
+};
+
+// 访问地址
+const getStageAddress = (name: string) => {
+  const keys: any = {
+    api_name: common.apigwName?.name,
+    stage_name: name,
+    resource_path: '',
+  };
+
+  let url = GLOBAL_CONFIG.STAGE_DOMAIN;
+  for (const name in keys) {
+    const reg = new RegExp(`{${name}}`);
+    url = url?.replace(reg, keys[name]);
+  }
+  return url;
+};
+
 // 新建环境
 const stageSidesliderRef = ref(null);
 const handleAddStage = () => {
@@ -114,16 +220,20 @@ const handleAddStage = () => {
   cursor: pointer;
 
   .title {
-    height: 52px;
     display: flex;
+    justify-content: space-between;
     align-items: center;
-    font-size: 14px;
-    font-weight: 700;
-    color: #313238;
+    height: 52px;
     border-bottom: 1px solid #DCDEE5;
-
-    span {
-      margin-right: 8px;
+    .title-lf {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-weight: 700;
+      color: #313238;
+      span {
+        margin-right: 8px;
+      }
     }
   }
 
@@ -205,14 +315,20 @@ const handleAddStage = () => {
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    background: #E5F6EA;
 
     &.success {
       border: 1px solid #3FC06D;
+      background: #E5F6EA;
     }
 
     &.unreleased {
-      border: 1px solid #3FC06D;
+      border: 1px solid #C4C6CC;
+      background: #F0F1F5;
+    }
+
+    &.failure {
+      border: 1px solid #EA3636;
+      background: #FFE6E6;
     }
   }
 }</style>
diff --git a/src/dashboard-front-new/src/views/stage/overview/detail-mode/index.vue b/src/dashboard-front-new/src/views/stage/overview/detail-mode/index.vue
index 1b219d4e1..a9b69b1fc 100644
--- a/src/dashboard-front-new/src/views/stage/overview/detail-mode/index.vue
+++ b/src/dashboard-front-new/src/views/stage/overview/detail-mode/index.vue
@@ -16,12 +16,14 @@
                   <p
                     class="link"
                     v-overflow-title
+                    v-bk-tooltips="{ content: getStageAddress(stageData.name) }"
                   >
-                    --
+                    {{ getStageAddress(stageData.name) || '--' }}
                   </p>
                   <i
                     class="apigateway-icon icon-ag-copy-info"
-                    @click.self.stop="copy('--')"
+                    v-if="getStageAddress(stageData.name)"
+                    @click.self.stop="copy(getStageAddress(stageData.name))"
                   ></i>
                 </div>
               </div>
@@ -83,18 +85,27 @@
             >
               {{ t('编辑') }}
             </bk-button>
-            <bk-dropdown>
-              <bk-button class="more-cls">
+            <bk-dropdown trigger="manual" v-model:is-show="showDropdown">
+              <bk-button class="more-cls" @click="showDropdown = true">
                 <i class="apigateway-icon icon-ag-gengduo"></i>
               </bk-button>
               <template #content>
                 <bk-dropdown-menu ext-cls="stage-more-actions">
-                  <bk-dropdown-item @click="handleStageUnlist()">
+                  <bk-dropdown-item
+                    :ext-cls="{ disabled: stageData.release.status === 'unreleased' || stageData.status === 0 }"
+                    v-bk-tooltips="
+                      stageData.release.status === 'unreleased' ?
+                        t('尚未发布，不可下架') :
+                        stageData.status === 0 ?
+                          t('已下架') :
+                          t('下架环境')"
+                    @click="handleStageUnlist()"
+                  >
                     {{ t('下架') }}
                   </bk-dropdown-item>
                   <bk-dropdown-item
                     :ext-cls="{ disabled: stageData.status === 1 }"
-                    v-bk-tooltips="t('环境下线后，才能删除')"
+                    v-bk-tooltips="stageData.status === 1 ? t('环境下线后，才能删除') : t('删除环境')"
                     @click="handleStageDelete()"
                   >
                     {{ t('删除') }}
@@ -137,7 +148,11 @@
       <edit-stage-sideslider ref="stageSidesliderRef" />
 
       <!-- 发布资源至环境 -->
-      <release-sideslider :current-assets="stageData" ref="releaseSidesliderRef" @release-success="handleReleaseSuccess" />
+      <release-sideslider
+        :current-assets="stageData"
+        ref="releaseSidesliderRef"
+        @release-success="handleReleaseSuccess"
+      />
     </div>
   </div>
 </template>
@@ -147,10 +162,11 @@ import { copy } from '@/common/util';
 import { computed, onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
-import { useStage } from '@/store';
+import { useStage, useCommon } from '@/store';
 import releaseSideslider from '../comps/release-sideslider.vue';
 import editStageSideslider from '../comps/edit-stage-sideslider.vue';
 import stageTopBar from '@/components/stage-top-bar.vue';
+import { useGetGlobalProperties } from '@/hooks';
 import { deleteStage, removalStage } from '@/http';
 import { Message, InfoBox } from 'bkui-vue';
 import mitt from '@/common/event-bus';
@@ -159,11 +175,18 @@ const { t } = useI18n();
 const stageStore = useStage();
 const route = useRoute();
 const router = useRouter();
+const common = useCommon();
+
+// 全局变量
+const globalProperties = useGetGlobalProperties();
+const { GLOBAL_CONFIG } = globalProperties;
 
 const releaseSidesliderRef = ref(null);
 const stageSidesliderRef = ref(null);
 const stageTopBarRef = ref(null);
 
+const showDropdown = ref<boolean>(false);
+
 // 当前环境信息
 const stageData: any = computed(() => {
   if (stageStore.curStageData.id !== null) {
@@ -233,6 +256,11 @@ const handleRelease = () => {
 
 // 下架环境
 const handleStageUnlist = async () => {
+  showDropdown.value = false;
+  if (stageData.value.release.status === 'unreleased' || stageData.value.status === 0) { // 未发布 已下架
+    return;
+  }
+
   InfoBox({
     title: t('确认下架吗？'),
     onConfirm: async () => {
@@ -257,12 +285,14 @@ const handleStageUnlist = async () => {
 
 // 删除环境
 const handleStageDelete = async () => {
+  showDropdown.value = false;
+  if (stageData.value.status === 1) {
+    return;
+  }
+
   InfoBox({
     title: t('确认删除吗？'),
     onConfirm: async () => {
-      if (stageData.value.status === 1) {
-        return;
-      }
       try {
         await deleteStage(apigwId, stageData.value.id);
         Message({
@@ -285,6 +315,22 @@ const handleStageDelete = async () => {
 const handleEditStage = () => {
   stageSidesliderRef.value.handleShowSideslider('edit');
 };
+
+// 访问地址
+const getStageAddress = (name: string) => {
+  const keys: any = {
+    api_name: common.apigwName?.name,
+    stage_name: name,
+    resource_path: '',
+  };
+
+  let url = GLOBAL_CONFIG.STAGE_DOMAIN;
+  for (const name in keys) {
+    const reg = new RegExp(`{${name}}`);
+    url = url?.replace(reg, keys[name]);
+  }
+  return url;
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/dashboard-front-new/src/views/stage/published/index.vue b/src/dashboard-front-new/src/views/stage/published/index.vue
index 02c43e57a..1d6d0eb4c 100644
--- a/src/dashboard-front-new/src/views/stage/published/index.vue
+++ b/src/dashboard-front-new/src/views/stage/published/index.vue
@@ -17,7 +17,7 @@
         </bk-date-picker>
       </div>
       <div class="flex-1 flex-row justify-content-end">
-        <bk-input class="ml10 mr10 operate-input" placeholder="请输入环境、版本标题或版本号" v-model="filterData.query"></bk-input>
+        <bk-input class="ml10 mr10 operate-input" placeholder="请输入环境、版本标题或版本号" v-model="filterData.keyword"></bk-input>
       </div>
     </div>
     <bk-loading
@@ -106,7 +106,7 @@ import {
   getReleaseHistories,
 } from '@/http';
 const { t } = useI18n();
-const filterData = ref({ query: '' });
+const filterData = ref({ keyword: '' });
 const datePickerRef = ref(null);
 const publishSourceEnum: any = ref(PublishSourceEnum);
 const publishStatusEnum: any = ref(PublishStatusEnum);