From 1534aee0339dee8000cdd26c21797cf3ad391f7a Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 06 五月 2024 17:33:23 +0800
Subject: [PATCH] 新增折线图模块功能
---
src/components/search/SearchBar.vue | 38 +++++++++++++++++++++++++++++++++++---
1 files changed, 35 insertions(+), 3 deletions(-)
diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index 03e4082..68ee8ed 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,5 +1,5 @@
<template>
- <BaseCard class="map-date-selector">
+ <BaseCard class="">
<template #content>
<el-form :inline="true">
<OptionMission v-model="formSearch.missionCode"></OptionMission>
@@ -9,6 +9,9 @@
v-model="formSearch.deviceCode"
></OptionDevice>
<OptionTime v-model="formSearch.timeArray"></OptionTime>
+ <el-button type="primary" class="el-button-custom" @click="handleClick">
+ 鍒嗘瀽
+ </el-button>
</el-form>
</template>
</BaseCard>
@@ -17,6 +20,9 @@
<script>
// 鎼滅储妗�
export default {
+ props: {
+ searchTime: Array
+ },
data() {
return {
formSearch: {
@@ -27,7 +33,33 @@
}
};
},
- method: {}
+ emits: ['search'],
+ watch: {
+ searchTime(nV, oV) {
+ if (nV != oV) {
+ this.timeArray = this.searchTime;
+ }
+ }
+ },
+ methods: {
+ handleClick() {
+ this.$emit('search', this.formSearch);
+ }
+ }
};
</script>
-<style scoped></style>
+<style lang="scss">
+.map-date-selector {
+ display: inline-block;
+ position: relative;
+ /* left: 0;
+ right: 0;
+ top: 0px; */
+ /* padding: 0 4px; */
+ /* color: ffffffbd; */
+ /* background-color: antiquewhite; */
+}
+
+.p-events-auto {
+}
+</style>
--
Gitblit v1.9.3