From 43b8ad7016204e056207dc4cfe2ef4071954cded Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 27 Dec 2021 17:10:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dloading=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=94=99=E8=AF=AF=E3=80=81nodata=E6=B2=A1=E6=9C=89?=
 =?UTF-8?q?=E6=AD=A3=E5=B8=B8=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/chart.scss                     | 44 ------------------
 .../css/components/views/charts/chart.scss    | 45 +++++++++++++++++++
 src/utils/tools.js                            | 16 ++++---
 3 files changed, 56 insertions(+), 49 deletions(-)
 delete mode 100644 src/assets/css/chart.scss

diff --git a/src/assets/css/chart.scss b/src/assets/css/chart.scss
deleted file mode 100644
index 9337d10c..00000000
--- a/src/assets/css/chart.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.nz-chart-tooltip .cn-chart-tooltip-box{
-  display: flex;
-  .cn-chart-tooltip-content{
-    flex: 1;
-    display: inline-block;
-    overflow: hidden;
-    text-overflow:ellipsis;
-    white-space: nowrap;
-    font-size:14px;
-    color:#666;
-    font-weight:400;
-    margin-left:2px ;
-  }
-  .cn-chart-tooltip-value{
-    float:right;
-    margin-left:20px;
-    font-size:14px;
-    color:#666;
-    font-weight:900;
-  }
-}
-.cn-chart__single-value {
-  .chart__loading {
-    top: 0;
-    height: 100%;
-  }
-}
-.chart__loading {
-  position: absolute;
-  height: calc(100% - 47px);
-  top: 47px;
-  width: 100%;
-  background-color: #fefefe;
-  z-index: 1;
-  opacity: .9;
-
-  i {
-    position: absolute;
-    left: calc(50% - 15px);
-    top: calc(50% - 15px);
-    font-size: 30px;
-    color: #aaa;
-  }
-}
\ No newline at end of file
diff --git a/src/assets/css/components/views/charts/chart.scss b/src/assets/css/components/views/charts/chart.scss
index e9e62ed6..e7d37015 100644
--- a/src/assets/css/components/views/charts/chart.scss
+++ b/src/assets/css/components/views/charts/chart.scss
@@ -340,3 +340,48 @@
     border-left: 5px solid #aeaeae;
   }
 }
+
+.nz-chart-tooltip .cn-chart-tooltip-box{
+  display: flex;
+  .cn-chart-tooltip-content{
+    flex: 1;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+    font-size:14px;
+    color:#666;
+    font-weight:400;
+    margin-left:2px ;
+  }
+  .cn-chart-tooltip-value{
+    float:right;
+    margin-left:20px;
+    font-size:14px;
+    color:#666;
+    font-weight:900;
+  }
+}
+.cn-chart__single-value {
+  .chart__loading {
+    top: 0;
+    height: 100%;
+  }
+}
+.chart__loading {
+  position: absolute;
+  height: calc(100% - 47px);
+  top: 47px;
+  width: 100%;
+  background-color: #fefefe;
+  z-index: 1;
+  opacity: .9;
+
+  i {
+    position: absolute;
+    left: calc(50% - 15px);
+    top: calc(50% - 15px);
+    font-size: 30px;
+    color: #aaa;
+  }
+}
diff --git a/src/utils/tools.js b/src/utils/tools.js
index ce989e48..1042548a 100644
--- a/src/utils/tools.js
+++ b/src/utils/tools.js
@@ -346,18 +346,24 @@ export const clickOutside = {
   }
 }
 
-const noDataDom = document.createElement('div')
-noDataDom.setAttribute('class', 'no-data')
-noDataDom.innerText = 'No data'
+function noDataDomFactory () {
+  const noDataDom = document.createElement('div')
+  noDataDom.setAttribute('class', 'no-data')
+  noDataDom.innerText = 'No data'
+  return noDataDom
+}
+
 export const noData = {
   updated (el, binding) {
-    if (el && binding.oldValue !== binding.value) {
+    if (el) {
+      console.info(binding.value, el)
       if (binding.value) {
         setTimeout(() => {
           el.childNodes.forEach(node => {
+            console.info(node, node.style)
             node.style && (node.style.display = 'none')
           })
-          el.insertBefore(noDataDom, el.childNodes[0])
+          el.insertBefore(noDataDomFactory(), el.childNodes[0])
         })
       } else {
         setTimeout(() => {