add pie chart

This commit is contained in:
lb
2023-09-06 15:09:48 +08:00
parent cd437ed7d3
commit d63d49ccc9
2 changed files with 107 additions and 3 deletions

View File

@@ -47,7 +47,7 @@
@cancel="cancel"
@confirm="submitForm">
<div class="visualization" v-if="visualizationOpen">
<h1>设备可视化</h1>
<pie-chart v-for="item in list" :key="item.id" :value="item" />
</div>
<div v-if="trendOpen">
<h1>查看趋势</h1>
@@ -59,11 +59,12 @@
<script>
// import moment from 'moment';
import basicPageMixin from '@/mixins/lb/basicPageMixin';
import PieChart from './components/pieChart.vue';
export default {
name: 'EfficiencyAnalysis',
mixins: [basicPageMixin],
components: {},
components: { PieChart },
props: {},
data() {
return {
@@ -410,4 +411,9 @@ export default {
};
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
.visualization {
display: grid;
grid-template-columns: repeat(3, minmax(240px, 1fr));
}
</style>