From 013ed9283200da41902835f9fd679df13299d436 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 31 八月 2023 12:53:53 +0800
Subject: [PATCH] 扬尘Vue
---
src/views/line_graph/DataRiskModel.vue | 29 ++++++++++++++++-------------
1 files changed, 16 insertions(+), 13 deletions(-)
diff --git a/src/views/line_graph/DataRiskModel.vue b/src/views/line_graph/DataRiskModel.vue
index ceb7659..8f32e7c 100644
--- a/src/views/line_graph/DataRiskModel.vue
+++ b/src/views/line_graph/DataRiskModel.vue
@@ -4,16 +4,16 @@
import InputSearch from '../../sfc/InputSearch.vue';
import AreaAndmonitorType from '../../sfc/AreaAndmonitorType.vue';
-// import DustRadarChart from './components/DustRadarChart.vue';
+import DustRadarChart from './components/DustRadarChart.vue';
import exceptionApi from '@/api/exceptionApi.js';
import { useWindowSize } from '@vueuse/core';
import LineChart from './components/LineChart.vue'
-const DustRadarChart = defineAsyncComponent(() =>
- import('./components/DustRadarChart.vue')
-)
+// const DustRadarChart = defineAsyncComponent(() =>
+// import('./components/DustRadarChart.vue')
+// )
import dayjs from 'dayjs';
export default {
@@ -381,20 +381,20 @@
<div class="time-text">鏁版嵁缁熻鏃舵锛歿{ begin}} ~ {{ end }}</div>
+ <el-row :gutter="20">
+ <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="16" >
+
<el-card
shadow="never"
>
- <el-row :gutter="20">
-
- <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
-
<DustRadarChart :name="['鏁版嵁鏈夋晥鐜�','鍏稿瀷寮傚父澶嶇幇鐜�','寮傚父绫诲瀷鑱氶泦搴�','鏁版嵁瓒呮爣鐜�','鏁版嵁鍦ㄧ嚎鐜�']" :yData="[bill.valid,bill.exceptionRecurrence,bill.exceptionTypeAggregation,bill.exceeding,bill.online]" ></DustRadarChart>
-
+ </el-card>
</el-col>
- <el-col :xs="24" :sm="24" :md="6" :lg="4" :xl="4">
+ <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="4">
<el-card
shadow="never"
+ style="width: 200px;min-width: 200px;"
>
<template #header><span class="title-16">椋庨櫓璇︽儏</span></template>
<el-form >
@@ -432,10 +432,11 @@
</el-card>
</el-col>
- <el-col :xs="24" :sm="24" :md="6" :lg="4" :xl="4">
+ <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="4">
<el-card
shadow="never"
-
+
+ style="width:200px; min-width: 200px;"
>
<template #header>
<span class="title-16">椋庨櫓绛夌骇</span>
@@ -459,7 +460,7 @@
</el-card>
</el-col>
</el-row>
- </el-card>
+
<el-row :gutter="24">
@@ -586,4 +587,6 @@
font-size: 16px;
font-weight: bold;
}
+.el-row {
+}
</style>
--
Gitblit v1.9.3