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(() => {