diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 5b7e6ea1a..da6a29816 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -40,9 +40,26 @@
           </el-form-item>
           <!--asset-->
           <el-form-item :label='$t("project.module.asset")' label-width="125px" prop="assetId" v-if="!disabled">
-            <el-select id="module-box-input-asset"  @change="renderEndpoint" v-model="editEndpoint.assetId" :disabled="disabled" class="right-box__select" placeholder="" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id">
-              <el-option v-for="item in assetList" :id="'asset-'+item.id" :key="item.id" :label="item.name" :value="item.id"></el-option>
-            </el-select>
+<!--            <el-select id="module-box-input-asset"  @change="renderEndpoint" v-model="editEndpoint.assetId" :disabled="disabled" class="right-box__select" placeholder="" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id">-->
+<!--              <el-option v-for="item in assetList" :id="'asset-'+item.id" :key="item.id" :label="item.name" :value="item.id"></el-option>-->
+<!--            </el-select>-->
+            <v-selectpage
+              :data="assetList"
+              :tb-columns="columns"
+              :params="{
+                varType: 2, panelId: 0,
+                returnChildren:0,groupId:0,
+              }"
+              @values="renderEndpoint"
+              :multiple="false"
+              :language="language"
+              title="ChartSearch"
+              key-field="id"
+              show-field="name"
+              v-model="editEndpoint.assetId"
+              class="form-control"
+              :result-format="resultFormat"
+            ></v-selectpage>
           </el-form-item>
           <el-form-item :label='$t("project.module.asset")' label-width="125px" prop="assetName" v-if="disabled">
             <el-input id="module-box-input-assetName" v-model="editEndpoint.assetName" :disabled="disabled"   placeholder="" show-word-limit size="small"></el-input>
@@ -652,6 +669,37 @@ export default {
             }
           ]
         }],
+      columns: [
+        { title: 'id', data: 'id' },
+        {
+          title: 'name',
+          data: function (row) {
+            if (row.name.length > 15) {
+              return row.name.substring(0, 12) + '...'
+            }
+            return row.name
+          }
+        },
+        { title: 'Manage Ip', data: 'manageIp' },
+        {
+          title: 'Type',
+          data: (row) => {
+            return row.type ? row.type.name : ''
+          }
+        },
+        {
+          title: 'Model',
+          data: (row) => {
+            return row.model ? row.model.name : ''
+          }
+        },
+        {
+          title: 'Datacenter',
+          data: (row) => {
+            return row.dc ? row.dc.name : ''
+          }
+        }
+      ],
       timestampList: ['ANSIC', 'UnixDate', 'RubyDate', 'RFC822', 'RFC822Z', 'RFC850', 'RFC1123', 'RFC1123Z', 'RFC3339', 'RFC3339Nano', 'Unix', 'UnixMs', 'UnixUs', 'UnixNs'],
       metricsShow: true,
       logsShow: true