43 lines
864 B
Vue
43 lines
864 B
Vue
<template>
|
|
<div class="cn-chart cn-chart__map">
|
|
<div class="cn-chart__header chart-header-position" >
|
|
<slot name="chartErrorInfo"></slot>
|
|
<div class="header__title chart-title-width" >
|
|
<slot name="title"></slot>
|
|
</div>
|
|
<div class="header__operations">
|
|
<slot name="operations"></slot>
|
|
</div>
|
|
</div>
|
|
<div class="cn-chart__body" v-show="!loading">
|
|
<slot></slot>
|
|
</div>
|
|
<div class="cn-chart__body chart__loading" v-show="loading">
|
|
<i class="el-icon-loading"></i>
|
|
</div>
|
|
<div class="cn-chart__footer">
|
|
<slot name="footer"></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
name: 'ChartMap',
|
|
props: {
|
|
loading: Boolean
|
|
},
|
|
data () {
|
|
return {
|
|
errorContent: '出错了。。。',
|
|
isError: true
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|