From 172d73cbe737c04b3d2c3fe8908db2460c241543 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期一, 14 八月 2023 17:11:48 +0800
Subject: [PATCH] 油烟监测系统 Vue代码
---
src/test/TestSelect.vue | 139 +++++++++++++++++++++++++++++----------------
1 files changed, 89 insertions(+), 50 deletions(-)
diff --git a/src/test/TestSelect.vue b/src/test/TestSelect.vue
index 6273f74..03d495f 100644
--- a/src/test/TestSelect.vue
+++ b/src/test/TestSelect.vue
@@ -1,60 +1,99 @@
-<!-- <script >
-import {store} from '../utils/status.js'
- export default {
- data() {
- return{
- store
- }
- },
- methods: {
-
+<script>
+import ExceptionTypeLineChart from '../sfc/ExceptionTypeLineChart.vue';
+import dayjs from 'dayjs';
+export default {
+ components: {
+ ExceptionTypeLineChart
+ },
+ data() {
+ return {
+ xAxis: [
+ '2023-07-20 12:00:00',
+ '2023-07-20 12:10:00',
+ '2023-07-20 12:20:00',
+ '2023-07-20 12:30:00',
+ '2023-07-20 12:40:00'
+ ],
+ yAxis: [0.4, 0.9, 0.1, 1.5, 0.3]
+ };
+ },
+ mounted() {
+ this.descTenTime()
+ },
+ methods: {
+ findTimeInExceptionData(data,time){
+ for(let i=0;i<data.length;i++){
+ if(data[i]['mvDataTime'] == time) {
+ return data[i]['mvFumeConcentration2']
+ }
}
-}
+ return -1
+ },
+ // 鍙傛暟锛氬姞涓婂墠鍚庡尯闂寸殑寮傚父鏁版嵁锛屾椂闂村瓧绗︿覆
+ // 鍔熻兘锛氬垽鏂璬ata涓槸鍚︽湁璇ユ棩鏈熸椂闂达紝瀛樺湪杩斿洖璇ユ椂闂村搴旂殑娴撳害鍊硷紝鍚﹀垯杩斿洖-1
+
+ // 鍙傛暟:鍓嶅尯闂寸殑寮�濮嬫椂闂达紝 鍚庡尯闂寸殑缁撴潫鏃堕棿, 鍔犱笂鍓嶅悗鍖洪棿鐨勬�绘椂闂存鐨勫紓甯告暟鎹殑瀵硅薄鏁扮粍
+ // 鍔熻兘锛氭牴鎹紑濮嬪拰缁撴潫鏃堕棿,杩斿洖浠�10鍒嗛挓涓洪棿闅旂殑鏃堕棿鍜屽搴旂殑鍊�
+ keepContinuousByEachTenMinutes(intervalStarTime,intervalEndTime,headAndTailExceptionData){
+ let xAxis = []
+ let yAxis = []
+ let obj = {}
+ let current = intervalStarTime
+ let tail = dayjs(intervalEndTime).add(10,'minute').format('YYYY-MM-DD HH:mm:ss')
+ while(current != tail){
+ let value = this.findTimeInExceptionData(headAndTailExceptionData,current)
+ if(value!= -1){
+ xAxis.push(current)
+ yAxis.push(value)
+ }else {
+ xAxis.push(current)
+ yAxis.push(null)
+ }
+ current = dayjs(current).add(10,'minute').format('YYYY-MM-DD HH:mm:ss')
+ }
+ obj['xAxis'] = xAxis
+ obj['yAxis'] = yAxis
+ return obj
+ },
+ test(){
+ let data = [
+ { mvDataTime: '2023-07-20 12:30:00', mvFumeConcentration2: '0.2' },
+ { mvDataTime: '2023-07-20 12:40:00', mvFumeConcentration2: '0.3' },
+ { mvDataTime: '2023-07-20 12:50:00', mvFumeConcentration2: '0.2' },
+ { mvDataTime: '2023-07-20 13:10:00', mvFumeConcentration2: '0.9' },
+ ];
+let obj = this.keepContinuousByEachTenMinutes('2023-07-20 12:00:00','2023-07-20 13:50:00',data)
+console.log(obj)
+ },
+ descTenTime(begin, end) {
+ let time = [];
+ if(begin == end){
+ time.push(begin)
+ return time
+ }
+ // 淇濈暀缁撴灉 00 10 20 30
+ let temp = dayjs(begin).add(10, 'minute').format('YYYY-MM-DD HH:mm:ss');
+ while (temp != end) {
+ time.push(temp);
+ temp = dayjs(temp).add(10, 'minute').format('YYYY-MM-DD HH:mm:ss');
+ }
+ // 鍔犱笂寮傚父鐨勭粨鏉熸椂闂�
+ time.push(temp);
+ return time;
+ },
+ }
+};
</script>
<template>
<div>
- <el-button @click="store.increment()">澧炲姞</el-button>
- <div>count:{{ store.count }}</div>
+ <ExceptionTypeLineChart
+ :xData="xAxis"
+ :yData="yAxis"
+ ></ExceptionTypeLineChart>
</div>
</template>
-<style lang="scss" scoped>
+<style lang="scss" scoped></style>
-</style> -->
-
-<!-- <script setup>
-
-import { useMouse } from '../utils/status1.js'
-const { x, y } = useMouse()
-
-</script> -->
-
-<template>
-Mouse position is at: {{ x }}, {{ y }}
-<div>{{ c }}</div>
-<div>{{ d }}</div>
-</template>
-
-<script >
-import { useMouse } from '../utils/status1.js'
-export default {
- setup() {
- const { x, y } = useMouse()
- return { x, y }
- },
- data(){
- return{
- c:'濂界殑',
- d:1
- }
- },
- watch:{
- x(){
- this.d = this.x
- }
- }
-
-}
-</script>
--
Gitblit v1.9.3