CN-103 曲线无数据时应显示no data
This commit is contained in:
29
src/components/charts/ChartError.vue
Normal file
29
src/components/charts/ChartError.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<el-popover
|
||||
v-if="isError"
|
||||
placement="top-start"
|
||||
trigger="hover"
|
||||
popper-class="chart-error-popper"
|
||||
:close-delay=10
|
||||
offset="10"
|
||||
:width="-1"
|
||||
> <!-- :width="-1" 是为了让min-width及max-width生效,让width失效-->
|
||||
<div >{{errorInfo}}</div>
|
||||
<template #reference>
|
||||
<span class="chart-info-corner chart-info-corner--error">
|
||||
<i class="cn-chart-icon-warning fa "></i>
|
||||
<span class="chart-info-corner-inner"></span>
|
||||
</span>
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'ChartError',
|
||||
props: {
|
||||
isError: Boolean,
|
||||
errorInfo:String
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user