From e94ea7f723e616a0566ac5c7f9d77435333d9e92 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期六, 11 五月 2024 17:38:20 +0800
Subject: [PATCH] 实时走航
---
src/views/historymode/component/TrendAnalysis.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 11 deletions(-)
diff --git a/src/views/historymode/component/TrendAnalysis.vue b/src/views/historymode/component/TrendAnalysis.vue
index d5de2d0..cc5205b 100644
--- a/src/views/historymode/component/TrendAnalysis.vue
+++ b/src/views/historymode/component/TrendAnalysis.vue
@@ -1,14 +1,24 @@
<template>
<el-row class="wrap">
- <el-col span="10">
- <FactorCheckbox
- :device-type="deviceType"
- @change="(e) => (selectFactorType = e)"
- ></FactorCheckbox>
- <LineChart
- :factor-datas="factorDatas"
- :select-factor-type="selectFactorType"
- ></LineChart>
+ <Transition name="">
+ <el-col v-show="show" span="10">
+ <FactorCheckbox
+ v-model="selectFactorType"
+ :device-type="deviceType"
+ ></FactorCheckbox>
+ <ProgressLineChart
+ :locate-index="locateIndex"
+ @chart-click="handleChartClick"
+ :factor-datas="factorDatas"
+ :select-factor-type="selectFactorType"
+ ></ProgressLineChart>
+ </el-col>
+ </Transition>
+ <el-col span="2">
+ <CardButton
+ name="鐩戞祴瑕佺礌瓒嬪娍鍒嗘瀽"
+ @click="() => (show = !show)"
+ ></CardButton>
</el-col>
</el-row>
</template>
@@ -24,12 +34,21 @@
deviceType: {
type: String
},
- factorDatas: FactorDatas
+ factorDatas: FactorDatas,
+ // 褰撳墠閫変腑楂樹寒鐨勬暟鎹偣绱㈠紩
+ locateIndex: Number
},
data() {
return {
- selectFactorType: ['1']
+ selectFactorType: ['1'],
+ show: true
};
+ },
+ emits: ['chartClick'],
+ methods: {
+ handleChartClick(index) {
+ this.$emit('chartClick', index);
+ }
}
};
</script>
@@ -37,5 +56,20 @@
.wrap {
/* display: flex;
flex-direction: column; */
+ /* background-color: aliceblue; */
+}
+
+.slide-fade-enter-active {
+ transition: all 0.3s ease-out;
+}
+
+.slide-fade-leave-active {
+ transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+ transform: translateX(-100%);
+ opacity: 0;
}
</style>
--
Gitblit v1.9.3