diff --git a/nezha-fronted/src/assets/css/font/iconfont.eot b/nezha-fronted/src/assets/css/font/iconfont.eot
index 9ccd266d5..8bd12d1d3 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.eot and b/nezha-fronted/src/assets/css/font/iconfont.eot differ
diff --git a/nezha-fronted/src/assets/css/font/iconfont.svg b/nezha-fronted/src/assets/css/font/iconfont.svg
index d1e7253d3..d167d8146 100644
--- a/nezha-fronted/src/assets/css/font/iconfont.svg
+++ b/nezha-fronted/src/assets/css/font/iconfont.svg
@@ -20,6 +20,18 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="jiantou-down" unicode="&#60412;" d="M532.27749995 72.77658226999995L736.50089476 379.11167386c8.69035701 15.20812491 0 34.76142863-17.38071463 34.76142927l-95.5939295 0L623.52625063 674.58381937c0 13.03553581-8.69035701 21.72589282-21.7258928 21.7258928l-173.80714439 0c-13.03553581 0-21.72589282-8.69035701-21.72589281-21.72589281l-1e-8-260.71071625-95.59392949 0c-17.38071462 0-28.24366073-19.55330372-17.380714-34.76142925L497.51607132 70.60399316999997c6.5177679-10.86294671 26.07107163-10.86294671 34.76142863 2.1725891z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantou-top" unicode="&#58887;" d="M491.72250005 695.2234177299999L287.49910524 388.88832614c-8.69035701-15.20812491 0-34.76142863 17.38071463-34.76142926l95.5939295 0L400.47374937 93.41618062999999c0-13.03553581 8.69035701-21.72589282 21.7258928-21.7258928l173.80714439 0c13.03553581 0 21.72589282 8.69035701 21.72589281 21.72589281l1e-8 260.71071624 95.5939295 0c17.38071462 0 28.24366072 19.55330372 17.38071399 34.76142926L526.48392868 697.39600683c-6.5177679 10.86294671-26.07107163 10.86294671-34.76142863-2.1725891z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantou-right" unicode="&#60410;" d="M823.22341773 404.27749995L516.88832614 608.5008947599999c-15.20812491 8.69035701-34.76142863 0-34.76142926-17.38071463l0-95.5939295L221.41618063 495.52625063c-13.03553581 0-21.72589282-8.69035701-21.7258928-21.7258928l0-173.80714439c0-13.03553581 8.69035701-21.72589282 21.72589281-21.72589281l260.71071624-1e-8 0-95.5939295c0-17.38071462 19.55330372-28.24366072 34.76142926-17.38071399L825.39600683 369.51607132000004c10.86294671 6.5177679 10.86294671 26.07107163-2.1725891 34.76142863z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantou-left" unicode="&#60411;" d="M200.77658227 363.72250005L507.11167386 159.49910523999995c15.20812491-8.69035701 34.76142863 0 34.76142926 17.38071463l0 95.5939295L802.58381937 272.47374936999995c13.03553581 0 21.72589282 8.69035701 21.7258928 21.7258928l0 173.80714439c0 13.03553581-8.69035701 21.72589282-21.72589281 21.72589281l-260.71071624 1e-8 0 95.5939295c0 17.38071462-19.55330372 28.24366072-34.76142926 17.38071399L198.60399317 398.48392868c-10.86294671-6.5177679-10.86294671-26.07107163 2.1725891-34.76142863z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="shujuku" unicode="&#58945;" d="M1023.232 688.277333C1014.954667 805.312 793.685333 896 512 896S9.045333 805.312 0.789333 688.277333H0v-601.770666C0-33.706667 224.896-128 512-128c287.125333 0 512 94.293333 512 214.506667V688.277333h-0.768zM512 823.808c256.704 0 430.336-74.581333 436.885333-151.402667-6.464-76.992-180.181333-151.488-436.885333-151.488-256.725333 0-430.314667 74.453333-436.885333 151.402667C81.6 749.205333 255.274667 823.701333 512 823.701333v0.106667z m0-879.509333c-261.674667 0-437.525333 77.461333-437.525333 155.925333V255.573333C163.52 194.005333 324.181333 153.6 512 153.6c187.84 0 348.48 40.405333 437.525333 101.952v-155.349333c0-78.442667-175.850667-155.904-437.525333-155.904z m437.525333 448.96v-11.477334c0-78.4-175.850667-155.861333-437.525333-155.861333S74.474667 303.296 74.474667 381.696V550.613333C163.52 489.152 324.181333 448.661333 512 448.661333c187.84 0 348.48 40.426667 437.525333 101.952v-157.354666z"  horiz-adv-x="1024" />
 
     
diff --git a/nezha-fronted/src/assets/css/font/iconfont.ttf b/nezha-fronted/src/assets/css/font/iconfont.ttf
index 948b93d91..bc0ddab54 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.ttf and b/nezha-fronted/src/assets/css/font/iconfont.ttf differ
diff --git a/nezha-fronted/src/assets/css/font/iconfont.woff b/nezha-fronted/src/assets/css/font/iconfont.woff
index e76b045ed..cc7c4fe0b 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.woff and b/nezha-fronted/src/assets/css/font/iconfont.woff differ
diff --git a/nezha-fronted/src/assets/css/font/iconfont.woff2 b/nezha-fronted/src/assets/css/font/iconfont.woff2
index b9a6470fc..1b93dd445 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.woff2 and b/nezha-fronted/src/assets/css/font/iconfont.woff2 differ
diff --git a/nezha-fronted/src/assets/css/nzIcon.css b/nezha-fronted/src/assets/css/nzIcon.css
index 0a270760f..1ae5f6098 100644
--- a/nezha-fronted/src/assets/css/nzIcon.css
+++ b/nezha-fronted/src/assets/css/nzIcon.css
@@ -1,10 +1,10 @@
 @font-face {font-family: "nz-icon";
-  src: url('font/iconfont.eot?t=1598237129640'); /* IE9 */
-  src: url('font/iconfont.eot?t=1598237129640#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('font/iconfont.woff?t=1598237129640') format('woff'),
-  url('font/iconfont.ttf?t=1598237129640') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('font/iconfont.svg?t=1598237129640#nz-icon') format('svg'); /* iOS 4.1- */
+  src: url('font/iconfont.eot?t=1598259202295'); /* IE9 */
+  src: url('font/iconfont.eot?t=1598259202295#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('font/iconfont.woff?t=1598259202295') format('woff'),
+  url('font/iconfont.ttf?t=1598259202295') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('font/iconfont.svg?t=1598259202295#nz-icon') format('svg'); /* iOS 4.1- */
 }
 
 .nz-icon {
@@ -15,6 +15,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nz-icon-jiantou-down:before {
+  content: "\ebfc";
+}
+
+.nz-icon-jiantou-top:before {
+  content: "\e607";
+}
+
+.nz-icon-jiantou-right:before {
+  content: "\ebfa";
+}
+
+.nz-icon-jiantou-left:before {
+  content: "\ebfb";
+}
+
 .nz-icon-shujuku:before {
   content: "\e641";
 }
diff --git a/nezha-fronted/src/components/charts/a.png b/nezha-fronted/src/components/charts/a.png
deleted file mode 100644
index d6afeee61..000000000
Binary files a/nezha-fronted/src/components/charts/a.png and /dev/null differ
diff --git a/nezha-fronted/src/components/charts/a.svg b/nezha-fronted/src/components/charts/a.svg
deleted file mode 100644
index d3b3479ba..000000000
--- a/nezha-fronted/src/components/charts/a.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="8px" height="32px" viewBox="0 0 8 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
-    <title>矩形</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="画板" transform="translate(-114.000000, -46.000000)" fill="#2D88FA">
-            <path d="M114,46 L114,46 C118.418278,46 122,49.581722 122,54 L122,70 C122,74.418278 118.418278,78 114,78 L114,46 Z" id="矩形"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/nezha-fronted/src/components/charts/addLine.vue b/nezha-fronted/src/components/charts/addLine.vue
deleted file mode 100644
index 749d907f1..000000000
--- a/nezha-fronted/src/components/charts/addLine.vue
+++ /dev/null
@@ -1,302 +0,0 @@
-<template>
-  <div class="right-box right-box-edit-endpoint">
-    <!-- begin--顶部按钮-->
-    <div class="right-box-top-btns">
-      <button id="edit-ep-del" type="button" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light ">
-        <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
-        <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
-      </button>
-    </div>
-    <!-- end--顶部按钮-->
-
-    <!-- begin--标题-->
-    <div class="right-box-title">{{$t("project.endpoint.editEndpoint") + "  ID：" + lineData.id}}</div>
-    <!-- end--标题-->
-
-    <!-- begin--表单-->
-    <el-scrollbar class="right-box-form-box">
-      <el-form ref="form" :model="form" label-width="120px" :rules="rules">
-        <el-form-item label="Id">
-          <el-input v-model="form.lineId"></el-input>
-        </el-form-item>
-        <el-form-item label="箭头方向" prop="arrows">
-          <el-select v-model="form.arrows" placeholder="请选择活动区域">
-            <el-option label="from" value="from"></el-option>
-            <el-option label="to" value="to"></el-option>
-            <el-option label="from;to" value="from;to"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="color">
-          <el-color-picker
-            v-model="form.color"
-            :predefine="predefineColors">
-          </el-color-picker>
-        </el-form-item>
-        <el-form-item label="Label">
-          <el-input v-model="form.label"></el-input>
-        </el-form-item>
-      </el-form>
-    </el-scrollbar>
-
-    <!-- end--表单-->
-
-    <!--底部按钮-->
-    <div class="right-box-bottom-btns">
-      <button @click="esc" id="ep-edit-esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
-        <span>{{$t('overall.cancel')}}</span>
-      </button>
-      <button @click="onSubmit" id="ep-edit-save" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-min-width-100">
-        <span>{{$t('overall.save')}}</span>
-      </button>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name:"addLine",
-    props:{
-      lineData:{},
-    },
-    watch:{
-      lineData:{
-        handler(n){
-          this.form={
-            arrows:n.arrows,
-            label:n.label,
-            color:n.color,
-            lineId:n.id,
-          }
-        },
-        immediate: true,
-        deep: true,
-      }
-    },
-    data(){
-      return{
-        form:{
-          arrows:'',
-          label:'',
-          color:'#1e90ff',
-          lineId:'',
-        },
-        predefineColors: [
-          '#ff4500',
-          '#ff8c00',
-          '#ffd700',
-          '#90ee90',
-          '#00ced1',
-          '#1e90ff',
-          '#c71585',
-        ],
-        rules:{
-          arrows: [
-            { required: true, message: '请输入活动名称', trigger: 'change' },
-          ],
-        }
-      }
-    },
-    methods:{
-      onSubmit(){
-        let model=Object.assign({id:this.form.lineId},{...this.form},{color: {color:this.form.color,highlight:this.form.color,hover:this.form.color,opacity:1.0}});
-        this.$emit('addLine',model)
-      },
-      /*关闭弹框*/
-      esc(refresh) {
-        this.$emit("close", refresh);
-      },
-      clickOutside() {
-        this.esc(false);
-      },
-      del(){
-        this.$emit('del');
-        this.esc();
-      }
-    },
-
-  }
-</script>
-
-<style scoped>
-  .nz-btn-edit-ok{
-    position: absolute;
-    bottom: 0;
-    right:0;
-  }
-  .nz-btn-edit-esc{
-    position: absolute;
-    bottom: 0;
-    left:0;
-  }
-
-  /* begin--搜索框*/
-  .endpoint-asset-search {
-    display: inline-block;
-    position: relative;
-    margin-top: -16px;
-  }
-  .endpoint-asset-search button {
-    height: 22px !important;
-  }
-  .endpoint-asset-search-dropdown {
-    position: absolute;
-    top: 25px;
-    background-color: #444;
-    border-radius: 4px;
-    width: 44px;
-    left: 0;
-  }
-  .endpoint-asset-search-dropdown-item {
-    text-align: center;
-    line-height: 22px;
-    height: 22px;
-    cursor: default;
-    color: white;
-    font-size: 12px;
-  }
-  .endpoint-asset-label-txt {
-    display: inline-block;
-    width: 19px;
-    text-align: center;
-  }
-  .endpoint-asset-search-dropdown-item:first-of-type {
-    border-radius: 4px 4px 0 0;
-  }
-  .endpoint-asset-search-dropdown-item:last-of-type {
-    border-radius: 0 0 4px 4px;
-  }
-  .endpoint-asset-search-dropdown-item:hover {
-    background-color: #222;
-    color: #ff9900;
-  }
-  .endpoint-asset-search-input {
-    display: inline-block;
-    width: 150px;
-    vertical-align: top;
-  }
-  /* end--搜索框*/
-
-  /* begin--table*/
-  .endpoint-sub-table {
-    padding-top: 30px;
-    height: 440px;
-  }
-  .line-100 {
-    margin-bottom: 3px;
-  }
-  .endpoint-sub-table-head {
-    line-height: 28px;
-    height: 30px;
-  }
-  .endpoint-sub-table-row, .endpoint-sub-table-row-disabled {
-    line-height: 28px;
-    height: 30px;
-    color: #656565;
-  }
-  .endpoint-sub-table-row:hover {
-    background-color: #dadada;
-    cursor: default;
-  }
-  .endpoint-sub-table-row-active {
-    background-color: #dadada;
-  }
-  .endpoint-sub-table-row-selected {
-    background-color: #656565;
-    color: white;
-  }
-  .endpoint-sub-table-col {
-    display: inline-block;
-    width: calc(50% - 15px);
-    padding-left: 10px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-  .endpoint-sub-table-paginate-all {
-    position: absolute;
-    left: 10px;
-    bottom: 17px;
-    color: #5a5a5a;
-  }
-  .endpoint-sub-table-body {
-    font-size: 15px;
-    position: relative;
-    overflow: auto;
-    height: calc(100% - 34px);
-  }
-  .endpoint-sub-table-body-dialog {
-    width: 100%;
-    height: 100%;
-    background-color: #e9ebec;
-    position: absolute;
-    opacity: 0.2;
-  }
-  .endpoints-clear-btn {
-    margin: 6px 0 0 7px;
-  }
-  /* end--table*/
-</style>
-
-<style lang="scss">
-  .right-box-edit-endpoint .el-pagination__total {
-    float: left;
-  }
-  right-box-edit-endpoint .pagination {
-    padding-top: 12px;
-    text-align: center;
-  }
-
-  .endpoint-sub-table-paginate .el-pager li, .endpoint-sub-table-paginate .el-pagination .btn-next, .endpoint-sub-table-paginate .el-pagination .btn-prev {
-    font-size: 13px;
-    min-width: 20px !important;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    text-align: center;
-    border: 1px solid rgba(154,154,154,0.20);
-    border-radius: 2px;
-    border-radius: 2px;
-  }
-  .endpoint-sub-table-paginate  .el-pagination.is-background .el-pager li:not(.disabled).active {
-    color: white !important;
-  }
-  .endpoint-sub-table-paginate .el-pagination.is-background .el-pager li:not(.disabled):hover {
-    color: #666;
-  }
-  .right-box-edit-endpoint .el-pagination .el-pager li.btn-quicknext, .right-box-edit-endpoint .el-pager li.btn-quickprev {
-    line-height: 20px;
-  }
-  .right-box-edit-endpoint .el-pagination .el-pager .more::before {
-    line-height: 20px;
-  }
-  .right-box-edit-endpoint .el-pager li.number{
-    font-family: NotoSansSC-Regular;
-    color: #666666;
-    letter-spacing: 0;
-    font-weight:normal;
-  }
-  .right-box-edit-endpoint .el-pager li.number.active{
-    font-family: NotoSansSC-Regular;
-    color: #FFFFFF;
-    letter-spacing: 0;
-  }
-
-  .endpoint-sub-table-paginate .el-pagination.is-background .el-pager li:not(.disabled).active {
-    background-color: $global-text-color-active;
-    border-radius: 2px;
-    border-radius: 2px;
-  }
-  .right-box-edit-endpoint .el-pager li:hover, .right-box-edit-endpoint .el-pagination .btn-next:hover, .right-box-edit-endpoint .el-pagination .btn-prev:hover {
-    font-family: NotoSansSC-Regular;
-    color: #666666;
-    letter-spacing: 0;
-    font-weight:normal;
-  }
-  .right-box-edit-endpoint .el-pagination__sizes .el-input .el-input__inner, .right-box-edit-endpoint .el-pagination__editor.el-input .el-input__inner{
-    height: 20px;
-    border-color: rgba(154,154,154,0.20);
-  }
-  .right-box-edit-endpoint .el-pagination__sizes .el-input .el-input__inner:hover{
-    border-color: rgba(154,154,154,0.20);
-  }
-</style>
-
diff --git a/nezha-fronted/src/components/charts/addNode.vue b/nezha-fronted/src/components/charts/addNode.vue
deleted file mode 100644
index aaab2e100..000000000
--- a/nezha-fronted/src/components/charts/addNode.vue
+++ /dev/null
@@ -1,472 +0,0 @@
-<template>
-  <div class="right-box right-box-edit-endpoint" v-clickoutside="clickOutside">
-    <!-- begin--顶部按钮-->
-    <div class="right-box-top-btns">
-      <button id="edit-ep-del" type="button" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light ">
-        <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
-        <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
-      </button>
-    </div>
-    <!-- end--顶部按钮-->
-
-    <!-- begin--标题-->
-    <div class="right-box-title">{{$t("project.endpoint.editEndpoint") + "  ID：" + nodeData.id}}</div>
-    <!-- end--标题-->
-
-    <!-- begin--表单-->
-    <el-scrollbar class="right-box-form-box">
-      <el-form ref="form" :model="form" label-width="160px" :rules="rules">
-        <el-form-item label="Module Name" prop="modelId">
-          <el-select v-model="form.modelId" placeholder=""  popper-class="asset-dropdown">
-            <el-option
-              v-for="item in nodesArray"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id">
-            </el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="Label" prop="imgId">
-          <el-select v-model="form.imgId" placeholder=""  popper-class="asset-dropdown">
-            <el-option
-              v-for="item in iconArray"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id">
-              <span style="float: left">
-                <img :src="item.image" />
-              </span>
-              <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
-            </el-option>
-          </el-select>
-        </el-form-item>
-
-        <!--<el-form-item label="image">-->
-          <!--<el-input v-model="form.image"></el-input>-->
-        <!--</el-form-item>-->
-        <!--<div  class="right-box-sub-title">-->
-          <!--<span>{{$t('alert.config.expr')}}</span>-->
-          <!--<span class="float-right" @click="addExpression"><i style="font-size: 16px; cursor: pointer;" class="nz-icon nz-icon-create-square"></i></span>-->
-        <!--</div>-->
-        <!--<el-row class="element-item" style="" v-for="index of promqlKeys.length" :key="'ele' + index">-->
-          <!--<promql-input-->
-            <!--:ref="'promql-'+(index-1)"-->
-            <!--:id="promqlKeys[index-1]"-->
-            <!--:key="promqlKeys[index-1]"-->
-            <!--:expression-list="expressions"-->
-            <!--:index="index-1"-->
-            <!--:styleType="2"-->
-            <!--:plugins="['metric-selector', 'metric-input', 'remove']"-->
-            <!--@change="expressionChange"-->
-            <!--@removeExpression="removeExpression"-->
-          <!--&gt;</promql-input>-->
-          <!--<el-row>-->
-            <!--<template v-if="editChart.type != 'singleStat'">-->
-              <!--<el-col style="width: 120px; padding-right: 20px; text-align: right; color: #666">-->
-                <!--{{$t('dashboard.panel.chartForm.legend')}}&nbsp;-->
-                <!--<el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="hover">-->
-                  <!--<i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 12px; -webkit-transform:scale(0.75);display:inline-block;" @mouseover="rz"></i>-->
-                <!--</el-popover>-->
-              <!--</el-col>-->
-              <!--<el-col style="width: calc(100% - 120px);">-->
-                <!--<el-input v-model="legends[index-1]" type="text" size="small"></el-input>-->
-              <!--</el-col>-->
-            <!--</template>-->
-            <!--<template v-else>-->
-              <!--<el-col style="width: 120px; padding-right: 20px; text-align: right; color: #666">-->
-                <!--{{$t('dashboard.panel.chartForm.statistics')}}&nbsp;-->
-              <!--</el-col>-->
-              <!--<el-col style="width: calc(100% - 120px);">-->
-                <!--<el-select popper-class="chart-box-dropdown-mini" v-model="statistics" placeholder="" size="small">-->
-                  <!--<el-option v-for="item in statisticsList" :key="item.value" :label="item.label" :value="item.value">-->
-                    <!--<span class="panel-dropdown-label-txt" >{{item.label}}</span>-->
-                  <!--</el-option>-->
-                <!--</el-select>-->
-              <!--</el-col>-->
-            <!--</template>-->
-          <!--</el-row>-->
-        <!--</el-row>-->
-      </el-form>
-    </el-scrollbar>
-
-    <!-- end--表单-->
-
-    <!--底部按钮-->
-    <div class="right-box-bottom-btns">
-      <button @click="esc" id="ep-edit-esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
-        <span>{{$t('overall.cancel')}}</span>
-      </button>
-      <button @click="onSubmit" id="ep-edit-save" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-min-width-100">
-        <span>{{$t('overall.save')}}</span>
-      </button>
-    </div>
-  </div>
-</template>
-
-<script>
-  // import promqlInput from "@compotents/page/dashboard/explore/promqlInput";
-  import  a from './a.png'
-  import  b from './b.png'
-  import  c from './c.png'
-  import  d from './d.png'
-  import  e from './e.png'
-  import  f from './f.png'
-	export default {
-		name:"addNode",
-    components:{
-      // 'promql-input': promqlInput,
-    },
-    props:{
-      nodeData:{}
-    },
-    watch:{
-      nodeData:{
-        handler(n){
-         for(let key in this.form){
-           this.form[key]=n[key]
-         }
-         this.form.modelId=n.id;
-       },
-       immediate: true,
-       deep: true,
-      }
-    },
-    data(){
-		  return{
-        form:{
-          modelId:'',
-          imgId:'',
-        },
-        promqlKeys:[],
-        expressions: [],
-        rules:{
-          modelId:[
-            { required: true, message: '请选择module', trigger: 'blur' },
-          ],
-          imgId:[
-            { required: true, message: '请选择module', trigger: 'blur' },
-          ],
-        },
-        nodesArray:[
-          { id: 1, label: "model1",
-            image: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1906469856,4113625838&fm=26&gp=0.jpg',
-            shape:'image',shapeProperties:{useImageSize:false},
-            x:1,y:-63,
-          },
-          {id: 2, label: "model2", },
-          {id: 3, label: "model3",},
-          {id: 4, label: "model4", },
-          {id: 5, label: "model5",},
-          {id: 6, label: "model6",},
-          {id: 7, label: "model7",},
-
-          {id: 9, label: "model9", },
-          {id: 10, label: "model10", },
-          {id: 11, label: "model11",},
-          {id: 12, label: "model12",},
-          {id: 13, label: "model13",},
-          {id: 14, label: "model14",},
-        ],
-        iconArray:[
-          {id:1,image:a,label:'model1',},
-          {id:2,image:b,label:'model2',},
-          {id:3,image:c,label:'model3',},
-          {id:4,image:d,label:'model4',},
-          {id:5,image:e,label:'model5',},
-          {id:6,image:f,label:'model6',},
-          // {id:7,img:'./a.png',label:'model',},
-        ],
-      }
-    },
-    methods:{
-      onSubmit(){
-        this.$refs['form'].validate((valid) => {
-          if (valid) {
-            let module=this.nodesArray.find(item=>item.id===this.form.modelId);
-            let img=this.iconArray.find(item=>item.id===this.form.imgId);
-            let model=Object.assign({...this.form},{...module},{...img},{id:this.form.modelId,shape:'image',shapeProperties:{useImageSize:false}},);
-            this.$emit('addModel',model)
-          }
-        });
-
-      },
-      expressionChange: function () {
-
-      },
-      addExpression() {
-        this.expressions.push('');
-        this.legends.push('');
-        this.promqlKeys.push(getUUID());
-        this.elementIds.push("");
-        this.promqlCount++;
-      },
-      removeExpression(index) {
-        if (this.promqlCount > 1) {
-          this.expressions.splice(index, 1);
-          this.legends.splice(index, 1);
-          this.promqlKeys.splice(index, 1);
-          this.elementIds.splice(index, 1);
-          this.promqlCount--;
-          this.$nextTick(() => {
-            this.expressions.forEach((ex, index) => {
-              if (ex) {
-                this.$refs[`promql-${index}`][0].metricChange(ex);
-              }
-            });
-          });
-        }
-      },
-      /*关闭弹框*/
-      esc(refresh) {
-        this.$emit("close", refresh);
-      },
-      clickOutside() {
-        this.esc(false);
-      },
-      del(){
-        this.$emit('del');
-        this.esc();
-      }
-    },
-
-	}
-</script>
-
-<style scoped>
-  .nz-btn-edit-ok{
-    position: absolute;
-    bottom: 0;
-    right:0;
-  }
-  .nz-btn-edit-esc{
-    position: absolute;
-    bottom: 0;
-    left:0;
-  }
-
-  /* begin--搜索框*/
-  .endpoint-asset-search {
-    display: inline-block;
-    position: relative;
-    margin-top: -16px;
-  }
-  .endpoint-asset-search button {
-    height: 22px !important;
-  }
-  .endpoint-asset-search-dropdown {
-    position: absolute;
-    top: 25px;
-    background-color: #444;
-    border-radius: 4px;
-    width: 44px;
-    left: 0;
-  }
-  .endpoint-asset-search-dropdown-item {
-    text-align: center;
-    line-height: 22px;
-    height: 22px;
-    cursor: default;
-    color: white;
-    font-size: 12px;
-  }
-  .endpoint-asset-label-txt {
-    display: inline-block;
-    width: 19px;
-    text-align: center;
-  }
-  .endpoint-asset-search-dropdown-item:first-of-type {
-    border-radius: 4px 4px 0 0;
-  }
-  .endpoint-asset-search-dropdown-item:last-of-type {
-    border-radius: 0 0 4px 4px;
-  }
-  .endpoint-asset-search-dropdown-item:hover {
-    background-color: #222;
-    color: #ff9900;
-  }
-  .endpoint-asset-search-input {
-    display: inline-block;
-    width: 150px;
-    vertical-align: top;
-  }
-  /* end--搜索框*/
-
-  /* begin--table*/
-  .endpoint-sub-table {
-    padding-top: 30px;
-    height: 440px;
-  }
-  .line-100 {
-    margin-bottom: 3px;
-  }
-  .endpoint-sub-table-head {
-    line-height: 28px;
-    height: 30px;
-  }
-  .endpoint-sub-table-row, .endpoint-sub-table-row-disabled {
-    line-height: 28px;
-    height: 30px;
-    color: #656565;
-  }
-  .endpoint-sub-table-row:hover {
-    background-color: #dadada;
-    cursor: default;
-  }
-  .endpoint-sub-table-row-active {
-    background-color: #dadada;
-  }
-  .endpoint-sub-table-row-selected {
-    background-color: #656565;
-    color: white;
-  }
-  .endpoint-sub-table-col {
-    display: inline-block;
-    width: calc(50% - 15px);
-    padding-left: 10px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-  .endpoint-sub-table-paginate-all {
-    position: absolute;
-    left: 10px;
-    bottom: 17px;
-    color: #5a5a5a;
-  }
-  .endpoint-sub-table-body {
-    font-size: 15px;
-    position: relative;
-    overflow: auto;
-    height: calc(100% - 34px);
-  }
-  .endpoint-sub-table-body-dialog {
-    width: 100%;
-    height: 100%;
-    background-color: #e9ebec;
-    position: absolute;
-    opacity: 0.2;
-  }
-  .endpoints-clear-btn {
-    margin: 6px 0 0 7px;
-  }
-  /* end--table*/
-
-
-  .el-row {
-    margin-bottom: 20px;
-  }
-  .el-row:last-child  {
-    margin-bottom: 0;
-  }
-  .el-col {
-    border-radius: 4px;
-  }
-  .bg-purple {
-    background: white;
-  }
-  .grid-content {
-    border-radius: 4px;
-    min-height: 36px;
-  }
-
-  .common-float-left {
-    float: left;
-    display:inline-block;
-  }
-
-  .el-inner {
-    width: 200px;
-    border-top-width: 0px;
-    border-left-width: 0px;
-    border-right-width: 0px;
-    border-bottom-width: 10px;
-    border-color:red;
-    /*outline: medium;*/
-  }
-
-  .element-bottom-border {
-    padding-bottom: 5px;
-    border-bottom: 1px solid #dfe7f2;
-    margin-top: 15px;
-  }
-  /*metric样式--begin*/
-  .element-item {
-    padding: 20px 0;
-    border-bottom: 1px dashed #dfe7f2;
-    width: 100%;
-  }
-  /*metric样式--end*/
-  .label-center{
-    vertical-align: middle;
-    line-height: 34px;
-  }
-
-  .z-top {
-    z-index: 2900;
-  }
-
-</style>
-
-<style lang="scss">
-  .right-box-edit-endpoint .el-pagination__total {
-    float: left;
-  }
-  right-box-edit-endpoint .pagination {
-    padding-top: 12px;
-    text-align: center;
-  }
-
-  .endpoint-sub-table-paginate .el-pager li, .endpoint-sub-table-paginate .el-pagination .btn-next, .endpoint-sub-table-paginate .el-pagination .btn-prev {
-    font-size: 13px;
-    min-width: 20px !important;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    text-align: center;
-    border: 1px solid rgba(154,154,154,0.20);
-    border-radius: 2px;
-    border-radius: 2px;
-  }
-  .endpoint-sub-table-paginate  .el-pagination.is-background .el-pager li:not(.disabled).active {
-    color: white !important;
-  }
-  .endpoint-sub-table-paginate .el-pagination.is-background .el-pager li:not(.disabled):hover {
-    color: #666;
-  }
-  .right-box-edit-endpoint .el-pagination .el-pager li.btn-quicknext, .right-box-edit-endpoint .el-pager li.btn-quickprev {
-    line-height: 20px;
-  }
-  .right-box-edit-endpoint .el-pagination .el-pager .more::before {
-    line-height: 20px;
-  }
-  .right-box-edit-endpoint .el-pager li.number{
-    font-family: NotoSansSC-Regular;
-    color: #666666;
-    letter-spacing: 0;
-    font-weight:normal;
-  }
-  .right-box-edit-endpoint .el-pager li.number.active{
-    font-family: NotoSansSC-Regular;
-    color: #FFFFFF;
-    letter-spacing: 0;
-  }
-
-  .endpoint-sub-table-paginate .el-pagination.is-background .el-pager li:not(.disabled).active {
-    background-color: $global-text-color-active;
-    border-radius: 2px;
-    border-radius: 2px;
-  }
-  .right-box-edit-endpoint .el-pager li:hover, .right-box-edit-endpoint .el-pagination .btn-next:hover, .right-box-edit-endpoint .el-pagination .btn-prev:hover {
-    font-family: NotoSansSC-Regular;
-    color: #666666;
-    letter-spacing: 0;
-    font-weight:normal;
-  }
-  .right-box-edit-endpoint .el-pagination__sizes .el-input .el-input__inner, .right-box-edit-endpoint .el-pagination__editor.el-input .el-input__inner{
-    height: 20px;
-    border-color: rgba(154,154,154,0.20);
-  }
-  .right-box-edit-endpoint .el-pagination__sizes .el-input .el-input__inner:hover{
-    border-color: rgba(154,154,154,0.20);
-  }
-</style>
diff --git a/nezha-fronted/src/components/charts/b.png b/nezha-fronted/src/components/charts/b.png
deleted file mode 100644
index df64d235f..000000000
Binary files a/nezha-fronted/src/components/charts/b.png and /dev/null differ
diff --git a/nezha-fronted/src/components/charts/c.png b/nezha-fronted/src/components/charts/c.png
deleted file mode 100644
index 45912e1d3..000000000
Binary files a/nezha-fronted/src/components/charts/c.png and /dev/null differ
diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue
index 948a2375a..6dc477112 100644
--- a/nezha-fronted/src/components/charts/chart-list.vue
+++ b/nezha-fronted/src/components/charts/chart-list.vue
@@ -122,20 +122,20 @@
                           @on-drag-chart="editChartForDrag"
                           @on-edit-chart-block="editData"
         ></chart-alert-list>
-        <vis-network
-          v-if="item.type === 'topology'"
-          @on-refresh-data="refreshChart"
-          @on-search-data="searchData"
-          @on-remove-chart-block="removeChart"
-          @on-duplicate-chart-block="duplicateChart"
-          @on-drag-chart="editChartForDrag"
-          @on-edit-chart-block="editData"
-          :panel-id="filter.panelId"
-          :chart-data="item"
-          :chart-index="index"
-        >
+        <!--<vis-network-->
+          <!--v-if="item.type === 'topology'"-->
+          <!--@on-refresh-data="refreshChart"-->
+          <!--@on-search-data="searchData"-->
+          <!--@on-remove-chart-block="removeChart"-->
+          <!--@on-duplicate-chart-block="duplicateChart"-->
+          <!--@on-drag-chart="editChartForDrag"-->
+          <!--@on-edit-chart-block="editData"-->
+          <!--:panel-id="filter.panelId"-->
+          <!--:chart-data="item"-->
+          <!--:chart-index="index"-->
+        <!--&gt;-->
 
-        </vis-network>
+        <!--</vis-network>-->
       </div>
    </draggable>
     <el-row v-if="dataList.length === 0"  class="noData"></el-row>
diff --git a/nezha-fronted/src/components/charts/d.png b/nezha-fronted/src/components/charts/d.png
deleted file mode 100644
index 6f0354497..000000000
Binary files a/nezha-fronted/src/components/charts/d.png and /dev/null differ
diff --git a/nezha-fronted/src/components/charts/e.png b/nezha-fronted/src/components/charts/e.png
deleted file mode 100644
index 3019f7707..000000000
Binary files a/nezha-fronted/src/components/charts/e.png and /dev/null differ
diff --git a/nezha-fronted/src/components/charts/f.png b/nezha-fronted/src/components/charts/f.png
deleted file mode 100644
index b1c49b15a..000000000
Binary files a/nezha-fronted/src/components/charts/f.png and /dev/null differ
diff --git a/nezha-fronted/src/components/charts/topology.vue b/nezha-fronted/src/components/charts/topology.vue
deleted file mode 100644
index f246b11b5..000000000
--- a/nezha-fronted/src/components/charts/topology.vue
+++ /dev/null
@@ -1,669 +0,0 @@
-<template>
-  <div class="content">
-    <div class="editTopology">
-      <span v-show="!selectNodeTitle" class="editTopologyModule">
-        Module element :
-        <span class="editTopologyAdd" @click="addModelShow">Add</span>
-        <span class="editTopologyRemove" @click="nodeDel">Remove</span>
-      </span>
-      <span v-show="!selectNodeTitle" class="editTopologyLine">
-        Line :
-        <span class="editTopologyAdd" @click="addLineTitleShow">Add</span>
-        <span class="editTopologyRemove" @click="lineDel">Remove</span>
-      </span>
-      <span class="editTopologyLineCancel" v-show="selectNodeTitle">Please select two nodes  <span class="editTopologyCancel" @click="closeAddLine">Cancel</span></span>
-    </div>
-    <div class="network"  v-clickoutside="networkPopClose">
-        <!--图拓扑图-->
-        <div id="network_id" ref="visNetwork" :class="{'cursorMove': cursorMove}"></div>
-        <!--拓扑图工具-->
-        <div
-          id="networkPop"
-          class="networkPop"
-          :style="{transform:'scale('+zoom+')'}"
-          v-show="networkPopShow"
-        >
-          <i class="nz-icon nz-icon-hexagonBorder"  v-for="item in popData"  :style="{top:item.top,left:item.left}" @click="popClick(item.id)">
-            <i class="nz-icon nz-icon-liubianxing"></i>
-            <i :class="[item.className,{'nz-icon':item.className},'noMove']"></i>
-          </i>
-          <!--<i class="nz-icon nz-icon-delete" @click="nodeDel"></i>-->
-        </div>
-        <!--拓扑图选中-->
-        <div class="selNode" id="nodeArr1" v-show="NodeArr[0]&&NodeArrShow" :style="{transform:'scale('+zoom+')'}">
-          <div class="selNodeTop"></div>
-          <div class="selNodeRight"></div>
-          <div class="selNodeBottom"></div>
-          <div class="selNodeLeft"></div>
-        </div>
-        <div class="selNode" id="nodeArr2" v-show="NodeArr[1]&&NodeArrShow" :style="{transform:'scale('+zoom+')'}">
-          <div class="selNodeTop"></div>
-          <div class="selNodeRight"></div>
-          <div class="selNodeBottom"></div>
-          <div class="selNodeLeft"></div>
-        </div>
-        <!--图谱图右侧-->
-        <!--<div class="networkContent">33333</div>-->
-        <!--model上的图标-->
-        <i class="nz-icon nz-icon-shuidi"
-           v-show="item.show"
-           v-for="(item,index) in modelTop"
-           :style="{top:(item.y- 80 + 5*(10-zoom*10))+'px',left:(item.x-26)+'px',transform:'scale('+zoom+')'}"
-           :ref="'modelTopId'+index"
-           @mousedown="modelTopMouseDown(item,index)"
-           @mouseup="modelTopMouseUp(item,index)"
-        >
-          <i class="nz-icon nz-icon-model"></i>
-        </i>
-    </div>
-    <transition name="right-box">
-      <add-model  v-if="addNodeShow" @addModel="addModel" :nodeData="nodeData" @close="addNodeShow=false" @del="nodeDel" :isAdd="isNodeAdd"></add-model>
-    </transition>
-    <transition name="right-box">
-      <add-line  v-if="addLineShow" @addLine="addLine" @lineDel="lineDel" :selectNode="NodeArr" :lineData="lineData" :isAdd="isLineAdd" @close="closeAddLine" @del="lineDel"></add-line>
-    </transition>
-  </div>
-</template>
-
-<script>
-  import  png from './a.png'
-  import Vis from 'vis'
-  import addNode from './addNode'
-  import addLine from './addLine'
-	export default {
-		name:"topology",
-    components: {
-      'add-model':addNode,
-      'add-line':addLine,
-    },
-    props:{
-      nodesArray:{
-        type:Array
-      },
-      edgesArray:{
-        type:Array
-      },
-      isFullScreen:{
-        type:Boolean,
-      },
-    },
-    watch:{
-      NodeArr(n){
-        if(n.length==2){
-          this.lineData={
-            arrows:'',
-            label:'',
-            color:'#1e90ff',
-            lineId:'',
-            id:'',
-          }
-          this.addLineShow=true;
-          this.selectNodeTitle=false;
-          this.isLineAdd=true;
-        }
-       this.selNodeArrUpdate()
-      }
-    },
-    data(){
-		  return {
-        zoom:1,
-        domScale:1,
-        selectNodeTitle:false,
-        // 拓扑图工具
-        networkPopTop:0,
-        networkPopLeft:0,
-        networkPopShow:false,
-        addNodeShow:false,
-        addLineShow:false,
-        NodeArrShow:false,
-        cursorMove:false,
-        NodeArr:[],
-        selNodeId:'',
-        lineData:{
-          arrows:'',
-          label:'',
-          color:'#1e90ff',
-          lineId:'',
-          id:'',
-        },
-        isLineAdd:true,
-        isNodeAdd:true,
-        nodeData:{
-          modelId:'',
-          label:'',
-          x:'',
-          y:'',
-          image:'',
-        },
-        popData:[
-          {top:'-20px', left:'-17px',className:'nz-icon-edit',id:'edit'},
-          {top:'-20px', left:'28px',className:'nz-icon-chart',id:'2'},
-          {top:'18px',  left:'52px',className:'nz-icon-chart',id:'3'},
-          {top:'56px', left:'28px',className:'',id:'4'},
-          {top:'56px', left:'-17px',className:'nz-icon-chart',id:'5'},
-          {top:'18px', left:'-38px',className:'nz-icon-chart',id:'6'},
-        ],
-        modelTop:[],
-        //viewsCenter
-        viewsCenter:{
-          x:0,y:0
-        },
-        // 拓扑图数据
-        nodes:[],
-        edges:[],
-        // network:null,
-        container:null,
-        options:{},
-        data:{}
-      }
-    },
-    methods:{
-      //拓扑图方法
-      init(type){
-        let this_ = this;
-        this_.nodes = new Vis.DataSet(this_.nodesArray);
-        this_.edges = new Vis.DataSet(this_.edgesArray);
-        this_.container = this.$refs.visNetwork;
-        this_.networkPop = document.getElementById('networkPop');
-        this_.data = {
-          nodes: this_.nodes,
-          edges: this_.edges
-        };
-        this_.options = {
-          autoResize: true,
-          clickToUse:true,
-          groups:{
-            useDefaultGroups: true,
-            myGroupId:{
-              /*node options*/
-            }
-          },
-          nodes: {
-            shape: 'dot',
-            size: 40,
-            borderWidth: 2,
-            font:{
-              size:20,
-            },
-          },
-
-          edges: {
-            width: 2,
-            smooth:{  //设置两个节点之前的连线的状态
-              enabled: true,//默认是true，设置为false之后，两个节点之前的连线始终为直线，不会出现贝塞尔曲线
-              roundness:0.5,
-              type: "curvedCW",
-            },
-            selfReferenceSize:40,
-          },
-          layout:{
-            randomSeed: 666,
-          },
-          physics: { //计算节点之前斥力，进行自动排列的属性
-            enabled: false, //默认是true，设置为false后，节点将不会自动改变，拖动谁谁动。不影响其他的节点
-            barnesHut: {
-              gravitationalConstant: -4000,
-              centralGravity: 0.3,
-              springLength: 120,
-              springConstant: 0.04,
-              damping: 0.09,
-              avoidOverlap: 0
-            }
-          },
-
-          interaction:{
-            dragNodes: true, //是否能拖动节点
-            dragView: true, //是否能拖动画布
-            hover: true, //鼠标移过后加粗该节点和连接线
-            multiselect: false, //按 ctrl 多选
-            selectable: true, //是否可以点击选择
-            selectConnectedEdges: false, //选择节点后是否显示连接线
-            hoverConnectedEdges: true, //鼠标滑动节点后是否显示连接线
-            zoomView: true, //是否能缩放画布
-            navigationButtons:true,
-          },
-
-          manipulation: {  //该属性表示可以编辑，出现编辑操作按钮
-            enabled: false,
-          },
-        };
-        this_.network = new Vis.Network(this_.container, this_.data, this_.options);
-        this_.network.moveTo({
-          position: this_.viewsCenter,
-          scale: this_.isFullScreen?1.5:1,
-          offset: {x:0, y:0},
-        });
-        if(this_.isFullScreen) {
-          console.log(this_.viewsCenter)
-        }
-        this_.containerCanvas=document.querySelectorAll("#network_id canvas")[0];
-        this_.modelTopUpdate();
-        this_.zoom=this_.network.canvasToDOM({x:0,y:1}).y-this_.network.canvasToDOM({x:0,y:0}).y;
-        console.log(this_.zoom);
-      },
-      resetAllNodes() {
-        this.setNetworkData(this.nodesArray,this.edgesArray);
-      },
-      resetAllNodesStabilize() {
-        let this_ = this;
-        this_.resetAllNodes();
-        this_.network.stabilize();
-      },
-      setNetworkData(nodes,edges){//动态设置拓扑图数据
-        let this_ = this;
-        this.nodes = new Vis.DataSet(nodes);
-        this.edges = new Vis.DataSet(edges);
-        this.network.setData({
-          nodes:this_.nodes,
-          edges: this_.edges
-        });
-        this_.network.moveTo({
-          position: this_.viewsCenter,
-          scale: this_.isFullScreen?1.5:1,
-          offset: {x:0, y:0},
-        });
-        console.log( this.nodes,this.edges);
-        if(this_.isFullScreen) {
-          console.log(this_.viewsCenter)
-        }
-        this.$nextTick(()=>{
-          this_.modelTopUpdate();
-        })
-      },
-      addModel(model){ // 添加model
-        this.addNodeShow=false;
-        if(!model){return}
-        let nodesArray=[...this.nodesArray];
-        if(!this.isNodeAdd){
-          model={...nodesArray.find(item=>item.id===model.id),...model};
-          nodesArray=nodesArray.filter(item=>item.id!==model.id);
-        }else{
-          model={...model,...this.network.DOMtoCanvas({x:40,y:40})};
-        }
-        nodesArray.push(model);
-        this.$emit("setTopologyData",nodesArray,this.edgesArray);
-        this.setNetworkData(nodesArray,this.edgesArray);
-      },
-      addModelShow(){ // 显示添加节点弹窗
-        this.addNodeShow=true;
-        this.isNodeAdd=true;
-        this.nodeData={
-          modelId:'',
-          label:'',
-          x:'',
-          y:'',
-          image:'',
-        }
-      },
-      addLine(edges){ // 添加或者編輯line
-        this.addLineShow=false;
-        console.log(edges);
-        if(!edges){return}
-        let edgesArray =[...this.edgesArray];
-       if(!this.isLineAdd){
-         console.log(edgesArray.find(item=>item.id ===edges.id));
-         edges={...edgesArray.find(item=>item.id===edges.id),...edges};
-         edgesArray=edgesArray.filter(item=>item.id!==edges.id);
-       }else{
-         edges.from=this.NodeArr[0];
-         edges.to=this.NodeArr[1];
-         edges.dashes=[15,15];
-       }
-       edgesArray.push(edges);
-       console.log(edgesArray,edges);
-        this.$emit("setTopologyData",this.nodesArray,edgesArray);
-        this.setNetworkData(this.nodesArray,edgesArray);
-        this.NodeArr=[];
-        this.NodeArrShow=false;
-      },
-      addLineTitleShow(){ // 显示添加线弹窗
-        // this.addLineShow=true;
-        this.selectNodeTitle=true;
-        this.NodeArrShow=true;
-      },
-      closeAddLine(){
-        this.selectNodeTitle=false;
-        this.addLineShow=false;
-        this.NodeArr=[];
-        this.NodeArrShow=false;
-        this.network.unselectAll();
-      },
-      setNodePosition(selId){ // 移动节点后 设置节点坐标
-        let position = this.network.getPositions([selId]);
-        let selItem = this.nodesArray.find((item)=>item.id===selId);
-        this.nodeData = selItem;
-        selItem.x=position[selId].x;
-        selItem.y=position[selId].y;
-        console.log(this.nodesArray);
-        this.$emit("setTopologyData",this.nodesArray,this.edgesArray);
-      },
-      setPopPosition(selId,params){//设置节点工具栏位置
-        console.log(selId);
-        if(!selId){return}
-        let position=this.network.canvasToDOM(this.network.getPositions([selId])[selId]);
-        this.networkPop.style.top = position.y - 85 + 7*(10-this.zoom*10)+'px';
-        this.networkPop.style.left = position.x - 32*this.zoom - 5*(1-this.zoom*1) +'px';
-        if(!this.isFullScreen&&this.NodeArr.length==0){
-          this.networkPopShow=true;
-        }
-        this.NodeArr=[...this.NodeArr]
-      },
-      networkPopClose(){//关闭节点工具栏
-        this.networkPopShow=false;
-        this.selNodeId=''
-        this.network.unselectAll();
-      },
-      //工具栏
-      nodeDel(){
-        let nodesArray=this.nodesArray.filter((item)=>item.id!==this.selNodeId);
-        let edgesArray=this.edgesArray.filter((item)=>item.from!==this.selNodeId || this.to!==this.selNodeId);
-        this.$emit('setTopologyData',nodesArray, edgesArray);
-        this.setNetworkData(nodesArray, edgesArray);
-        this.networkPopClose();
-      },
-      nodeEdit(){
-        this.addNodeShow=true;
-        this.isNodeAdd=false;
-      },
-      lineDel(){
-        if(!this.lineData.id){return}
-        let edgesArray=this.edgesArray.filter((item)=>item.id!==this.lineData.id);
-        this.$emit('setTopologyData',this.nodesArray, edgesArray);
-        this.setNetworkData(this.nodesArray,edgesArray);
-      },
-
-      // 工具的点击 对应的操作
-      popClick(id){
-        if(id=='edit'){
-          this.nodeEdit()
-        }
-
-      },
-      modelTopUpdate(){//model上的图标 实时更新
-        this.modelTop=[];
-        this.nodesArray.forEach((item)=>{
-          let position=this.network.canvasToDOM({x:item.x,y:item.y});
-          if(item.id===1){console.log(position)};
-          this.modelTop.push({
-            show:true,
-            x:position.x,
-            y:position.y,
-            id:item.id,
-          })
-        })
-      },
-      selNodeArrUpdate(){// 选中狂位置更新
-        this.NodeArr.forEach((id,index)=>{
-          let selNode = this.nodesArray.find(item=>item.id===id);
-          let position=this.network.canvasToDOM({x:selNode.x,y:selNode.y});
-          document.getElementById('nodeArr'+(index+1)).style.top=position.y+'px';
-          document.getElementById('nodeArr'+(index+1)).style.left=position.x+'px';
-        })
-      },
-      modelTopMouseDown(item,index){
-        console.log(this.$refs['modelTopId'+index]);
-       this.$refs['modelTopId'+index][0].addEventListener('mousemove',this.modelTopMouseMove)
-      },
-      modelTopMouseUp(item,index){
-        console.log(this.$refs['modelTopId'+index]);
-        this.$refs['modelTopId'+index][0].removeEventListener('mousemove',this.modelTopMouseMove);
-      },
-      modelTopMouseMove(e){
-        console.log(e)
-      }
-    },
-    mounted(){
-       setTimeout(()=>{
-         let this_=this;
-         this.init('modal');
-         this.network.on("click", function (params) {
-           let selId=params.nodes[0];
-           this_.networkPopClose();
-           if(selId){
-             this_.selNodeId=selId;
-             this_.cursorMove=true;
-             this_.nodeData=this_.nodesArray.find((item)=>item.id==selId);
-             console.log(this_.NodeArr.indexOf(selId));
-             if(this_.NodeArr.indexOf(selId)!==-1){
-                let index = this_.NodeArr.indexOf(selId);
-                this_.NodeArr=this_.NodeArr.filter((item,i)=> i != index);
-                return
-             }
-             if(this_.selectNodeTitle){
-               this_.NodeArr.push(selId);
-               this_.network.selectNodes(this_.NodeArr,true);
-               return
-             }
-             this_.setPopPosition(selId,params);
-           }
-         });
-
-         this.network.on("selectEdge", function (params) { // 选择边
-           this_.lineData=this_.edgesArray.find((item)=>item.id===params.edges[0]);
-           this_.lineData.color=this_.lineData.color.color;
-           this_.addLineShow=true;
-           this_.isLineAdd=false;
-           console.log(this_.lineData)
-         });
-
-         this.network.on("dragStart", function (params) {//节点移动开始
-           this_.networkPopShow=false;
-           this_.NodeArrShow=false;
-           let selId=params.nodes[0];
-           if(selId){
-             this_.modelTop.find(item=>item.id===selId).show=false;
-           }
-           if(!selId){
-             this_.modelTop.forEach(item=>{
-               item.show=false;
-             })
-           }
-         });
-
-         this.network.on("dragging", function (params,event) {//节点移动中
-
-         });
-
-         this.network.on("dragEnd", function (params) {//节点移动结束
-           this_.viewsCenter=this_.network.getViewPosition();
-           let selId=params.nodes[0];
-           if(selId){
-             this_.setPopPosition(selId,params);
-             this_.setNodePosition(selId)
-           }
-           if(this_.NodeArr.length>0){
-             this_.NodeArrShow=true;
-           }
-           this_.modelTopUpdate();
-           this_.selNodeArrUpdate();
-         });
-
-         this.network.on("hoverNode", function (params) {//hoverNode
-           this_.cursorMove=true;
-         });
-
-         this.network.on("blurNode", function (params) {//blurNode
-           this_.cursorMove=false;
-         });
-
-         this.network.on("zoom", function (params) {//检测缩放
-           // this_.zoom=Math.round(params.scale*100)/100-0.1;
-           this_.zoom=params.scale;
-           // console.log(this_.nodesArray);
-           // console.log(this_.network.getPositions());
-           this_.modelTopUpdate();
-           this_.selNodeArrUpdate();
-           this_.setPopPosition(this_.selNodeId);
-           console.log(this_.zoom);
-           return false
-         });
-       })
-    }
-	}
-</script>
-
-<style scoped>
-  .content{
-    height: 100%;
-  }
-  .editTopology{
-    width: 100%;
-    height: 28px;
-  }
-  .network{
-    display: flex;
-    height: calc(100% - 30px);
-    position: relative;
-    overflow: hidden;
-  }
-  .networkPop{
-    position: absolute;
-    z-index: 10;
-    /*border: 1px solid #e6e6e6;*/
-    border-radius: 5px;
-    height: 32px;
-    /*background: #fff;*/
-    padding: 0 3px;
-    line-height: 32px;
-  }
-  .networkPop .nz-icon-hexagonBorder{
-    position: absolute;
-    font-size: 48px;
-    color: #84d5c2;
-  }
-  .networkPop  .nz-icon-liubianxing{
-    color:#e2f3ef;
-    font-size: 44px;
-    position: absolute;
-    top: 0;
-    left: 2px;
-  }
-  .nz-icon.noMove{
-    position: absolute;
-    top: 0px;
-    left: 14px;
-    font-size: 20px;
-    color: #27c09c;
-  }
-  .networkPop .nz-icon-hexagonBorder:hover{
-    transform: scale(1.2);
-  }
-  .networkPop .nz-icon-hexagonBorder:hover .nz-icon-liubianxing{
-    transform: scale(1.1);
-    left: 4px;
-    font-size: 41px;
-  }
-  .networkPop .nz-icon-hexagonBorder:hover .noMove{
-    transform: scale(1.1);
-  }
-  .btmTriangle{
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-width: 10px;
-    border-style: solid;
-    border-color:#e6e6e6 transparent transparent transparent;
-    bottom: -20px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-  .btmTriangle:after{
-    content: '';
-    display:block;
-    width:0;
-    height:0;
-    border-width: 10px;
-    border-style:solid;
-    border-color:#fff transparent  transparent transparent;
-    position:absolute;
-    bottom: -7px;
-    left: -9px;
-  }
-  #network_id{
-    width: 90%;
-    height: 100%;
-  }
-  .cursorMove{
-    cursor: move;
-  }
-  #network_id2{
-    height: 100%;
-  }
-  .networkContent{
-    width: 40%;
-  }
-  .nz-icon-delete{
-    cursor: pointer;
-    color: #ee6723;
-    margin-left: 10px;
-  }
-  .nz-icon-edit{
-    font-size: 14px;
-    cursor: pointer;
-  }
-  .editTopology{
-    color: #1a1a1a;
-    font-size: 18px;
-    font-weight: bold;
-  }
-  .editTopologyModule,.editTopologyLineCancel{
-    margin-left: 30px;
-  }
-  .editTopologyLine{
-    margin-left: 130px;
-  }
-  .editTopologyAdd,.editTopologyRemove,.editTopologyCancel{
-    color: #1989fa;
-    margin-left: 30px;
-    cursor: pointer;
-  }
-  .selNode{
-    position: absolute;
-    width: 0;
-    height: 0;
-  }
-  .selNodeTop {
-    width: 120px;
-    height: 0;
-    border-top: 4px dashed yellow;
-    position: absolute;
-    left: -60px;
-    top: -60px;
-  }
-  .selNodeRight {
-    width: 0px;
-    height: 120px;
-    border-right: 4px dashed yellow;
-    position: absolute;
-    left: 60px;
-    top: -60px;
-  }
-  .selNodeBottom {
-    width: 120px;
-    height: 0;
-    border-bottom: 4px dashed yellow;
-    position: absolute;
-    left: -60px;
-    top: 60px;
-  }
-  .selNodeLeft {
-    width: 0px;
-    height: 120px;
-    border-left: 4px dashed yellow;
-    position: absolute;
-    left: -60px;
-    top: -60px;
-  }
-  .nz-icon-shuidi{
-    position: absolute;
-    font-size: 48px;
-    color: rgba(132,213,194,0.5);
-  }
-  .nz-icon-model{
-    color: #23BF9A;
-    position: absolute;
-    top: 14px;
-    left: 15px;
-    font-size: 18px;
-  }
-</style>
diff --git a/nezha-fronted/src/components/charts/visNetwork.vue b/nezha-fronted/src/components/charts/visNetwork.vue
deleted file mode 100644
index feb451a8b..000000000
--- a/nezha-fronted/src/components/charts/visNetwork.vue
+++ /dev/null
@@ -1,442 +0,0 @@
-<template>
-    <div class="nz-chart-resize">
-    <div class="resize-shadow" ref="resizeShadow"></div>
-    <div class="resize-box resize-box-table" ref="resizeBox">
-      <div class="vis-network" :id="'chartTableDiv'+chartIndex" @mouseenter="caretShow=true" @mouseleave="caretShow=false">
-        <loading :ref="'localLoading'+chartIndex"></loading>
-        <div class="clearfix chartTitle text-right" :class="{'dragTitle':dragTitleShow}" :id="'chartTitle'+chartIndex">
-          <el-popover
-            v-if="isError"
-            :close-delay=10
-            placement="top-start"
-            trigger="hover"
-            popper-class="chart-error-popper">
-            <div >{{errorContent}}</div>
-            <span slot="reference" style="" class="panel-info-corner panel-info-corner--error">
-                <i class="nz-icon nz-icon-warning fa"></i>
-                <span class="panel-info-corner-inner"></span>
-            </span>
-          </el-popover>
-          <el-dropdown trigger="click" class="nz-chart-top" :key="'chartDropdown'+chartIndex"  v-clickoutside="clickos">
-            <el-dropdown-menu style="display: none"></el-dropdown-menu>
-            <span class="el-dropdown-link chart-title" @click="dropdownMenuShow=!dropdownMenuShow">
-              <span></span>
-              <span>
-                <span class="chart-title-text">{{chartData.title}}</span>
-                <span class="chart-title-icon"><i class="el-icon-caret-bottom el-icon--right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>
-              </span>
-              <span>
-                <i class="nz-icon nz-icon-edit float-right"></i>
-                <i class="nz-icon nz-icon-zoomin float-right"></i>
-                <i class="nz-icon nz-icon-exit-full-screen float-right"></i>
-              </span>
-            </span>
-            <ul slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="position: absolute; top: 30px; left: calc(50% - 79px); transform-origin: center top; z-index: 1000;" >
-              <li  @click="refreshChart"  class="el-dropdown-menu__item">
-                <i class="global-active-color el-icon-refresh-right" style="font-size: 16px;"></i><span>{{$t('dashboard.refresh')}}</span></li>
-              <li  @click="editChart"  class="el-dropdown-menu__item">
-                <i class="nz-icon nz-icon-edit" style="font-size: 14px; margin-right: 11px; margin-left: 1px;"></i>{{$t('dashboard.edit')}}</li>
-              <li  @click="removeChart"  class="el-dropdown-menu__item">
-                <i class="el-icon-delete" style="font-size: 16px;"></i>{{$t('dashboard.delete')}}</li>
-              <li  @click="showAllScreen"  class="el-dropdown-menu__item">
-                <i class="el-icon-full-screen" style="font-size: 16px;"></i>{{$t('dashboard.screen')}}</li>
-              <li  @click="duplicate"  class="el-dropdown-menu__item">
-                <i class="el-icon-copy-document" style="font-size: 16px;"></i>{{$t('dashboard.duplicate')}}</li>
-            </ul>
-          </el-dropdown>
-        </div>
-        <div class="mt-10 table-container">
-          <topology :nodesArray="nodesArray" :edgesArray="edgesArray" @setTopologyData="setTopologyData" :isFullScreen="false" ref="topology"></topology>
-        </div>
-        <!--全屏-->
-        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"  :visible.sync="screenModal" width="96%"  @close="exitFull">
-          <div slot="title">
-            <!--<span class="nz-dialog-title">{{data.title}}</span>-->
-            <div class="float-right panel-calendar dialog-tool">
-              <time-picker ref="calendarPanel" class="nz-dashboard-picker" style="margin-top: -12px;" @change="dateChange"></time-picker>
-            </div>
-          </div>
-          <topology :nodesArray="nodesArray" :edgesArray="edgesArray" @setTopologyData="setTopologyData" :isFullScreen="true" ref="topologyFull"></topology>
-          <loading  :ref="'localLoadingScreen'+chartIndex"></loading>
-        </el-dialog>
-        <span class="vue-resizable-handle" @mousedown="startResize"></span>
-      </div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-  import  a from './a.png'
-  import  b from './b.png'
-  import  c from './c.png'
-  import  d from './d.png'
-  import  e from './e.png'
-  import  f from './f.png'
-  import bus from '../../libs/bus';
-  import {Loading} from 'element-ui';
-  import chartDataFormat from './chartDataFormat'
-  import loading from "../common/loading";
-  import timePicker from '../common/timePicker';
-  import topology from './topology'
-  export default {
-    name: 'visNetwork',
-    components: {
-      'loading': loading,
-      'time-picker':timePicker,
-      'topology':topology,
-    },
-    props:{
-      chartIndex:{
-        type: Number,
-        default: 0,
-      },
-      chartData: {
-        type: Object
-      },
-    },
-    data () {
-      return {
-        //其他
-        tableHeight: 0,
-        data: {}, // 该图表信息,chartItem
-        unit:{},
-        isError:false,
-        errorContent:'',
-        pageSizes:[50,100,200],
-        pageObj: {
-          pageNo: 1,
-          pageSize: 50,
-          total: 0
-        },
-        screenPageObj:{
-          pageNo: 1,
-          pageSize: 50,
-          total: 0
-        },
-        storedTableData:[],
-        storedScreanTableData:[],
-        seriesItem: [], // 保存信息
-        seriesItemScreen:[],//全屏数据
-        images: '',
-        loading:Object,
-        items: {
-          metric_name: [], // 每条数据列名称
-          xAxis: [],
-          theData: [], // series数据组
-        },
-        panelIdInner: '', // 看板id=panelId,原写作chart,由set_data获取
-        firstLoad: true, // 是否第一次加载
-        chartType: 'table', // 图表类型
-        screenModal: false,
-        // 查询数据使用
-        filter: {
-          start_time: '',
-          end_time: '',
-        },
-        stableFilter: {}, // 保存数据使用,初始化起止时间,单图or多图等
-        firstShow: false, // 默认不显示操作按钮,
-        caretShow:false,
-        dragTitleShow:false,
-        dropdownMenuShow:false,
-        divFirstShow:false,
-        columns: [
-          {
-            title:'Element',
-            key:'element',
-            sortable: true
-          }
-          , {
-            title: '采集时间',
-            key: 'time',
-            width: 160,
-            render: (h, params) => h('span', bus.timeFormate(params.row.time, 'yyyy-MM-dd hh:mm:ss')),
-          }, {
-            title: '数值',
-            key: 'value',
-            width: 160,
-            sortable: true,
-            render: (h, params) => h('span', this.getNumStr(params.row.value)),
-          }],
-        searchTime: [new Date().setHours(new Date().getHours() - 1), new Date()],//全屏显示的时间
-        oldSearchTime: [],
-        nodesArray:[
-          { id: 1, label: "model",
-            image: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1906469856,4113625838&fm=26&gp=0.jpg',
-            shape:'image',shapeProperties:{useImageSize:false},
-            x:1,y:-63,
-            imgId:0,
-            scaling:{min:0.5,max:10,}
-          },
-          {id: 2, imgId:1, scaling:{min:0.5,max:10,}, label: "model", x:-236,y:-163, image: a, shape:'image',shapeProperties:{useImageSize:false}},
-          {id: 3, imgId:2, scaling:{min:0.5,max:10,}, label: "model", x:-346,y:-155, image: b, shape:'image',shapeProperties:{useImageSize:false}},
-          {id: 4, imgId:3, scaling:{min:0.5,max:10,}, label: "model", x:-129,y:169, image: c, shape:'image',shapeProperties:{useImageSize:false}},
-          {id: 5, imgId:4, scaling:{min:0.5,max:10,}, label: "model", x:-388,y:35, image: d, shape:'image',shapeProperties:{useImageSize:false}},
-          {id: 6, imgId:5, scaling:{min:0.5,max:10,}, label: "model", x:-345,y:-53, image: e, shape:'image',shapeProperties:{useImageSize:false}},
-          {id: 7, imgId:6, scaling:{min:0.5,max:10,}, label: "model", x:316,y:22, image: f, shape:'image',shapeProperties:{useImageSize:false}},
-        ],
-        edgesArray:[
-          {id: 0,from: 2, to: 1, dashes:[15,15],label:"hahah",arrows:'from;to', color: {color:'#ff4500',highlight:'#ff4500',hover:'#ff4500',opacity:1.0}},
-          {id: 1,from: 3, to: 1, dashes:[15,15],label:"hahah",arrows:'from',smooth:true, color: {color:'#1e90ff',highlight:'#1e90ff',hover:'#1e90ff',opacity:1.0}},
-          {id: 2,from: 5, to: 4, dashes:[15,15],label:"hahah",arrows:'to',smooth:true, color: {color:'#1e90ff',highlight:'#1e90ff',hover:'#1e90ff',opacity:1.0}},
-          {id: 3,from: 4, to: 1, dashes:[15,15],label:"hahah",arrows:'from;to',smooth:true, color: {color:'#1e90ff',highlight:'#1e90ff',hover:'#1e90ff',opacity:1.0}},
-          {id: 4,from: 4, to: 6, dashes:[15,15],label:"hahah",arrows:'from;to',smooth:true, color: {color:'#1e90ff',highlight:'#1e90ff',hover:'#1e90ff',opacity:1.0}},
-          {id: 5,from: 1, to: 7, dashes:[15,15],label:"hahah",arrows:'from;to',smooth:true, color: {color:'#1e90ff',highlight:'#1e90ff',hover:'#1e90ff',opacity:1.0}},
-        ],
-      }
-
-    },
-
-    methods:{
-      // 其他
-      filterShowData(source,pageObj){
-        return source.slice((pageObj.pageNo-1)*pageObj.pageSize,pageObj.pageNo*pageObj.pageSize)
-      },
-      startResize(e) {
-        let vm = this;
-        this.$chartResizeTool.start(vm, this.data, e);
-      },
-      screenPageNo(val) {
-        this.screenPageObj.pageNo = val;
-        this.seriesItemScreen=this.filterShowData(this.storedScreanTableData, this.screenPageObj)
-      },
-      screenPageSize(val) {
-        this.screenPageObj.pageSize = val;
-        this.seriesItemScreen=this.filterShowData(this.storedScreanTableData, this.screenPageObj)
-      },
-      startLoading(area){
-        if(area==='screen'){
-          this.$refs['localLoadingScreen'+this.chartIndex].startLoading();
-        }else {
-          this.$refs['localLoading'+this.chartIndex].startLoading();
-        }
-      },
-      endLoading(area){
-        if(area==='screen'){
-          this.$refs['localLoadingScreen'+this.chartIndex].endLoading();
-        }else {
-          this.$refs['localLoading'+this.chartIndex].endLoading();
-        }
-      },
-      resize(chartItem) {
-        let deHeight = this.$chartResizeTool.titleHeight+this.$chartResizeTool.chartTableBlankHeight;
-        let container = document.querySelector('#chartTableDiv' + this.chartIndex + " .table-container");
-        container.style.height = `calc(100% - ${deHeight*2}px)`;
-        this.tableHeight = `calc(100% - ${this.$refs.Pagination.$el.offsetHeight}px)`;
-        this.$nextTick(() => {
-          container.querySelector(".el-table__body-wrapper")._ps_.update();
-        });
-      },
-      showLoad(chartItem) {
-        //设置高度 chart-table
-        this.$nextTick(() => {
-          this.resize(chartItem);
-        });
-        this.startLoading();
-        this.divFirstShow = true;
-      },
-      // 重新请求数据 刷新操作-local
-      refreshChart() {
-        this.dropdownMenuShow=false;
-        this.startLoading();
-        this.firstShow = false;
-        this.$emit('on-refresh-data', this.data.id);
-      },
-      // 编辑图表
-      editChart() {
-        this.dropdownMenuShow=false;
-        this.$emit('on-edit-chart-block', this.data.id);
-      },
-      // 删除该图表
-      removeChart() {
-        this.dropdownMenuShow=false;
-        this.$emit('on-remove-chart-block', this.data.id);
-      },
-      //全屏时间条件查询
-      dateChange(time) {
-        this.searchTime = [...time];
-        this.seriesItemScreen = [];
-        for(let i=0;i<8;i++){
-          this.seriesItemScreen.push({//表格数据
-            element:'',
-            time: '',//采集时间
-            value: '',//数值
-          });
-        }
-        this.startLoading('screen');
-        this.$emit('on-search-data', this.data.id, this.searchTime);
-      },
-      clickos() {
-        this.dropdownMenuShow=false;
-      },
-      clearChart(){
-        this.data = {};
-      },
-      duplicate(){
-        this.dropdownMenuShow=false;
-        const param = {id:this.data.id};
-        this.$post('panel/'+ this.data.panelId+'/charts/duplicate',(param)).then(response => {
-          if (response.code === 200) {
-            this.$message({
-              duration: 2000,
-              type: 'success',
-              message: this.$t("tip.duplicateSuccess")
-            });
-            this.$emit('on-duplicate-chart-block', this.data.id,response.data);
-          }else {
-            if(response.msg){
-              this.$message.error(response.msg);
-            }else if(response.error){
-              this.$message.error(response.error);
-            }else {
-              this.$message.error(response);
-            }
-          }
-        });
-      },
-      // 全屏查看
-      showAllScreen() {
-        this.dropdownMenuShow=false;
-        // 初始化同步时间
-        this.searchTime = [];
-        this.$set(this.searchTime, 0, this.oldSearchTime[0]);
-        this.$set(this.searchTime, 1, this.oldSearchTime[1]);
-        this.$refs.calendarPanel.setCustomTime(this.searchTime);
-
-        this.seriesItemScreen = this.seriesItem;
-        this.screenModal = true;
-        if(this.$refs.topologyFull){
-          setTimeout(()=>{
-            this.$refs.topologyFull.resetAllNodes();
-          })
-        }
-      },
-      // 设置数据, filter区分
-      setData(chartItem, seriesItem, panelId, filter,area,errorMsg) {
-        if(errorMsg && errorMsg!==''){
-          this.isError = true;
-          this.errorContent = errorMsg;
-        }else {
-          this.isError = false;
-          this.errorContent = '';
-        }
-        if(area==='showFullScreen'){//全屏按时间查询
-          this.data = chartItem;
-          this.unit = chartDataFormat.getUnit(this.data.unit);
-          this.searchTime[0] = filter.start_time;//将列表的查询时间复制给全屏的查询时间
-          this.searchTime[1] = filter.end_time;
-          // this.seriesItemScreen = seriesItem;
-          this.storedScreanTableData=seriesItem;
-          this.storedScreanTableData=Object.assign([],this.storedScreanTableData.reverse());
-          this.screenPageObj.total=this.storedScreanTableData.length;
-          this.seriesItemScreen=this.filterShowData(this.storedScreanTableData,this.screenPageObj);
-          this.endLoading('screen');
-        } else{
-          //设置高度 chart-table
-          this.divFirstShow = true;
-          this.$nextTick(() => {
-            this.resize(chartItem);
-          });
-          this.firstShow = true; // 展示操作按键
-
-          this.panelIdInner = panelId;
-          this.data = chartItem;
-          this.unit = chartDataFormat.getUnit(this.data.unit);
-          this.storedTableData =seriesItem;
-          this.storedScreanTableData=seriesItem;
-          this.storedTableData=Object.assign([],this.storedTableData.reverse());
-          this.storedScreanTableData=Object.assign([],this.storedScreanTableData.reverse());
-          this.pageObj.total=this.storedTableData.length;
-          this.screenPageObj.total=this.storedScreanTableData.length;
-          this.seriesItem=this.filterShowData(this.storedTableData,this.pageObj);
-          this.seriesItemScreen =this.filterShowData(this.storedScreanTableData,this.screenPageObj)
-          if (filter) { // 保存数据,用于同步时间
-            this.searchTime[0] = filter.start_time;//将列表的查询时间复制给全屏的查询时间
-            this.searchTime[1] = filter.end_time;
-            this.oldSearchTime[0] = this.searchTime[0];
-            this.oldSearchTime[1] = this.searchTime[1];
-          }
-          this.endLoading();
-        }
-      },
-      dealLegendAlias:function(legend,expression){
-        if(/\{\{.+\}\}/.test(expression)){
-          let labelValue=expression.replace(/(\{\{.+?\}\})/g,function(i){
-            let label=i.substr(i.indexOf('{{')+2,i.indexOf('}}')-i.indexOf('{{')-2)
-            let reg=new RegExp(label+'=".+?"')
-            let value=null;
-            if(reg.test(legend)){
-              let find=legend.match(reg)[0];
-              value=find.substr(find.indexOf('"')+1,find.lastIndexOf('"')-find.indexOf('"')-1);
-            }
-            return value?value:label;
-          })
-          return labelValue
-        }else{
-          return expression;
-        }
-      },
-      // 获取格式
-      getNumStr(num) {
-        if (num) {
-          if (num >= 1000) {
-            const kbNum = num / 1000;
-            if (kbNum >= 1000) {
-              const mbNum = kbNum / 1000;
-              if (mbNum >= 1000) {
-                const gbNum = mbNum / 1000;
-                if (gbNum >= 1000) {
-                  const tbNum = gbNum / 1000;
-                  if (tbNum >= 1000) {
-                    const pbNum = tbNum / 1000;
-                    return `${pbNum.toFixed(2)}PB`;
-                  }
-                  return `${tbNum.toFixed(2)}TB`;
-                }
-                return `${gbNum.toFixed(2)}GB`;
-              }
-              return `${mbNum.toFixed(2)}MB`;
-            }
-            return `${kbNum.toFixed(2)}KB`;
-          }
-          return num.toFixed(2);
-        }
-        return num;
-      },
-      // 设置拓扑图数据
-      setTopologyData(nodesArr,edgesArr){
-        this.nodesArray=nodesArr;
-        this.edgesArray=edgesArr;
-      },
-      //退出全屏
-      exitFull(){
-        this.screenModal = false;
-        this.$refs.topology.resetAllNodes()
-      }
-    },
-
-    mounted(){
-      this.firstLoad = false;
-    }
-
-  }
-
-</script>
-<style lang="scss">
-  @import './chart.scss';
-</style>
-<style scoped>
-  .table-container{
-    height: calc(100% - 30px);
-  }
-  .nz-icon{
-    cursor: pointer;
-  }
-  .resize-box .vis-network .text-right{
-    text-align: right;
-  }
-  .resize-box .vis-network .chartTitle .chart-title{
-    justify-content: space-between;
-    align-items: stretch;
-  }
-</style>
diff --git a/nezha-fronted/src/components/common/project/popData/popDataMain.vue b/nezha-fronted/src/components/common/project/popData/popDataMain.vue
new file mode 100644
index 000000000..d32aeb52f
--- /dev/null
+++ b/nezha-fronted/src/components/common/project/popData/popDataMain.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="main-content">
+    <div class="main-box">
+      <div class="main-box-title">asset</div>
+      <div class="main-box-content">
+        <div class="content-box">
+          <span class="content-title"><i class="el-icon-upload2 colorFFF bg23BF9A"></i>up</span>
+          <span class="float-right">123</span>
+        </div>
+        <div class="content-box">
+          <span class="content-title"><i class="el-icon-download colorFFF bgEC7F66"></i>down</span>
+          <span class="float-right">123</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="main-box">
+      <div class="main-box-title">endpoint</div>
+      <div class="main-box-content">
+        <div class="content-box">
+          <span class="content-title"><i class="el-icon-upload2 colorFFF bg23BF9A"></i>up</span>
+          <span class="float-right">123</span>
+        </div>
+        <div class="content-box">
+          <span class="content-title"><i class="el-icon-download colorFFF bgEC7F66"></i>down</span>
+          <span class="float-right">123</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="main-box">
+      <div class="main-box-title">alert message</div>
+      <div class="main-box-content">
+        <div class="content-box">
+          <span class="content-title"><i class="nz-icon nz-icon-jiantou-top colorFFF bg23BF9A"></i>up</span>
+          <span class="float-right">123</span>
+        </div>
+        <div class="content-box">
+          <span class="content-title"><i class="nz-icon nz-icon-jiantou-right colorFFF bg3C92F1"></i>down</span>
+          <span class="float-right">123</span>
+        </div>
+        <div class="content-box">
+          <span class="content-title"><i class="nz-icon nz-icon-jiantou-down colorFFF bgEC7F66"></i>down</span>
+          <span class="float-right">123</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+	export default {
+		name:"popDataMain",
+    props:{
+		  moduleId:{},
+      projectId:{},
+    },
+    watch:{},
+    data(){
+		  return{
+
+      }
+    },
+    mounted(){
+		  console.log(this.moduleId,this.projectId)
+    },
+    methods:{},
+  }
+</script>
+
+<style scoped>
+  .main-content{
+    display: flex;
+    margin-right: 15px;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+  .main-box{
+    background: #FFFFFF;
+    border: 1px solid #E7EAED;
+    width: 173px;
+    margin-bottom: 15px;
+  }
+  .main-box-title{
+    background: #EFEFEF;
+    font-size: 14px;
+    color: #333333;
+    height: 26px;
+    line-height: 26px;
+    padding-left: 12px;
+  }
+  .main-box-content{
+    font-size: 12px;
+    color: #333333;
+    padding: 12px;
+  }
+ .main-box-content .content-box:not(:last-child){
+    margin-bottom: 5px;
+  }
+  .content-title{
+    color: #666666;
+  }
+  .colorFFF{
+    color: #FFFFFF;
+    vertical-align: middle;
+    display: inline-block;
+    padding: 1px;
+    font-size: 10px;
+    margin-right: 5px;
+    line-height: 1;
+  }
+  .bg23BF9A{
+    background: #23BF9A;
+  }
+  .bgEC7F66{
+    background: #EC7F66;
+  }
+  .bg3C92F1{
+    background: #3C92F1;
+  }
+</style>
diff --git a/nezha-fronted/src/components/common/project/projectFacade.vue b/nezha-fronted/src/components/common/project/projectFacade.vue
index 09e15a2f6..21256eba4 100644
--- a/nezha-fronted/src/components/common/project/projectFacade.vue
+++ b/nezha-fronted/src/components/common/project/projectFacade.vue
@@ -9,7 +9,6 @@
               <i slot="suffix" class="el-input__icon el-icon-search" @click="focusInput" style="float: right"></i>
             </el-input>
           </div>
-
           <pick-time :refresh-data-func="dateChange" v-model="searchTime" :use-chart-unit="false"></pick-time>
         </div>
       </template>
@@ -187,5 +186,6 @@
     flex: 1;
     min-height: 800px;
     width: calc(100% - 20px);
+    min-width: 1190px;
   }
 </style>
diff --git a/nezha-fronted/src/components/common/project/topology.vue b/nezha-fronted/src/components/common/project/topology.vue
index d95f7903e..44d63005d 100644
--- a/nezha-fronted/src/components/common/project/topology.vue
+++ b/nezha-fronted/src/components/common/project/topology.vue
@@ -66,7 +66,11 @@
       </i>
       <!--悬浮network部分-->
       <div class="network-info">
-        <div v-if="popDataShow.main">123</div>
+        <div  v-if="popDataShow.main">
+          <popDataMain :moduleId="this.selNodeId" :projectId="this.allModuleInfo.basic.id"></popDataMain>
+        </div>
+        <div v-if="popDataShow.total">total</div>
+        <div v-if="popDataShow.info">info</div>
       </div>
 
     </div>
@@ -93,6 +97,18 @@
         @del="lineDel"
       ></add-line>
     </transition>
+    <!--endpoint-->
+    <transition name="right-box">
+      <div v-if="popDataShow.endpoint">endpoint</div>
+    </transition>
+    <!--endpoint-->
+    <transition name="right-box">
+      <div v-if="popDataShow.asset">asset</div>
+    </transition>
+    <!--alert-->
+    <transition name="right-box">
+      <div v-if="popDataShow.alert">alert</div>
+    </transition>
   </div>
 </template>
 
@@ -100,11 +116,13 @@
   import Vis from 'vis'
   import addNode from './addNode'
   import addLine from './addLine'
+  import popDataMain from './popData/popDataMain'
 	export default {
 		name:"topology",
     components: {
       'add-model':addNode,
       'add-line':addLine,
+      'popDataMain':popDataMain,
     },
     props:{
       nodesArray:{
@@ -475,25 +493,7 @@
         this.$refs['network'].removeEventListener('mousemove',this.modelTopMouseMove);
       },
       modelTopMouseMove(e){
-        let position={
-          x:e.clientX-this.relativeModelTop.x,
-          y:e.clientY-this.relativeModelTop.y
-        };
-        this.$refs['modelTopId'+this.index][0].style.top=position.y+'px';
-        this.$refs['modelTopId'+this.index][0].style.left=position.x+'px';
-        // {top:(item.y- 80 + 5*(10-zoom*10))+'px',left:(item.x-26)+'px'
-        let cancvs=this.network.DOMtoCanvas({
-          x:position.x+26,
-          y:position.y+80-(50*(1-this.zoom)),
-        });
-        this.network.moveNode(this.selNodeId,cancvs.x,cancvs.y);
-        let selItem = this.nodesArray.find((item)=>item.id===this.selNodeId);
-        selItem.x=cancvs.x;
-        selItem.y=cancvs.y;
-        this.$emit("setTopologyData",this.nodesArray,this.edgesArray);
-        if(this.networkPopShow){
-          this.setPopPosition(this.selNodeId);
-        }
+
       },
       modelTopClick(item,index){
         this.index=index;
@@ -521,7 +521,7 @@
           alert:false,
           main:false,
         };
-        if(key){
+        if(key&&!this.editVisNetwork){
           this.popDataShow[key]=true;
         }
       },
@@ -658,6 +658,7 @@
     /*background: #fff;*/
     padding: 0 3px;
     line-height: 32px;
+
   }
   .network-pop .nz-icon-hexagonBorder{
     position: absolute;
diff --git a/nezha-fronted/src/components/common/project/visNetwork.vue b/nezha-fronted/src/components/common/project/visNetwork.vue
index bcf51141e..4afb33de3 100644
--- a/nezha-fronted/src/components/common/project/visNetwork.vue
+++ b/nezha-fronted/src/components/common/project/visNetwork.vue
@@ -24,7 +24,7 @@
                 <!--<span class="chart-title-icon"><i class="el-icon-caret-bottom el-icon&#45;&#45;right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>-->
               </span>
               <span>
-                <i class="nz-icon nz-icon-edit float-right" @click="editVisNetwork=!editVisNetwork"></i>
+                <i class="nz-icon nz-icon-edit float-right" @click="editVisNetworkChange(!editVisNetwork)"></i>
                 <!--<i class="nz-icon nz-icon-zoomin float-right"></i>-->
                 <!--<i class="nz-icon nz-icon-exit-full-screen float-right"></i>-->
               </span>
@@ -32,7 +32,7 @@
         </div>
         <div class="vis-network-content">
           <!--project主要信息-->
-          <div class="facade-top" v-if="!editVisNetwork&&nodesArray.length">
+          <div class="facade-top" v-if="!editVisNetwork">
             <div class="facade-top-left" v-loading="projectInfo.loading">
               <div class="facade-top-title">
                 {{projectInfo.title}}
@@ -163,6 +163,7 @@
     },
     data () {
       return {
+        firstLoad:false,
         //其他
         isError:false,
         nodesArray:[],
@@ -193,6 +194,9 @@
       },
       editVisNetworkChange(flag){
         this.editVisNetwork=flag;
+        if(flag){
+          this.$refs.topology.popDataShowUpdate();
+        }
       }
     },