diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index 18bf86b24..f362c1c8e 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -1403,7 +1403,15 @@ const cn = {
       basicTypeFile: '路径',
       basicTypeJournal: '单位',
       basicTypeSyslog: '监听地址',
-      basicAppName: '应用名称'
+      basicAppName: '应用名称',
+      metrics: '指标',
+      logs: '日志',
+      parameter: '参数',
+      labels2: '标签',
+      relabel: 'Relabel',
+      auth: '作者',
+      basic: '基础',
+      pipeline: '管道'
     },
     metrics: {
       metrics: '指标',
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 4dd84d0c1..7297da2ef 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -1406,7 +1406,15 @@ const en = {
       basicTypeFile: 'Path',
       basicTypeJournal: 'Unit',
       basicTypeSyslog: 'Listen address',
-      basicAppName: 'App name'
+      basicAppName: 'App name',
+      metrics: 'Metrics',
+      logs: 'Logs',
+      parameter: 'Parameter',
+      labels2: 'Labels',
+      relabel: 'Relabel',
+      auth: 'Auth',
+      basic: 'Basic',
+      pipeline: 'Pipeline'
     },
     metrics: {
       metrics: 'Metrics', // "指标"
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 9be338db2..eff394826 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -102,13 +102,13 @@
           <div class="endpoint-title">
             <span class="endpoint-title-content">
               <i class="nz-icon nz-icon-arrow-down" :class="metricsShow?'':'is-active'" @click="metricsShow = !metricsShow"></i>
-              Metrics
+             {{$t('project.endpoint.metrics')}}
             </span>
             <el-switch v-model="editEndpoint.configs[0].enable"  active-color="#ee9d3f" size="small" :active-value="1" :inactive-value="0"></el-switch>
           </div>
           <transition name="el-zoom-in-top">
             <el-tabs v-model="activeName" v-show="metricsShow" v-if="editEndpoint.configs[0].enable">
-              <el-tab-pane label="Basic" name="Basic">
+              <el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
                 <!--path-->
                 <el-form-item :label='$t("project.endpoint.path")' class="half-form-item" prop="configs.metrics_path">
                   <el-input id="module-box-input-path" v-model="editEndpoint.configs[0].config.metrics_path" placeholder="" size="small"></el-input>
@@ -191,7 +191,7 @@
                 </span>
                 </div>
               </el-tab-pane>
-              <el-tab-pane label="Parameter" name="Parameter">
+              <el-tab-pane :label="$t('project.endpoint.parameter')" name="Parameter">
                 <div id="module-box-params" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
                   <div v-for="(item, index) in editEndpoint.paramObj" :key="index" class="param-box-row">
                     <el-form-item :prop="'paramObj.' + index + '.key'" class="param-box-row-key">
@@ -216,7 +216,7 @@
               </span>
                 </div>
               </el-tab-pane>
-              <el-tab-pane label="Labels" name="Labels">
+              <el-tab-pane :label="$t('project.endpoint.labels2')" name="Labels">
                 <div id="module-box-labels" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
                   <div v-for="(item, index) in editEndpoint.labelModule" :key="index" class="param-box-row">
                     <el-form-item :prop="'labelModule.' + index + '.key'" :rules="[{ pattern: /[a-zA-Z_:][a-zA-Z0-9_:]*/, message: $t('validate.key') ,trigger: 'blur'}]" class="param-box-row-key">
@@ -235,7 +235,7 @@
               </span>
                 </div>
               </el-tab-pane>
-              <el-tab-pane label="Relabel" name="Relabel">
+              <el-tab-pane :label="$t('project.endpoint.relabel')" name="Relabel">
                 <div id="module-box-relabel" ref="labelBoxScrollbar" style="height: 100%; overflow: hidden;">
                   <div v-for="(item, index) in  this.editEndpoint.configs[0].config.relabel_config" :key="index" class="">
                     <div class="pipeline-box">
@@ -314,7 +314,7 @@
                  </span>
                 </div>
               </el-tab-pane>
-              <el-tab-pane v-if="editEndpoint.configs[0].config.protocol !== 'snmp'" label="Auth" name="Auth">
+              <el-tab-pane v-if="editEndpoint.configs[0].config.protocol !== 'snmp'" :label="$t('project.endpoint.auth')" name="Auth">
                 <!--authtype-->
                 <el-form-item :label='$t("project.endpoint.type")' prop="authtype">
                   <el-select id="module-box-input-auth-type" v-model="authType" class="right-box__select" placeholder="" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id" @change="changeAuthType">
@@ -342,7 +342,7 @@
           <div class="endpoint-title" style="margin-top: 10px">
             <span class="endpoint-title-content">
                <i class="nz-icon nz-icon-arrow-down" :class="logsShow?'':'is-active'" @click="logsShow = !logsShow"></i>
-              Logs
+             {{$t('project.endpoint.logs')}}
             </span>
             <el-switch v-model="editEndpoint.configs[1].enable"  active-color="#ee9d3f" size="small" :active-value="1" :inactive-value="0"></el-switch>
           </div>
@@ -350,7 +350,7 @@
             <div v-show="logsShow" v-if="editEndpoint.configs[1].enable">
               <div v-for="(item, index) in editEndpoint.configs[1].config" :key="index" style="position: relative">
                 <el-tabs v-model="activeNameLogs[index]" class="special-tabs" @tab-click="()=>{tabClick(index)}">
-                  <el-tab-pane label="Basic" name="Basic">
+                  <el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
                     <!--type-->
                     <el-form-item :label='$t("project.endpoint.type")' class="half-form-item">
                       <el-select id="module-box-input-type" v-model="item.type" class="right-box__select" placeholder="" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" @change="logsBasicTypeChange(index)">
@@ -391,7 +391,7 @@
                       <el-input  v-model="item.appName" :id="'module-box-basic-appName' +index" placeholder='' size="small"></el-input>
                     </el-form-item>
                   </el-tab-pane>
-                  <el-tab-pane label="Labels" name="Labels">
+                  <el-tab-pane :label="$t('project.endpoint.labels2')" name="Labels">
                     <div id="module-box-logs-labels" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
                       <div v-for="(item1, i) in item.labelModule" :key="i" class="param-box-row">
                         <el-form-item :prop="'configs.1.config.'+ index +'.labelModule.' + i + '.key'" :rules="[{ pattern: /[a-zA-Z_:][a-zA-Z0-9_:]*/, message: $t('validate.key') ,trigger: 'blur'}]" class="param-box-row-key">
@@ -410,7 +410,7 @@
               </span>
                     </div>
                   </el-tab-pane>
-                  <el-tab-pane label="Pipeline" name="Pipeline">
+                  <el-tab-pane :label="$t('project.endpoint.pipeline')" name="Pipeline">
                     <div v-for="(item2, index2) in item.pipeline" :key="index2">
                       <div class="pipeline-box">
                         <span class="pipeline-title">{{item2.type}}</span>
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index d5a523b6b..a25fe31c6 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -82,13 +82,13 @@
           <div class="endpoint-title">
             <span class="endpoint-title-content">
               <i class="nz-icon nz-icon-arrow-down" :class="metricsShow?'':'is-active'" @click="metricsShow = !metricsShow"></i>
-              Metrics
+              {{$t('project.endpoint.metrics')}}
             </span>
             <el-switch v-model="editModule.configs[0].enable"  active-color="#ee9d3f" size="small" :active-value="1" :inactive-value="0"></el-switch>
           </div>
           <transition name="el-zoom-in-top">
             <el-tabs v-model="activeName" v-show="metricsShow" v-if="editModule.configs[0].enable">
-            <el-tab-pane label="Basic" name="Basic">
+            <el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
               <!--path-->
               <el-form-item :label='$t("project.endpoint.path")' class="half-form-item" prop="configs.metrics_path">
                 <el-input id="module-box-input-path" v-model="editModule.configs[0].config.metrics_path" placeholder="" size="small"></el-input>
@@ -172,7 +172,7 @@
                 </span>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="Parameter" name="Parameter">
+            <el-tab-pane :label="$t('project.endpoint.parameter')" name="Parameter">
               <div id="module-box-params" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
                 <div v-for="(item, index) in editModule.paramObj" :key="index" class="param-box-row">
                   <el-form-item :prop="'paramObj.' + index + '.key'" class="param-box-row-key">
@@ -197,7 +197,7 @@
               </span>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="Labels" name="Labels">
+            <el-tab-pane :label="$t('project.endpoint.labels2')" name="Labels">
               <div id="module-box-labels" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
                 <div v-for="(item, index) in editModule.labelModule" :key="index" class="param-box-row">
                   <el-form-item :prop="'labelModule.' + index + '.key'" :rules="[{ pattern: /[a-zA-Z_:][a-zA-Z0-9_:]*/, message: $t('validate.key') ,trigger: 'blur'}]" class="param-box-row-key">
@@ -216,7 +216,7 @@
               </span>
               </div>
             </el-tab-pane>
-             <el-tab-pane label="Relabel" name="Relabel">
+             <el-tab-pane :label="$t('project.endpoint.relabel')" name="Relabel">
                 <div id="module-box-relabel" ref="labelBoxScrollbar" style="height: 100%; overflow: hidden;">
                   <div v-for="(item, index) in  this.editModule.configs[0].config.relabel_config" :key="index" class="">
                     <div class="pipeline-box">
@@ -295,7 +295,7 @@
                  </span>
                 </div>
               </el-tab-pane>
-            <el-tab-pane v-if="editModule.configs[0].config.protocol !== 'snmp'" label="Auth" name="Auth">
+            <el-tab-pane v-if="editModule.configs[0].config.protocol !== 'snmp'" :label="$t('project.endpoint.auth')" name="Auth">
               <!--authtype-->
               <el-form-item :label='$t("project.endpoint.type")' prop="authtype">
                 <el-select id="module-box-input-auth-type" v-model="authType" class="right-box__select" placeholder="" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id" @change="changeAuthType">
@@ -323,7 +323,7 @@
           <div class="endpoint-title" style="margin-top: 10px">
             <span class="endpoint-title-content">
                <i class="nz-icon nz-icon-arrow-down" :class="logsShow?'':'is-active'" @click="logsShow = !logsShow"></i>
-              Logs
+              {{$t('project.endpoint.logs')}}
             </span>
             <el-switch v-model="editModule.configs[1].enable"  active-color="#ee9d3f" size="small" :active-value="1" :inactive-value="0"></el-switch>
           </div>
@@ -331,7 +331,7 @@
           <div v-show="logsShow" v-if="editModule.configs[1].enable">
             <div v-for="(item, index) in editModule.configs[1].config" :key="index" style="position: relative">
               <el-tabs v-model="activeNameLogs[index]" class="special-tabs" @tab-click="()=>{tabClick(index)}" :ref="'logsTabs' + index">
-                <el-tab-pane label="Basic" name="Basic">
+                <el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
                   <!--type-->
                   <el-form-item :label='$t("project.endpoint.type")' class="half-form-item">
                     <el-select id="module-box-input-type" v-model="item.type" class="right-box__select" placeholder="" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" @change="logsBasicTypeChange(index)">
@@ -372,7 +372,7 @@
                     <el-input  v-model="item.appName" :id="'module-box-basic-appName' +index" placeholder='' size="small"></el-input>
                   </el-form-item>
                 </el-tab-pane>
-                <el-tab-pane label="Labels" name="Labels">
+                <el-tab-pane :label="$t('project.endpoint.labels2')" name="Labels">
                   <div id="module-box-logs-labels" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
                     <div v-for="(item1, i) in item.labelModule" :key="i" class="param-box-row">
                       <el-form-item :prop="'configs.1.config.'+ index +'.labelModule.' + i + '.key'" :rules="[{ pattern: /[a-zA-Z_:][a-zA-Z0-9_:]*/, message: $t('validate.key') ,trigger: 'blur'}]" class="param-box-row-key">
@@ -391,7 +391,7 @@
               </span>
                   </div>
                 </el-tab-pane>
-                <el-tab-pane label="Pipeline" name="Pipeline">
+                <el-tab-pane :label="$t('project.endpoint.pipeline')" name="Pipeline">
                   <div v-for="(item2, index2) in item.pipeline" :key="index2">
                     <div class="pipeline-box">
                       <span class="pipeline-title">{{item2.type}}</span>
diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
index b15992693..94c42c7f0 100644
--- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
@@ -119,34 +119,40 @@
           </el-tooltip>
         </template>
         <template v-else-if="item.prop === 'state'">
-<!--          <el-popover placement="right" trigger="hover" width="200" :popper-class="''" :disabled="scope.row[item.prop]<2">-->
-<!--            <div>-->
-<!--              <div v-html="suspendedStr(scope.row[item.prop])"></div>-->
-<!--            </div>-->
-<!--            <div slot="reference" style="width: 100px">-->
-<!--              <div v-if="scope.row[item.prop]===0">-->
-<!--                <div class="active-icon red-bg inline-block"></div> down-->
-<!--              </div>-->
-<!--              <div v-else-if="scope.row[item.prop]===1">-->
-<!--                <div class="active-icon green-bg inline-block"></div> up-->
-<!--              </div>-->
-<!--              <div v-else-if="scope.row[item.prop]">-->
-<!--                <div class="active-icon gray-bg inline-block"></div> suspended-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </el-popover>-->
-          <div>
-            <div class="state-box">
-              <div class="state-box-content" ><span class="state-content-text">Metrics  </span><div class="active-icon red-bg inline-block" style="margin-right: 5px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Logs     </span><div class="active-icon red-bg inline-block" style="margin-right: 0px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Dc       </span><div class="active-icon red-bg inline-block" style="margin-right: 5px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Endpoint </span><div class="active-icon red-bg inline-block" style="margin-right: 0px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Asset    </span><div class="active-icon red-bg inline-block" style="margin-right: 5px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Asset    </span><div class="active-icon red-bg inline-block" style="margin-right: 0px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Asset    </span><div class="active-icon red-bg inline-block" style="margin-right: 5px"></div></div>
-              <div class="state-box-content" ><span class="state-content-text">Asset    </span><div class="active-icon red-bg inline-block" style="margin-right: 0px"></div></div>
+          <el-popover placement="left" trigger="hover" width="100" :popper-class="''" :disabled="scope.row.configs[0].state<2">
+            <div>
+              <div v-html="suspendedStr(scope.row.configs[0].state)"></div>
             </div>
-          </div>
+            <span slot="reference" style="width: auto">
+              <span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('project.endpoint.metrics')}} </span>
+              <span v-if="scope.row.configs[0].state===0">
+                <span class="active-icon red-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[0].state===1">
+                <span class="active-icon green-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[0].state">
+                <span class="active-icon gray-bg inline-block"></span>
+              </span>
+            </span>
+          </el-popover>
+          <el-popover placement="right" trigger="hover" width="100" :popper-class="''" :disabled="scope.row.configs[1].state<2">
+            <div>
+              <div v-html="suspendedStr(scope.row.configs[1].state)"></div>
+            </div>
+            <span slot="reference" style="width: auto">
+              <span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs colorFA901C" /> {{$t('project.endpoint.logs')}} </span>
+              <span v-if="scope.row.configs[1].state===0">
+                <span class="active-icon red-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[1].state===1">
+                <span class="active-icon green-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[1].state">
+                <span class="active-icon gray-bg inline-block"></span>
+              </span>
+            </span>
+          </el-popover>
         </template>
         <template v-else-if="item.prop === 'enabled'">
           <span v-if="scope.row[item.prop] === 1">{{$t('project.endpoint.enable')}}</span>
@@ -245,7 +251,8 @@ export default {
           label: this.$t('project.endpoint.state'),
           prop: 'state',
           show: true,
-          minWidth: 90,
+          minWidth: 200,
+          width: 200,
           sortable: 'custom'
         }
         // {
@@ -375,6 +382,13 @@ export default {
   .state-content-text{
     width:64px;text-align:left;margin-right: 5px;display: inline-block
   }
+  .colorFA901C{
+    color: #fa901c;
+  }
+  .endpoint-cell-left{
+    /*display: inline-block;*/
+    /*width: 70px;*/
+  }
 </style>
 <style>
   .endpointConfigsTips{