From f8f0e7bc8e5cb03f778011086fbc20335df624a9 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Tue, 17 Nov 2020 15:03:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:panel=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=8B=96=E5=8A=A8=E9=81=AE=E7=BD=A9=EF=BC=8C=E9=81=BF=E5=85=8D?=
 =?UTF-8?q?=E5=A4=9A=E6=AC=A1=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=87=B4=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=87=BA=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/charts/chart-list.vue | 4 ++++
 nezha-fronted/src/components/charts/chart.scss     | 9 +++++++++
 2 files changed, 13 insertions(+)

diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue
index 0e964e30c..1297ecc5f 100644
--- a/nezha-fronted/src/components/charts/chart-list.vue
+++ b/nezha-fronted/src/components/charts/chart-list.vue
@@ -146,6 +146,7 @@
       </div>
    </draggable>
     <el-row v-if="dataList.length === 0"  class="noData"></el-row>
+    <div class="page-shadow" v-if="showShadow"></div>
   </div>
 </template>
 
@@ -208,6 +209,7 @@
         stepHeight: 50,
 
         tempDom: {height: "", width: ""},
+        showShadow:false,
       };
     },
     methods: {
@@ -318,6 +320,7 @@
         };
 
         if(this.dataList.length>1 && oldIndex !== newIndex){
+          this.showShadow=true;
           this.$put('panel/'+ this.pagePanelId+'/charts/modify',modifyParams).then(response => {
             if (response.code === 200) {
               //修改前台列表中元素的顺序
@@ -333,6 +336,7 @@
                 this.dataTotalListBak.push(newItem);
               }
               this.dataList = this.dataTotalListBak;
+              this.showShadow=false;
             }else {
               if(response.msg){
                 this.$message.error(response.msg);
diff --git a/nezha-fronted/src/components/charts/chart.scss b/nezha-fronted/src/components/charts/chart.scss
index 5557de288..b38f9821b 100644
--- a/nezha-fronted/src/components/charts/chart.scss
+++ b/nezha-fronted/src/components/charts/chart.scss
@@ -643,3 +643,12 @@
 .chart-text-preview .ql-container.ql-snow {
   border: unset !important;
 }
+.page-shadow{
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0,0,0,.1);
+  z-index: 100;
+}