Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

表格

Browse Source
This commit is contained in:
GGJ
2023-12-27 16:32:31 +08:00
parent 7675d26246
commit a65d84e932
2 changed files with 135 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/dashboard/index.vue
View File

@@ -1,31 +1,35 @@
<template>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="区域">
<el-input v-model="formInline.deptInd" placeholder="请选择区域" clearable />
</el-form-item>
<el-form-item label="时间">
<el-date-picker v-model="formInline.searchBeginTime" type="date" placeholder="请选择时间" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="图形" name="1">
<Echart :list="list" ref="echarts" />
</el-tab-pane>
<el-tab-pane label="表格" name="2">Config</el-tab-pane>
</el-tabs>
<div class="default-main">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="区域">
<el-input v-model="formInline.deptInd" placeholder="请选择区域" clearable />
</el-form-item>
<el-form-item label="时间">
<el-date-picker v-model="formInline.searchBeginTime" type="date" placeholder="请选择时间" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="图形" name="1">
<Echart :list="list" ref="echarts" />
</el-tab-pane>
<el-tab-pane label="表格" name="2"><Tableabove ref="table" /></el-tab-pane>
</el-tabs>
</div>
</template>
<script setup lang="ts">
import { onMounted, reactive, ref, onBeforeMount } from 'vue'
const activeName = ref('1')
import Echart from '@/views/dashboard/components/echart.vue'
import Tableabove from '@/views/dashboard/components/Tableabove.vue'
import { getAreaCalculation } from '@/api/test'
const list = ref([])
const echarts = ref()
const table = ref()
const formInline = reactive({
deptInd: '',
deptIndex: '5699e5916a18a6381e1ac92da5bd2628',
@@ -52,6 +56,7 @@ const onSubmit = async () => {
echarts.value.Processing(res.data.areaStatistics)
echarts.value.Grade(res.data.voltageStatistics)
echarts.value.Relation(res.data.monthlyStatistics)
table.value.info(res.data)
})
}