feat: 滚动条统一

nezha-fronted/src/components/common/rightBox/addEndpointBox.vue

@@ -60,13 +60,15 @@
                 </div>
                 <div class="line-100"></div>
                 <div class="endpoint-sub-table-body">
-                  <div @click="selectAsset(item, index)" :data="item.id" v-for="item,index in assetList" class="endpoint-sub-table-row" :id="'select-asset-'+item.id">
-                    <div :id="index" @click.stop v-if="!currentModuleCopy.id" class="endpoint-sub-table-body-dialog"></div>
-                    <div class="endpoint-sub-table-col">{{item.host}}</div>
-                    <el-popover trigger="hover" placement="right-start" :content="item.sn" >
-                      <div slot="reference" class="endpoint-sub-table-col">{{item.sn}}</div>
-                    </el-popover>
-                  </div>
+                  <el-scrollbar style="height: 100%" ref="assetScrollbar">
+                    <div @click="selectAsset(item, index)" :data="item.id" v-for="item,index in assetList" class="endpoint-sub-table-row" :id="'select-asset-'+item.id">
+                      <div :id="index" @click.stop v-if="!currentModuleCopy.id" class="endpoint-sub-table-body-dialog"></div>
+                      <div class="endpoint-sub-table-col">{{item.host}}</div>
+                      <el-popover trigger="hover" placement="right-start" :content="item.sn" >
+                        <div slot="reference" class="endpoint-sub-table-col">{{item.sn}}</div>
+                      </el-popover>
+                    </div>
+                  </el-scrollbar>
                 </div>
               </div>
               <!--end--table-->
@@ -96,6 +98,7 @@
                   :data="endpointList"
                   ref="endpointTable"
                   style="width: 100%;border-radius: 4px;"
+                  v-scrollBar:el-table
                   height="calc(100% - 36px)"
                   :row-class-name="setRowIndex"
                   empty-text=" ">
@@ -393,6 +396,7 @@
             break;
           }
         }
+        this.$refs.assetScrollbar.update();
       },
 
       /*获取project列表*/
@@ -483,6 +487,7 @@
         this.endpointTouch = true;
         this.endpointForm.projectId = this.currentProject.id;
         this.endpointForm.moduleId = this.currentModuleCopy.id;
+        this.$refs.assetScrollbar.update();
       },
 
       //将param转为json字符串格式

nezha-fronted/src/components/page/asset/asset.vue

@@ -53,6 +53,7 @@
         height="calc(100% - 160px)"
         style="width: 100%;"
         :data="tableData"
+        v-scrollBar:el-table
         border
         tooltip-effect="light"
       >

nezha-fronted/src/components/page/dashboard/chartBox.vue

@@ -368,10 +368,12 @@
 
       /*关闭弹框*/
       esc() {
-        this.rightBox.show = false;
-        //this.editParamBox.show = false;
-        this.$refs.chartForm.resetFields();//清空表单
-        this.chart.id='';//不清除，再次打开创建图表，会显示删除按钮
+        if (this.rightBox.show) {
+          this.rightBox.show = false;
+          //this.editParamBox.show = false;
+          this.$refs.chartForm.resetFields();//清空表单
+          this.chart.id='';//不清除，再次打开创建图表，会显示删除按钮
+        }
       },
 
       /*metric部分相关方法--begin*/

nezha-fronted/src/components/page/project/project.vue

@@ -167,7 +167,7 @@
     </div>
 
     <!--endpoint query-->
-    <div class="content-right" v-show="tableShow == 3" style="position: relative">
+    <div class="content-right" v-if="tableShow == 3" style="position: relative">
       <div class="top-tools" >
         <div>
           <div @click="backToEdpTab">

nezha-fronted/src/main.js

@@ -80,6 +80,7 @@ const el_scrollBar = el => {
 };
 Vue.directive("scrollBar", {
   inserted(el, binding, vnode) {
+    console.info(1)
     const { arg } = binding;
     if (arg === "el-table") {
       el = el.querySelector(".el-table__body-wrapper");
@@ -95,8 +96,6 @@ Vue.directive("scrollBar", {
           el.classList.add("ps")
         );
       });
-    } else if (arg === 'metric-set') {
-
     }
     const rules = ["fixed", "absolute", "relative"];
     if (!rules.includes(window.getComputedStyle(el, null).position)) {
@@ -110,9 +109,11 @@ Vue.directive("scrollBar", {
     el_scrollBar(el);
   },
   componentUpdated(el, binding, vnode, oldVnode) {
+    console.info(2)
     const { arg } = binding;
     if (arg === "el-table") {
       el = el.querySelector(".el-table__body-wrapper");
+      el.classList.add("ps");
       !el && console.warn("未发现className为el-table__body-wrapper的dom");
     }
     try {