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

页面截图

Browse Source
This commit is contained in:
仲么了
2024-01-12 14:05:36 +08:00
parent 8d18e53d51
commit df192a9a7f
6 changed files with 130 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/views/govern/analyze/APF/index.vue
View File

@@ -1,48 +1,50 @@
<template>
<div class='default-main analyze-apf' :style='{ height: pageHeight.height }' v-loading='loading'>
<DeviceTree @node-click='nodeClick' @init='nodeClick'></DeviceTree>
<div class='analyze-apf-right'>
<el-form :inline='true'>
<el-form-item label='统计指标:'>
<el-select v-model='formInline.statisticalId' filterable placeholder='请选择'>
<div class="default-main analyze-apf" :style="{ height: pageHeight.height }" v-loading="loading">
<DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
<div class="analyze-apf-right">
<el-form :inline="true">
<el-form-item label="统计指标:">
<el-select v-model="formInline.statisticalId" filterable placeholder="请选择">
<el-option
v-for='item in zblist'
:key='item.value'
:label='item.label'
:value='item.value'
v-for="item in zblist"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label='值类型:'>
<el-select v-model='formInline.valueType' filterable placeholder='请选择'>
<el-form-item label="值类型:">
<el-select v-model="formInline.valueType" filterable placeholder="请选择">
<el-option
v-for='item in typelist'
:key='item.value'
:label='item.label'
:value='item.value'
v-for="item in typelist"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label='时间:'>
<DatePicker ref='datePickerRef'></DatePicker>
<el-form-item label="时间:">
<DatePicker ref="datePickerRef"></DatePicker>
</el-form-item>
<el-form-item>
<el-button type='primary' @click='search' icon='el-icon-Search'>查询</el-button>
<el-button type="primary" @click="search" icon="el-icon-Search">查询</el-button>
</el-form-item>
<el-form-item>
<div style="display: flex;align-items: center;">
<Icon name="el-icon-InfoFilled" style="color: #ff9912"></Icon>
总输出电流阈值和总输出电流比较
</div>
</el-form-item>
</el-form>
<el-empty description='暂无数据' v-if='!echartsData' style='flex: 1'></el-empty>
<el-empty description="暂无数据" v-if="!echartsData" style="flex: 1"></el-empty>
<template v-else>
<MyEchart :options='echartsData' style='flex: 1' />
<span style='position: absolute; right: 10px; top: 10px'>
<i style='color: #ff9912' type='warning' class='el-icon-warning'></i>
总输出电流阈值和总输出电流比较
</span>
<MyEchart :options="echartsData" style="flex: 1" />
</template>
</div>
</div>
</template>
<script setup lang='ts'>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { mainHeight } from '@/utils/layout'
import DeviceTree from '@/components/tree/govern/deviceTree.vue'
@@ -229,7 +231,7 @@ const search = () => {
boundaryGap: false,
data: xAxis,
axisLabel: {
formatter: function(value: string) {
formatter: function (value: string) {
return value.split(' ').join('\n')
}
},
@@ -289,7 +291,7 @@ const search = () => {
}
</script>
<style lang='scss'>
<style lang="scss">
.analyze-apf {
display: flex;