diff --git a/webfe/package_vue/src/components/authentication-info.vue b/webfe/package_vue/src/components/authentication-info.vue
index 3fe0d87fd3..156cbb938f 100644
--- a/webfe/package_vue/src/components/authentication-info.vue
+++ b/webfe/package_vue/src/components/authentication-info.vue
@@ -81,7 +81,7 @@
               </span>
             </template>
           </bk-table-column>
-          <bk-table-column :label="$t('操作')" :width="120">
+          <bk-table-column :label="$t('操作')" :width="localLanguage === 'en' ? 150 : 120">
             <template slot-scope="props">
               <a
                 v-bk-tooltips.light="disabledTooltipsConfig"
@@ -287,7 +287,7 @@
           :disabled="!option.enabled"
         >
           <span>{{ option.bk_app_secret }}</span>
-          ({{ option.enabled ? $t('创建时间:') + smartTime(option.created_at, 'smartShorten') : $t('已禁用') }})
+          ({{ option.enabled ? `${$t('创建时间')}: ` + smartTime(option.created_at, 'smartShorten') : $t('已禁用') }})
         </bk-option>
         <div
           slot="extension"
@@ -426,6 +426,9 @@ export default {
     isPluginDev() {
       return this.$route.path.includes('/plugin-center');
     },
+    localLanguage() {
+      return this.$store.state.localLanguage;
+    },
   },
   watch: {
     appCode() {
diff --git a/webfe/package_vue/src/components/log-version.vue b/webfe/package_vue/src/components/log-version.vue
index 80fa3710aa..23891ba250 100644
--- a/webfe/package_vue/src/components/log-version.vue
+++ b/webfe/package_vue/src/components/log-version.vue
@@ -24,7 +24,7 @@
               <span
                 v-if="index === current"
                 class="item-current"
-              >{{ $t('当前版本') }}</span>
+              >{{ $t('当前版本-label') }}</span>
             </li>
           </ul>
         </div>
@@ -49,26 +49,26 @@ import { marked } from 'marked';
 export default {
   name: 'LogVersion',
   props: {
-    dialogShow: Boolean
+    dialogShow: Boolean,
   },
-  data () {
+  data() {
     return {
       show: false,
       current: 0,
       active: 0,
       logList: [],
       loading: false,
-      contactLoading: false
+      contactLoading: false,
     };
   },
   computed: {
-    currentLog () {
+    currentLog() {
       return marked(this.logList[this.active]?.detail || '');
-    }
+    },
   },
   watch: {
     dialogShow: {
-      async handler (v) {
+      async handler(v) {
         this.show = v;
         if (v) {
           this.loading = true;
@@ -79,37 +79,37 @@ export default {
           this.loading = false;
         }
       },
-      immediate: true
-    }
+      immediate: true,
+    },
   },
-  beforeDestroy () {
+  beforeDestroy() {
     this.show = false;
     this.$emit('update:dialogShow', false);
   },
   methods: {
-    handleValueChange (v) {
+    handleValueChange(v) {
       this.$emit('update:dialogShow', v);
     },
     // 查看log详情
-    async handleItemClick (index = 0, curEvent) {
+    async handleItemClick(index = 0, curEvent) {
       this.loading = true;
       this.active = index;
       setTimeout(() => {
         this.loading = false;
       }, 20);
     },
-    async getVersionLogsList () {
+    async getVersionLogsList() {
       try {
         const data = await this.$store.dispatch('getVersionLog');
         return data.map(item => ({ title: item.version, date: item.date, detail: item.content }));
       } catch (e) {
         this.$paasMessage({
           theme: 'error',
-          message: e.detail || this.$t('接口异常')
+          message: e.detail || this.$t('接口异常'),
         });
       }
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -202,7 +202,7 @@ export default {
 </style>
 <style lang="scss">
 .detail-container{
-  
+
   font-size: 14px;
         color: #313238;
         h1,
diff --git a/webfe/package_vue/src/components/paas-header.vue b/webfe/package_vue/src/components/paas-header.vue
index 7a543ec346..344545cc23 100644
--- a/webfe/package_vue/src/components/paas-header.vue
+++ b/webfe/package_vue/src/components/paas-header.vue
@@ -149,7 +149,7 @@
             ext-cls="top-bar-popover"
             placement="bottom"
             :arrow="false"
-            offset="0, 10"
+            offset="0, 5"
             trigger="mouseenter"
             :tippy-options="{ 'hideOnClick': false }"
           >
@@ -159,16 +159,12 @@
             <template #content>
               <ul class="monitor-navigation-admin">
                 <li
-                  class="nav-item"
-                  @click="switchLanguage('zh-cn')"
+                  v-for="item in languageList"
+                  :class="['nav-item', { active: item.id === localLanguage }]"
+                  @click="switchLanguage(item.id)"
+                  :key="item.id"
                 >
-                  <i class="bk-icon icon-chinese lang-icon" />{{ $t('中文') }}
-                </li>
-                <li
-                  class="nav-item"
-                  @click="switchLanguage('en')"
-                >
-                  <i class="bk-icon icon-english lang-icon" />{{ $t('英文') }}
+                  <i :class="['bk-icon', 'lang-icon', item.icon]" />{{ item.text }}
                 </li>
               </ul>
             </template>
@@ -177,7 +173,7 @@
             theme="light navigation-message"
             ext-cls="top-bar-popover"
             :arrow="false"
-            offset="-20, 10"
+            offset="-20, 5"
             placement="bottom-start"
             :tippy-options="{ 'hideOnClick': false }"
           >
@@ -230,7 +226,7 @@
           theme="light navigation-message"
           ext-cls="top-bar-popover"
           :arrow="false"
-          offset="30, 18"
+          offset="30, 13"
           placement="bottom-start"
           :tippy-options="{ 'hideOnClick': false }"
         >
@@ -417,6 +413,10 @@ export default {
       // eslint-disable-next-line comma-dangle
       link: this.GLOBAL.LINK.APIGW_INDEX,
       navText: '',
+      languageList: [
+        { icon: 'icon-chinese', id: 'zh-cn', text: this.$t('中文') },
+        { icon: 'icon-english', id: 'en', text: this.$t('英文') },
+      ],
     };
   },
   computed: {
@@ -1344,13 +1344,15 @@ export default {
     }
 </style>
 <style lang="scss">
-.top-bar-popover .tippy-backdrop {
-    background: transparent !important;
-}
-.top-bar-popover .tippy-content {
-    box-shadow:0 2px 6px 0 rgba(0,0,0,0.10) !important;
-    border: 1px solid #DCDEE5;
+.top-bar-popover {
+  .tippy-tooltip.light-theme {
+    box-shadow: 0 0 6px 0 #dcdee5 !important;
+    padding:0;
+  }
+  .tippy-content {
+    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.10) !important;
     border-radius: 2px;
+  }
 }
 .top-bar-wrapper .header-mind{
     color:#768197;
@@ -1489,6 +1491,13 @@ border-color:#F0F1F5;
     a {
         color: #63656E;
     }
+    &.active {
+      background-color: #eaf3ff;
+      color: #3a84ff;
+      a {
+        color: #3a84ff;
+      }
+    }
 }
 .monitor-navigation-admin .nav-item .lang-icon{
     font-size:18px;
@@ -1496,12 +1505,10 @@ border-color:#F0F1F5;
 }
 .monitor-navigation-admin .nav-item:hover{
     cursor:pointer;
-    background: #F5F7FA;
-}
-.tippy-popper .tippy-tooltip.navigation-message-theme{
-    padding:0;
-    border-radius:0;
-    -webkit-box-shadow:none;
-    box-shadow:none;
+    background-color: #eaf3ff;
+    color: #3a84ff;
+    a {
+      color: #3a84ff;
+    }
 }
 </style>
diff --git a/webfe/package_vue/src/language/lang/en.js b/webfe/package_vue/src/language/lang/en.js
index f9bcb4a446..0dec29600c 100644
--- a/webfe/package_vue/src/language/lang/en.js
+++ b/webfe/package_vue/src/language/lang/en.js
@@ -19,9 +19,11 @@
 export default {
   码客: '码客',
   '工蜂 Git': '工蜂 Git',
-  '工蜂 Git 授权': '工蜂 Git authorization',
-  'GitHub 授权': 'GitHub authorization',
+  '工蜂 Git 授权': '工蜂 Git Authorization',
+  'GitHub 授权': 'GitHub Authorization',
+  'Gitee 授权': 'Gitee Authorization',
   '授权蓝鲸访问您的 GitHub 代码库信息，授权后蓝鲸将获取仓库的访问权限': 'Authorize BlueKing to access your GitHub codebase information, after authorization, BlueKing will gain access to the repository.',
+  '授权蓝鲸访问您的 Gitee 代码库信息，授权后蓝鲸将获取仓库的访问权限': 'Authorize BlueKing to access your Gitee repository information. After authorization, BlueKing will obtain access to your repositories.',
   内部版: '内部版',
   互娱外部版: '互娱外部版',
   上云版: '上云版',
@@ -136,7 +138,7 @@ export default {
   退出: 'Logout',
   退出登录: 'Sign out',
   蓝鲸应用: 'BK SaaS',
-  立即体验: 'Try it now',
+  立即体验: 'Try Now',
   查看文档: 'View documentation',
   '搜索中...': 'Searching...',
   无应用: 'No APP',
@@ -692,7 +694,7 @@ export default {
   申请记录: 'APP Record',
   基本信息: 'Basic Information',
   '基本信息-title': 'Basic information',
-  '应用名称等基本信息请在“app.yaml”文件中配置': 'For basic information such as the APP name, please configure it in the "app.yaml" file',
+  '应用名称等基本信息请在应用描述文件 app_desc.yaml 中配置': 'Please configure basic information such as the application name in the application description file app_desc.yaml',
   '管理员、开发者和运营者可以修改应用名称等基本信息': 'Administrators, developers and operators can modify basic information such as the APP name',
   应用logo: 'APP logo',
   更换图片: 'Change',
@@ -792,11 +794,11 @@ export default {
   源码管理: 'Source code management',
   代码库: 'Repository',
   蓝鲸运维开发平台提供源码包: 'bk lesscode provides source code package',
-  主模块设置: 'Default module settings',
+  主模块设置: 'Default Module Settings',
   '每个应用拥有一个主模块，该模块地址将会被发布到蓝鲸市场等': 'Each APP has a default module, the module address will be released to the BlueKing market, etc.',
   该模块已是主模块: 'This module is already the default module',
   设置该模块为主模块: 'Make this module the default module',
-  代码源: 'Source code',
+  代码源: 'Source Code',
   修改模块绑定的源码仓库: 'Modify the source code repository bound by the module',
   '请输入应用所在子目录，并确保 app_desc.yaml 文件在该目录下，不填则默认为根目录': 'Please enter the subdirectory where the APP is located, and ensure that the app_desc.yaml file is in this directory, otherwise the root directory is defaulted',
   编辑源码仓库: 'Edit source code warehouse',
@@ -813,7 +815,7 @@ export default {
   部署限制: 'Deploy Permissions',
   '开启部署权限控制，仅管理员可部署、下架该模块。': 'Enable deployment permission, only administrators can deploy and archive the module.',
   预发布坏境: 'Stag env',
-  '出口 IP 管理': 'Egress IP management',
+  '出口 IP 管理': 'Egress IP Management',
   '如果模块环境需要访问设置了 IP 白名单的外部服务，你可以在这里获取应用的出口 IP 列表，以完成外部服务授权。': 'If the module environment needs to access external services with IP whitelists set, you can get the export IP list of the APP here to complete the authorization of external services.',
   '每次打开开关后，需重新部署方可生效。': 'Each time the switch is turned on, it needs to be redeployed to take effect.',
   已获取: ' Acquired',
@@ -821,7 +823,7 @@ export default {
   '暂未获取出流量 IP 列表': 'The traffic IP list has not been retrieved yet',
   如有需要请联系管理员获取: 'Contact administrator to obtain',
   '注意：重复获取列表可能会获得不一样的结果，请及时刷新外部服务白名单列表': 'Note: Repeated access to the list may result in different results, please refresh the external service whitelist list in time',
-  删除模块: 'Remove module',
+  删除模块: 'Remove Module',
   '模块被删除后，其所申请的所有增强服务资源也会被回收。请在删除前与应用其他成员沟通。': 'After the module is deleted, all Add-ons resources it applies for will also be recycled. Please communicate with other members of the APP before deleting.',
   确认删除模块: 'Confirm to delete the module',
   确定需要切换主模块为: 'Determine if you need to switch the default module to',
@@ -1066,7 +1068,7 @@ export default {
   '跳过，以后手动发布': 'Skip, manually post later',
   '调整应用使用的基础镜像、构建工具包，修改后重新部署该模块生效': 'Adjust the base image and build toolkit used by the APP, and redeploy the module after modification to take effect',
   修改运行时配置: 'Modify runtime configuration',
-  环境变量配置: 'Environment variable configuration',
+  环境变量配置: 'Environment Variable Configuration',
   '环境变量可以用来改变应用在不同环境下的行为；除自定义环境变量外，应用增强服务也会注入环境变量。': 'env variables can be used to change the behavior of the APP in different environments; in addition to custom env variables, APP enhancement services also inject env variables.',
   '生效环境：': 'Effective env：',
   所有: 'All',
@@ -1236,10 +1238,10 @@ export default {
   开启成功: 'Open successfully',
   停用成功: 'Deactivated successfully',
   组织: 'Organize',
-  已启用的服务: 'Enabled services',
+  已启用的服务: 'Enabled Services',
   模块: 'Module',
   '暂未启用任何服务，请从下方选择开启。': 'No services have been enabled yet, please select Enable from below.',
-  未启用的服务: 'Service not enabled',
+  未启用的服务: 'Disabled Services',
   简介: 'Introduction',
   'S-mart应用请在配置文件中设置并开启增强服务': 'For s-mart APP, please set and start the Add-ons in the configuration file',
   配置并启用服务: 'Configure and enable the service',
@@ -1401,7 +1403,7 @@ export default {
   排序方式: 'Sort by',
   最早创建: 'Earliest created',
   最新创建: 'Latest created',
-  最近操作: 'Latest operated',
+  最近操作: 'Latest Operated',
   使用语言: 'Language',
   筛选: 'Filter',
   取消置顶: 'Cancel Top',
@@ -1507,7 +1509,6 @@ export default {
   查看更多应用: 'View more APP',
   资源使用量: 'Resource usage',
   对象储存: 'Object Storag',
-  了解我们的服务: 'Discover our services',
   我的应用分布: 'My APP distribution',
   '单位（个）': 'Unit (pcs)',
   '访问量 Top 5 (最近 30 天)': 'Top 5 visits (last 30 days)',
@@ -1518,7 +1519,7 @@ export default {
   '网关负责人可以对API 资源进行创建、开放、关闭等操作，并且支持YAML、JSON格式批量导入。': 'The gateway owner can create, open and close API resources, and supports batch import in YAML and JSON formats.',
   网关认证: 'Gateway Authentication',
   '集成鉴权体系，支持对蓝鲸应用和用户进行身份认证，获取蓝鲸应用和用户身份信息。': 'Integrated authentication system to support the authentication of APP and users and to obtain information on the identity of BlueKing APP and users.',
-  流量控制: 'Flow control',
+  流量控制: 'Flow Control',
   '支持在网关或 API 资源层面进行流量控制。': 'Support for traffic control at the gateway or API resource level.',
   安全防护: 'Security',
   '支持 SSL 加密，并支持采用 JWT 向后端接口传递应用/用户信息。': 'Supports SSL encryption and the use of JWT to pass APP/user information to the back-end interface.',
@@ -1528,7 +1529,7 @@ export default {
   蓝鲸PaaS平台提供的多语言应用引擎: 'Multilingual APP engine provided by BlueKing PaaS platform.',
   多语言: 'Multi-language',
   '支持包含 Python、Go、Node.js 在内的多种编程语言': 'Support for multiple programming languages including Python, Go, Node.js.',
-  弹性扩缩容: 'Elastic scaling',
+  弹性扩缩容: 'Elastic Scaling',
   '应用引擎为蓝鲸应用提供了强大的扩缩容能力。应用开发者无需担心访问量增长带来的容量问题，一切都可以交由应用引擎处理': 'The APP engine provides powerful expansion and contraction capabilities for BlueKing . APP developers do not need to worry about the capacity problems caused by the increase in traffic, and everything can be handled by the APP engine.',
   '蓝鲸Model在线生成器服务，基于Django框架，支持在线配置Django Model模型，一键生成对应Python代码': 'BlueKing Model online generator service, based on the Django framework, supports online configuration of Django Model models, and generates corresponding Python code with one click',
   在线定义Model: 'Define Model Online',
@@ -1538,13 +1539,13 @@ export default {
   '帮助文档：': 'Documentation: ',
   'Django Model生成器使用入门': 'Getting Started with the Django Model Generator',
   '标准运维V3使用的分布式的流程定义、管理、调度引擎。': 'The distributed process definition, management, and scheduling engine used by bksops.',
-  '来自标准运维 v3': 'from bksops',
+  '来自标准运维 v3': 'From BKSops',
   '可以解析、管理、执行由用户创建的流程任务，提供了如暂停、继续、撤销、跳过和重试等灵活的任务控制能力，并且支持子流程，流程串行、并行、分支、循环、打回控制等进阶特性。': 'It can parse, manage, and execute process tasks created by users, providing flexible task control capabilities such as pause, resume, undo, skip, and retry, and support sub-processes, process serial, parallel, branch, loop, play Advanced features such as return control.',
-  简易的流程构造方式: 'Simple process structure',
+  简易的流程构造方式: 'Simple Process Structure',
   '可以使用 Bamboo 提供的 builder 轻松地构造复杂的流程。': 'Complex processes can be easily constructed using the builder provided by Bamboo.',
   完整的流程控制特性: 'Complete Process Control Features',
   '支持基本的流程启动、暂停、继续、重试和撤销，以及流程串行、并行、分支、循环、打回控制等进阶特性。': 'Support basic process start, pause, resume, retry and undo, as well as advanced features such as process serial, parallel, branch, loop, and return control.',
-  足够的并发处理效率: 'Sufficient concurrent processing efficiency',
+  足够的并发处理效率: 'Sufficient Concurrent Processing Efficiency',
   '基于 Celery，通过将不同性质的任务划分到不同的队列， Bamboo 拥有足够的执行效率，并且可通过水平扩展来进一步提升并发处理能力。': 'Based on Celery, by dividing tasks of different natures into different queues, Bamboo has sufficient execution efficiency, and can further improve concurrent processing capabilities through horizontal expansion.',
   '帮助文档 ：': 'Documentation: ',
   快速开始: 'Quick start',
@@ -1561,38 +1562,38 @@ export default {
   运维开发工具: 'Lesscode',
   运维开发: 'Lesscode',
   '蓝鲸智云运维开发平台提供了前端页面在线可视化拖拽组装、配置编辑、源码生成、二次开发等能力。旨在帮助用户通过尽量少的手写代码的方式快速设计和开发 SaaS': 'The BlueKing Lesscode provides online visual assembly of front-end pages, configuration editing, source code generation, customization development and other capabilities.',
-  可视化拖拽布局: 'Visual drag-and-drop layout',
+  可视化拖拽布局: 'Visual Drag-and-drop Layout',
   '集成蓝鲸 MagicBox Vue 通用组件，支持在线画布拖拽组件进行页面布局编辑、在线预览、查看及下载源码。': 'Integrate BlueKing MagicBox Vue common components, support online canvas drag and drop components for page layout editing, online preview, view and download source code.',
-  布局模板: 'layout template',
+  布局模板: 'Layout Template',
   '提供多种导航布局模板。': 'Provides a variety of navigation layout templates.',
-  在线函数库管理: 'Online function library management',
+  在线函数库管理: 'Online Function Library Management',
   '支持在线灵活编写管理事件函数及远程接口返回数据清洗函数。': 'Support online flexible writing of management event functions and remote interface data cleaning functions.',
-  在线组件配置: 'Online component configuration',
+  在线组件配置: 'Online Component Configuration',
   '支持组件样式、属性、事件在线配置。': 'Supports online configuration of component styles, properties, and events.',
-  二次开发能力: 'Secondary development capability',
+  二次开发能力: 'Secondary Development Capability',
   '生成的 Vue 源码文件支持无缝集成到蓝鲸前端开发框架(BKUI-CLI)进行二次开发。': 'The generated Vue source code file supports seamless integration into the BlueKing front-end framework (BKUI-CLI) for customization development.',
-  支持自定义组件开发: 'Support custom component development',
+  支持自定义组件开发: 'Support Custom Component Development',
   '提供自定义组件开发规范及示例，开放自定义组件开发能力，满足业务场景组件集成需求。': 'Provide custom component development specifications and examples, open custom component development capabilities, and meet component integration requirements in business scenarios.',
-  一键部署: 'One-click deployment',
+  一键部署: 'One-click Deployment',
   '基于蓝鲸PaaS，支持在线拖拽布局后，一键部署至线上环境。': 'Based on BlueKing PaaS, it supports online drag-and-drop layout and one-click deployment to the online environment.',
   '蓝鲸MagicBox提供丰富的PC端、移动端前端UI组件，更有样例套餐助您快速搭建前端页面。同时蓝鲸MagicBox提供可视化开发服务，支持在线拖拽页面，所见即所得。': 'BlueKing MagicBox provides a wealth of front-end UI components for PC and mobile, and there are sample packages to help you quickly build front-end pages. At the same time, BlueKing MagicBox provides visual development services, supports dragging and dropping pages online, and what you see is what you get.',
   运维开发平台: 'LessCode',
   '支持在线拖拽，使用MagicBox提供的组件，自由布局页面。': 'Support online drag and drop, use the components provided by MagicBox, and freely layout pages.',
-  前端jQuery组件库: 'Front-end jQuery component library',
+  前端jQuery组件库: 'Front-end jQuery Component Library',
   '提供表单、表格、富文本、按钮等丰富的UI组件，包括PC版、移动版。': 'Provides rich UI components such as forms, tables, rich text, buttons, etc., including PC version and mobile version.',
-  前端Vue组件库: 'Front-end Vue component library',
+  前端Vue组件库: 'Front-end Vue Component Library',
   '基于 Vue2.0、Vue3.0，提供按钮、下拉选框、日期选择器、对话框等常用组件。': 'Provides common components such as buttons, dropdown boxes, date pickers, and dialogs based on Vue 2.0 and Vue 3.0.',
-  前端套餐样例库: 'Front-end package sample library',
+  前端套餐样例库: 'Front-end Package Sample Library',
   '提供成套的样例页面，即拿即用。': 'A complete set of sample pages is provided, ready to use.',
-  '蓝鲸前端开发脚手架（BKUI_CLI）': 'BlueKing front-end development scaffolding (BKUI_CLI)',
+  '蓝鲸前端开发脚手架（BKUI_CLI）': 'BlueKing Front-end Development Scaffolding (BKUI_CLI)',
   '基于 Vue.js 研发的一键构建蓝鲸体系前端工程的脚手架工具，包括了基础工程化能力、基础 mock 服务、蓝鲸前端Vue组件库等。': 'Based on Vue.js, a one-click scaffolding tool for constructing the front-end engineering of the BlueKing system, including basic engineering capabilities, basic mock services, and the BlueKing front-end Vue component library, etc.',
   '蓝鲸应用市场汇集所有在蓝鲸上开发的WEB类应用，用户可以在市场中搜索、使用应用': 'BlueKing APP market brings together all WEB APP developed on BlueKing, users can search and use APP in the market.',
-  '开发框架（blueapps）': 'APP framework(blueapps)',
+  '开发框架（blueapps）': 'APP Framework(blueapps)',
   '开发框架基于 Django 开发，集成用户鉴权、应用日志等基础功能。': 'The APP framework is developed based on Django and integrates basic functions such as user authentication and APP logs.',
   框架文档: 'Framework documentation',
   '开发框架在 Beego 基础上，集成用户登录、蓝鲸组件调用和其他增强服务。': 'Based on Beego, the development framework integrates user login, BlueKing component invocation and other Add-ons.',
   '开发框架，集成蓝鲸Vue组件库、统一登录和其他开发示例。': 'APP framework, integrating BlueKing Vue component library, unified login and other development examples.',
-  其他开发资料: 'Other development materials',
+  其他开发资料: 'Other Development Materials',
   开发规范: 'Development specifications',
   前端开发规范: 'Front-end development specifications',
   开发者常见问题: 'Developer FAQs',
@@ -1724,7 +1725,8 @@ export default {
   '分支名称：': 'Branch: ',
   '版本：': 'Version: ',
   '耗时：': 'Time consuming: ',
-  '当前版本：': 'Current version:',
+  当前版本: 'Current version',
+  '当前版本-label': 'Current',
   选择部署: 'Choose to deploy',
   新建部署: 'New deployment',
   当前不支持: 'Not currently supported',
@@ -1837,7 +1839,7 @@ export default {
   启用: 'Enable',
   '(主)': '(main)',
   'Python 语言': 'Python language',
-  '支持通过 OAuth 授权拉取 GitHub、 Gitee 代码仓库，可联系管理员设置': 'It supports pulling GitHub and gitee code warehouses through OAuth authorization. You can contact the administrator for settings',
+  '支持通过 OAuth 授权拉取 GitHub、 Gitee 代码仓库，可联系管理员设置': 'It supports pulling GitHub or Gitee code warehouses through OAuth authorization. You can contact the administrator for settings',
   使用量: 'usage',
   几秒前: 'a few seconds ago',
   '端口有效范围1-65535': 'Port valid range: 1-65535',
@@ -2132,7 +2134,7 @@ export default {
   '生产环境-label': 'Production Env',
   '生产环境-desc': 'Prod',
   产品文档: 'Documentation',
-  开源社区: 'Open Rource Community',
+  开源社区: 'Open Source',
   '迁移应用【{name}】到新版开发者中心': 'Migrate APP [{name}] to the new version of the developer center',
   '（生产环境 ）': '(prod)',
   '（预发布环境）': '(stag)',
@@ -2695,4 +2697,27 @@ export default {
   '请输入命令参数，并按 Enter 键结束': 'Please enter the command parameters and press Enter to finish',
   '请输入启动命令，并按 Enter 键结束': 'Please enter the startup command and press Enter to finish',
   默认全员可见: 'Visible to All by Default',
+  '已找到 “{k}” 相关的 <i>{n}</i> 条数据': 'Found <i>{n}</i> results related to “{k}”',
+  历史搜索: 'Search History',
+  清空历史: 'Clear History',
+  推荐搜索: 'Recommended Searches',
+  查看更多: 'View More',
+  请输入关键词进行搜索: 'Please enter keywords to search',
+  没有找到相关结果: 'No related results found',
+  指定测试未通过: 'Designated Test Failed',
+  重新测试: 'Retest',
+  '当前版本{s}，无需终止操作': 'Current version {s}, no need to terminate the operation',
+  已失败: 'Failed',
+  已成功: 'Successful',
+  '当前分支正在测试中，请先终止测试才能新建版本': 'The current branch is under testing, please terminate the test before creating a new version',
+  暂无可对比的代码版本: 'No comparable code versions available',
+  暂无已发布成功的版本: 'No successfully published versions available',
+  退出插件成功: 'Successfully Exited Plugin',
+  忽略: 'Ignore',
+  '忽略失败，请稍候再试': 'Ignore failed, please try again later',
+  '是否忽略 {n} 模块闲置提醒？': 'Ignore the idle reminder for {n} modules?',
+  '忽略后，该模块的': 'After ignoring, the',
+  '将在 6 个月内不出现在闲置应用列表中，若 6 个月后继续闲置，将重新提醒。': 'of this module will not appear in the idle application list for 6 months. If it remains idle after 6 months, you will be reminded again.',
+  平台内置地址: 'Built-in Platform Address',
+  自定义地址: 'Custom Address',
 };
diff --git a/webfe/package_vue/src/language/lang/zh.js b/webfe/package_vue/src/language/lang/zh.js
index 72b451d9c8..628c111691 100644
--- a/webfe/package_vue/src/language/lang/zh.js
+++ b/webfe/package_vue/src/language/lang/zh.js
@@ -662,10 +662,11 @@ export default {
   '腾讯内部 Git 源码托管系统': '腾讯内部 Git 源码托管系统',
   '工蜂 Git 授权': '工蜂 Git 授权',
   'GitHub 授权': 'GitHub 授权',
+  'Gitee 授权': 'Gitee 授权',
   '授权蓝盾访问您的工蜂代码库信息，授权后可以通过蓝盾执行代码检查等CI操作':
     '授权蓝盾访问您的工蜂代码库信息，授权后可以通过蓝盾执行代码检查等CI操作',
-  '授权蓝鲸访问您的 GitHub 代码库信息，授权后蓝鲸将获取仓库的访问权限':
-    '授权蓝鲸访问您的 GitHub 代码库信息，授权后蓝鲸将获取仓库的访问权限',
+  '授权蓝鲸访问您的 GitHub 代码库信息，授权后蓝鲸将获取仓库的访问权限': '授权蓝鲸访问您的 GitHub 代码库信息，授权后蓝鲸将获取仓库的访问权限',
+  '授权蓝鲸访问您的 Gitee 代码库信息，授权后蓝鲸将获取仓库的访问权限': '授权蓝鲸访问您的 Gitee 代码库信息，授权后蓝鲸将获取仓库的访问权限',
   '所有 API': '所有 API',
   '项目: ': '项目: ',
   '项目组: ': '项目组: ',
@@ -716,7 +717,7 @@ export default {
   申请记录: '申请记录',
   基本信息: '基本信息',
   '基本信息-title': '基本信息',
-  '应用名称等基本信息请在“app.yaml”文件中配置': '应用名称等基本信息请在“app.yaml”文件中配置',
+  '应用名称等基本信息请在应用描述文件 app_desc.yaml 中配置': '应用名称等基本信息请在应用描述文件 app_desc.yaml 中配置',
   '管理员、开发者和运营者可以修改应用名称等基本信息': '管理员、开发者和运营者可以修改应用名称等基本信息',
   应用logo: '应用logo',
   更换图片: '更换图片',
@@ -1595,7 +1596,6 @@ export default {
   查看更多应用: '查看更多应用',
   资源使用量: '资源使用量',
   对象储存: '对象储存',
-  了解我们的服务: '了解我们的服务',
   我的应用分布: '我的应用分布',
   '单位（个）': '单位（个）',
   '访问量 Top 5 (最近 30 天)': '访问量 Top 5 (最近 30 天)',
@@ -1845,7 +1845,8 @@ export default {
   '分支：': '分支：',
   '版本：': '版本：',
   '耗时：': '耗时：',
-  '当前版本：': '当前版本：',
+  当前版本: '当前版本',
+  '当前版本-label': '当前版本',
   选择部署: '选择部署',
   新建部署: '新建部署',
   当前不支持: '当前不支持',
@@ -2834,4 +2835,27 @@ export default {
   '请输入命令参数，并按 Enter 键结束': '请输入命令参数，并按 Enter 键结束',
   '请输入启动命令，并按 Enter 键结束': '请输入启动命令，并按 Enter 键结束',
   默认全员可见: '默认全员可见',
+  '已找到 “{k}” 相关的 <i>{n}</i> 条数据': '已找到 “{k}” 相关的 <i>{n}</i> 条数据',
+  历史搜索: '历史搜索',
+  清空历史: '清空历史',
+  推荐搜索: '推荐搜索',
+  查看更多: '查看更多',
+  请输入关键词进行搜索: '请输入关键词进行搜索',
+  没有找到相关结果: '没有找到相关结果',
+  指定测试未通过: '指定测试未通过 ',
+  重新测试: '重新测试',
+  '当前版本{s}，无需终止操作': '当前版本{s}，无需终止操作',
+  已失败: '已失败',
+  已成功: '已成功',
+  '当前分支正在测试中，请先终止测试才能新建版本': '当前分支正在测试中，请先终止测试才能新建版本',
+  暂无可对比的代码版本: '暂无可对比的代码版本',
+  暂无已发布成功的版本: '暂无已发布成功的版本',
+  退出插件成功: '退出插件成功',
+  忽略: '忽略',
+  '忽略失败，请稍候再试': '忽略失败，请稍候再试',
+  '是否忽略 {n} 模块闲置提醒？': '是否忽略 {n} 模块闲置提醒？',
+  '忽略后，该模块的': '忽略后，该模块的',
+  '将在 6 个月内不出现在闲置应用列表中，若 6 个月后继续闲置，将重新提醒。': '将在 6 个月内不出现在闲置应用列表中，若 6 个月后继续闲置，将重新提醒。',
+  平台内置地址: '平台内置地址',
+  自定义地址: '自定义地址',
 };
diff --git a/webfe/package_vue/src/views/dev-center/app/basic-config/info.vue b/webfe/package_vue/src/views/dev-center/app/basic-config/info.vue
index a37a5ff0b1..053440c33f 100644
--- a/webfe/package_vue/src/views/dev-center/app/basic-config/info.vue
+++ b/webfe/package_vue/src/views/dev-center/app/basic-config/info.vue
@@ -22,7 +22,7 @@
             v-if="isSmartApp"
             class="info"
           >
-            {{ $t('应用名称等基本信息请在“app.yaml”文件中配置') }}
+            {{ $t('应用名称等基本信息请在应用描述文件 app_desc.yaml 中配置') }}
           </div>
           <div
             v-else
@@ -50,7 +50,7 @@
                 </div>
               </section>
               <div class="logo-wrapper">
-                <img :src="localeAppInfo.logo || '/static/images/default_logo.png'">
+                <img :src="localeAppInfo.logo || '/static/images/default_logo.png'" />
               </div>
             </div>
             <!-- 编辑态 -->
@@ -72,34 +72,16 @@
                   <bk-input disabled v-model="curAppInfo.application.region_name"></bk-input>
                 </bk-form-item>
                 <bk-form-item label="LOGO">
-                  <div class="logoupload-wrapper">
-                    <div
-                      :class="['logoupload-cls', { 'preview': appBaseInfoConfig.isPreviewImageShow }]"
-                      @mouseenter="isMaskLayerShown = true"
-                      @mouseleave="isMaskLayerShown = false"
-                    >
-                      <!-- 默认 -->
-                      <div class="logoupload-content">
-                        <i class="bk-icon icon-plus-line"></i>
-                        <p>{{ $t('点击上传') }}</p>
-                      </div>
-                      <!-- 预览图 -->
-                      <div class="preview-image-cls">
-                        <img id="preview-image" />
-                      </div>
-                      <!-- 遮罩层 -->
-                      <div class="logo-mask-layer-cls" v-if="appBaseInfoConfig.isPreviewImageShow && isMaskLayerShown">
-                        <i class="paasng-icon paasng-close" @click="handleClose"></i>
-                        <i class="paasng-icon paasng-upload-2" @click="handleInputClick"></i>
-                      </div>
-                      <input
-                        ref="logoInputRef"
-                        type="file"
-                        accept="image/jpeg, image/png"
-                        name="logo"
-                        @change="beforeFileUploadProcessing"
-                      >
-                    </div>
+                  <div :class="['logoupload-wrapper', { selected: curFileData.length }]">
+                    <bk-upload
+                      :files="curFileData"
+                      :theme="'picture'"
+                      accept="image/jpeg, image/png"
+                      :multiple="false"
+                      ext-cls="app-logo-upload-cls"
+                      :custom-request="customRequest"
+                      @on-delete="handleDelete"
+                    ></bk-upload>
                     <p class="tip">
                       {{ $t('支持jpg、png等图片格式，图片尺寸为72*72px，不大于2MB。') }}
                     </p>
@@ -116,7 +98,7 @@
                   <bk-button
                     ext-cls="mr8"
                     theme="default"
-                    :disabled="appBaseInfoConfig.logoData === null"
+                    :disabled="!curFileData.length"
                     @click="handlePreview">{{ $t('预览') }}</bk-button>
                   <bk-button
                     theme="default"
@@ -238,28 +220,23 @@
       ext-cls="base-info-preview-dialog-cls"
       theme="primary">
       <div class="content">
-        <img id="dislog-preview-image" />
+        <img id="dislog-preview-image" :src="previewImageRrl" />
         <h3 class="title">{{ localeAppInfo.name }}</h3>
       </div>
     </bk-dialog>
   </div>
 </template>
 
-<script>import moment from 'moment';
+<script>
+import moment from 'moment';
 import appBaseMixin from '@/mixins/app-base-mixin';
-// import BluekingUserSelector from '@blueking/user-selector';
 import authenticationInfo from '@/components/authentication-info.vue';
-// import 'BKSelectMinCss';
 import pluginInfo from './plugin-info.vue';
 
 export default {
   components: {
     authenticationInfo,
     pluginInfo,
-    // BluekingUserSelector,
-    //   'bk-member-selector': () => {
-    //       return import('@/components/user/member-selector/member-selector.vue');
-    //   }
   },
   mixins: [appBaseMixin],
   data() {
@@ -302,14 +279,13 @@ export default {
       descAppDisabled: false,
       appBaseInfoConfig: {
         isEdit: false,
-        isPreviewImageShow: false,
         logoData: null,
         isLoading: false,
       },
       previewDialogConfig: {
         visible: false,
       },
-      isMaskLayerShown: false,
+      curFileData: [],
     };
   },
   computed: {
@@ -320,13 +296,13 @@ export default {
       return this.curAppInfo.role.name !== 'operator';
     },
     isBasicInfoEditable() {
+      if (this.isSmartApp) return false;
       return ['administrator', 'operator'].indexOf(this.curAppInfo.role.name) !== -1;
     },
     formRemoveValidated() {
       return this.curAppInfo.application.code === this.formRemoveConfirmCode;
     },
     platformFeature() {
-      console.warn(this.$store.state.platformFeature);
       return this.$store.state.platformFeature;
     },
     userFeature() {
@@ -338,6 +314,9 @@ export default {
     curAppName() {
       return this.curAppInfo.application?.name;
     },
+    previewImageRrl() {
+      return this.curFileData[0]?.url;
+    },
   },
   watch: {
     curAppInfo(value) {
@@ -505,48 +484,17 @@ export default {
     // 基本信息编辑
     handleEditBaseInfo() {
       if (!this.isBasicInfoEditable) return;
-      this.appBaseInfoConfig.isEdit = true;
-    },
-
-    // 处理文件选择，显示选择后的预览图
-    beforeFileUploadProcessing(e) {
-      e.preventDefault();
-      const file = e.target.files[0];
-      if (!file) return;
-      const maxSize = 2 * 1024;
-
-      // 支持jpg、png等图片格式，图片尺寸为72*72px，不大于2MB。验证
-      const imgSize = file.size / 1024;
-      if (imgSize > maxSize) {
-        this.$paasMessage({
-          theme: 'error',
-          message: this.$t('文件大小应<2M！'),
-        });
-        return;
+      if (this.localeAppInfo.logo) {
+        this.curFileData = [{
+          url: this.localeAppInfo.logo,
+        }];
       }
-
-      // 显示预览图
-      const imgEl = document.querySelector('#preview-image');
-      const previewImageUrl = URL.createObjectURL(file);
-      imgEl.style.display = 'block';
-      imgEl.src = previewImageUrl;
-      this.appBaseInfoConfig.isPreviewImageShow = true;
-      this.appBaseInfoConfig.logoData = file;
-    },
-
-    // 设置预览图
-    setPreviewImage(imgEl, file) {
-      const previewImageUrl = URL.createObjectURL(file);
-      imgEl.style.display = 'block';
-      imgEl.src = previewImageUrl;
+      this.appBaseInfoConfig.isEdit = true;
     },
 
     // 预览
     handlePreview() {
       this.previewDialogConfig.visible = true;
-      // 显示预览图
-      const imgEl = document.querySelector('#dislog-preview-image');
-      this.setPreviewImage(imgEl, this.appBaseInfoConfig.logoData);
     },
 
     // 基本信息取消
@@ -558,7 +506,6 @@ export default {
     // 数据重置
     resetAppBaseInfoConfig() {
       this.appBaseInfoConfig.isEdit = false;
-      this.appBaseInfoConfig.isPreviewImageShow = false;
       this.appBaseInfoConfig.logoData = null;
       this.appBaseInfoConfig.isLoading = false;
     },
@@ -572,17 +519,29 @@ export default {
       });
     },
 
-    handleClose() {
-      const imgEl = document.querySelector('#preview-image');
-      imgEl.src = '';
-      imgEl.style.display = 'none';
-      this.$refs.logoInputRef.value = '';
-      this.appBaseInfoConfig.logoData = null;
-      this.appBaseInfoConfig.isPreviewImageShow = false;
-    },
+    // 自定义上传处理
+    customRequest(file) {
+      const fileData = file.fileObj.origin;
 
-    handleInputClick() {
-      this.$refs.logoInputRef?.click();
+      // 支持jpg、png等图片格式，图片尺寸为72*72px，不大于2MB。验证
+      const imgSize = fileData.size / 1024;
+      const maxSize = 2 * 1024;
+      if (imgSize > maxSize) {
+        this.$paasMessage({
+          theme: 'error',
+          message: this.$t('文件大小应<2M！'),
+        });
+        return;
+      }
+      this.appBaseInfoConfig.logoData = fileData;
+      const previewImageUrl = URL.createObjectURL(fileData);
+      this.curFileData = [{
+        name: fileData.name,
+        url: previewImageUrl,
+      }];
+    },
+    handleDelete() {
+      this.curFileData = [];
     },
   },
 };
@@ -879,99 +838,33 @@ export default {
         .logoupload-wrapper {
           display: flex;
           align-items: center;
-          .tip {
-            margin-left: 12px;
-            color: #979BA5;
-          }
-        }
-        .logoupload-cls {
-          flex-shrink: 0;
-          position: relative;
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          width: 96px;
-          height: 96px;
-          color: #63656E;
-          background: #FAFBFD;
-          border: 1px dashed #C4C6CC;
-          border-radius: 2px;
-          cursor: pointer;
-
-          &.preview {
-            background: #FFFFFF;
-            border: 1px solid #C4C6CC !important;
-          }
-
-          &:hover {
-            color: #3A84FF;
-            border-color: #3A84FF;
-            .icon-plus-line {
-              color: #3A84FF;
+          &.selected {
+            .app-logo-upload-cls /deep/ .file-wrapper .picture-btn {
+              background: #fff;
             }
           }
-
-          .logoupload-content {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-          }
-
-          .preview-image-cls {
-            position: absolute;
-            left: 3px;
-            top: 3px;
-            width: calc(100% - 6px);
-            height: calc(100% - 6px);
-          }
-
-          .logo-mask-layer-cls {
-            position: absolute;
-            top: 3px;
-            left: 3px;
-            width: calc(100% - 6px);
-            height: calc(100% - 6px);
-            background: #00000099;
-            z-index: 9999;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: default;
-
-            i {
-              cursor: pointer;
-              color: #FAFBFD;
-              font-size: 20px;
-            }
-
-            i:hover {
-              color: #3A84FF;
-            }
-
-            .paasng-close {
-              position: absolute;
-              right: 3px;
-              top: 3px;
+          .app-logo-upload-cls {
+            /deep/ .file-wrapper {
+              width: 96px;
+              height: 96px;
+              padding-top: 0px;
+              .picture-btn {
+                background: #fafbfd;
+              }
+              .upload-btn {
+                width: 96px;
+                height: 96px;
+                display: flex;
+                align-items: center;
+                flex-direction: column;
+                justify-content: center;
+              }
             }
           }
-
-          i {
-            font-size: 22px;
+          .tip {
+            margin-left: 12px;
             color: #979BA5;
           }
-          p {
-            text-align: center;
-          }
-          input {
-            width: 100%;
-            height: 100%;
-            position: absolute;
-            left: 0;
-            top: 0;
-            z-index: 10;
-            cursor: pointer;
-            opacity: 0;
-          }
         }
       }
     }
@@ -979,7 +872,6 @@ export default {
       width: 88px;
     }
     .logoupload-cls .preview-image-cls #preview-image {
-      display: none;
       position: absolute;
       width: 100%;
       height: 100%;
diff --git a/webfe/package_vue/src/views/dev-center/app/basic-config/module-manage.vue b/webfe/package_vue/src/views/dev-center/app/basic-config/module-manage.vue
index 630427c00a..f43fba5f40 100644
--- a/webfe/package_vue/src/views/dev-center/app/basic-config/module-manage.vue
+++ b/webfe/package_vue/src/views/dev-center/app/basic-config/module-manage.vue
@@ -18,7 +18,7 @@
       <section v-if="!isLoading">
         <div class="module-info-item mt15">
           <div class="title">
-            {{ $t('基本信息-title') }}
+            {{ $t('基本信息') }}
           </div>
           <div class="info">
             {{ $t('模块的基本信息') }}
diff --git a/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/alarm-strategy.vue b/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/alarm-strategy.vue
index 1f0a3f3177..36a7f021c9 100644
--- a/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/alarm-strategy.vue
+++ b/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/alarm-strategy.vue
@@ -2,7 +2,7 @@
   <div class="alarm-strategy mt25">
     <div class="top-title mb20">
       <h4>{{ $t('告警策略') }}</h4>
-      <p class="tips" v-if="curAppInfo.feature?.MONITORING">
+      <p class="tips" v-if="platformFeature.MONITORING">
         {{ $t('告警策略对应用下所有模块都生效，如需新增或编辑告警策略请直接到蓝鲸监控平台操作。') }}
         <!-- 未部署不展示 -->
         <a v-if="strategyLink" :href="strategyLink" target="_blank">
@@ -14,7 +14,7 @@
 
     <div
       v-bkloading="{ isLoading: isLoading, zIndex: 10 }"
-      v-if="curAppInfo.feature?.MONITORING"
+      v-if="platformFeature.MONITORING"
     >
       <!-- 策略列表 -->
       <bk-table
@@ -158,12 +158,14 @@ export default {
     appCode() {
       return this.$route.params.id;
     },
-    curAppInfo() {
-      return this.$store.state.curAppInfo || {};
+    platformFeature() {
+      return this.$store.state.platformFeature;
     },
   },
   created() {
-    this.getAlarmStrategies();
+    if (this.platformFeature.MONITORING) {
+      this.getAlarmStrategies();
+    }
   },
   methods: {
     // 获取告警策略
diff --git a/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/index.vue b/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/index.vue
index 823de65677..b9e77ee47e 100644
--- a/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/index.vue
+++ b/webfe/package_vue/src/views/dev-center/app/engine/cloud-deployment/observability-config/index.vue
@@ -2,14 +2,14 @@
   <div class="observability-config">
     <div class="top-title mb20">
       <h4>{{ $t('日志采集') }}</h4>
-      <p class="tips" v-if="enableBkLogCollector">
+      <p class="tips" v-if="isLogCollectionSupported">
         {{ $t('默认已采集和清洗：标准输出、开发框架定义日志路径中的日志，也可以添加自定义日志采集规则。') }}
       </p>
     </div>
     <!-- 采集规则 -->
-    <section class="collection-rules">
+    <section class="collection-rules" v-bkloading="{ isLoading: isLogCollectionLodaing }">
       <bk-button
-        v-if="enableBkLogCollector"
+        v-if="isLogCollectionSupported"
         theme="primary"
         class="mb16"
         @click="handleAddCollectionRule"
@@ -18,7 +18,7 @@
         {{ $t('新增采集规则') }}
       </bk-button>
       <div
-        v-if="enableBkLogCollector"
+        v-if="isLogCollectionSupported"
         v-bkloading="{ isLoading: isTableLoading, zIndex: 10 }"
       >
         <bk-table
@@ -299,6 +299,8 @@ export default {
       },
       collectionRules: [],
       isRuleLoading: false,
+      isLogCollectionSupported: true,
+      isLogCollectionLodaing: true,
     };
   },
   computed: {
@@ -314,15 +316,9 @@ export default {
     curAppInfo() {
       return this.$store.state.curAppInfo || {};
     },
-    enableBkLogCollector() {
-      return this.curAppInfo.feature?.ENABLE_BK_LOG_COLLECTOR || false;
-    },
   },
   created() {
-    if (this.enableBkLogCollector) {
-      this.getLogCollectionRuleList();
-    }
-    this.getCustomLogCollectionRule();
+    this.getCustomLogCollectionRule('init');
   },
   methods: {
     // 获取日志采集规则列表
@@ -399,7 +395,7 @@ export default {
     },
 
     // 获取自定义日志采集规则
-    async getCustomLogCollectionRule() {
+    async getCustomLogCollectionRule(type) {
       this.isRuleLoading = true;
       try {
         const res = await this.$store.dispatch('observability/getCustomLogCollectionRule', {
@@ -408,7 +404,13 @@ export default {
         });
         this.customCollectorData = res;
         this.collectionRules = res.options || [];
+        type === 'init' && this.getLogCollectionRuleList();
+        this.isLogCollectionSupported = true;
       } catch (e) {
+        if (e.code === 'CUSTOM_COLLECTOR_UNSUPPORTED') {
+          this.isLogCollectionSupported = false;
+          return;
+        }
         this.$bkMessage({
           theme: 'error',
           message: e.detail || e.message || this.$t('接口异常'),
@@ -416,6 +418,7 @@ export default {
       } finally {
         setTimeout(() => {
           this.isRuleLoading = false;
+          this.isLogCollectionLodaing = false;
         }, 300);
       }
     },
diff --git a/webfe/package_vue/src/views/dev-center/app/engine/deployment/comps/deploy-action/index.vue b/webfe/package_vue/src/views/dev-center/app/engine/deployment/comps/deploy-action/index.vue
index 2f16c571a1..21c78855f6 100644
--- a/webfe/package_vue/src/views/dev-center/app/engine/deployment/comps/deploy-action/index.vue
+++ b/webfe/package_vue/src/views/dev-center/app/engine/deployment/comps/deploy-action/index.vue
@@ -345,7 +345,7 @@
       >
         <div class="wrapper default-box">
           <div class="fl mr25">
-            {{ $t('当前版本：') }} {{ deploymentInfo.repo.version }}
+            {{ $t('当前版本') }}： {{ deploymentInfo.repo.version }}
           </div>
           <div
             v-if="!isLesscodeApp"
diff --git a/webfe/package_vue/src/views/dev-center/app/market/visible-range.vue b/webfe/package_vue/src/views/dev-center/app/market/visible-range.vue
index 968a8679c0..5e22ebaaac 100644
--- a/webfe/package_vue/src/views/dev-center/app/market/visible-range.vue
+++ b/webfe/package_vue/src/views/dev-center/app/market/visible-range.vue
@@ -103,6 +103,7 @@ export default {
       handler(newVal) {
         this.baseInfo = cloneDeep(newVal);
       },
+      deep: true,
       immediate: true,
     },
   },
diff --git a/webfe/package_vue/src/views/dev-center/index.vue b/webfe/package_vue/src/views/dev-center/index.vue
index bc5432dea1..437ea64396 100644
--- a/webfe/package_vue/src/views/dev-center/index.vue
+++ b/webfe/package_vue/src/views/dev-center/index.vue
@@ -1648,6 +1648,8 @@ section.app-filter-module {
   .tippy-tooltip.light-theme {
     height: 100%;
     transform: translateY(0px) !important;
+    padding: 0px;
+    box-shadow: none;
   }
   .filter-navigation-list {
     .nav-item {
diff --git a/webfe/package_vue/src/views/index.vue b/webfe/package_vue/src/views/index.vue
index 6d9ae496c4..e0f0fe2f56 100644
--- a/webfe/package_vue/src/views/index.vue
+++ b/webfe/package_vue/src/views/index.vue
@@ -393,65 +393,6 @@
           </div>
         </div>
         <!-- 新手入门&使用指南 end -->
-        <!-- 了解我们的服务 start -->
-        <div
-          class="paas-content-boxpanel bk-fade-animate"
-          data-test-id="developer_list_service"
-        >
-          <h2 class="paas-modular-title center">
-            {{ $t('了解我们的服务') }}
-          </h2>
-          <div class="paas-service">
-            <ul class="paas-service-list">
-              <li
-                v-for="(item, index) in serviceInfo"
-                :key="index"
-                :class="{ 'active': index === curServiceIndex }"
-                @click="changeService(index)"
-              >
-                <i :class="['paas-service-icon', 'icon' + (index + 1)]" />
-                <span class="paas-service-text">{{ item.title }}</span>
-              </li>
-            </ul>
-            <div
-              class="paas-service-main"
-              data-test-id="developer_list_main"
-            >
-              <div :class="['paas-service-content', 'showCon' + curServiceIndex]">
-                <!-- 开发 -->
-                <div
-                  v-for="(service, index) in serviceInfo"
-                  :key="index"
-                  class="content-panel"
-                >
-                  <dl
-                    v-for="(item, serviceIndex) in service.items"
-                    :key="serviceIndex"
-                  >
-                    <dt>
-                      <a
-                        v-if="item.url === 'javascript:;'"
-                        target="_blank"
-                        :href="GLOBAL.DOC.API_HELP"
-                      >
-                        {{ item.text }}
-                      </a>
-                      <router-link
-                        v-else
-                        target="_blank"
-                        :to="'/developer-center/service/' + item.url"
-                      >
-                        {{ item.text }}
-                      </router-link>
-                    </dt>
-                    <dd>{{ item.explain }}</dd>
-                  </dl>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 了解我们的服务 end -->
       </div>
     </div>
   </div>
@@ -474,8 +415,6 @@ export default {
     return {
       userHasApp: false,
       isNewUser: global.isUser,
-      serviceInfo: [], // 服务列表
-      curServiceIndex: 0,
       flag: false,
       activeVisit: -1,
       appCount: 0,
@@ -537,17 +476,6 @@ export default {
     });
   },
   created() {
-    // 了解我们的服务和头部导航同步
-    const results = [];
-    this.headerStaticInfo.list.subnav_service.forEach((item) => {
-      if (!item.title) {
-        results.push(...item.items);
-      } else {
-        results.push(item);
-      }
-    });
-    this.serviceInfo = results;
-
     // 获取最近四次操作记录
     this.$http.get(`${BACKEND_URL}/api/bkapps/applications/lists/latest/`).then((response) => {
       const resData = response;
@@ -791,10 +719,6 @@ export default {
         bus.$emit('page-header-be-transparent');
       }
     },
-    // 服务列表切换
-    changeService(index) {
-      this.curServiceIndex = index;
-    },
     // 访问按钮展开
     visitOpen(event, index) {
       if (event.currentTarget.parentNode.classList.contains('disabledBox')) return;
diff --git a/webfe/package_vue/src/views/plugin-center/plugin/version-manager/editor-version.vue b/webfe/package_vue/src/views/plugin-center/plugin/version-manager/editor-version.vue
index 49d636aef1..78d06abe0e 100644
--- a/webfe/package_vue/src/views/plugin-center/plugin/version-manager/editor-version.vue
+++ b/webfe/package_vue/src/views/plugin-center/plugin/version-manager/editor-version.vue
@@ -12,7 +12,7 @@
           class="summary-box status"
         >
           <div class="wrapper default-box">
-            <div class="fl mr25">{{ $t('当前版本：') }} {{ curVersion.current_release.version || '--' }}</div>
+            <div class="fl mr25">{{ $t('当前版本') }}： {{ curVersion.current_release.version || '--' }}</div>
             <div class="fl mr25">
               {{ $t('代码分支：') }} {{ curVersion.current_release.source_version_name || '--' }}
             </div>