From 6d33bf879069f2fd004f32271a4cb4c8bb8511d1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 12 七月 2024 17:18:57 +0800
Subject: [PATCH] 1. 新增分段展示路径的测试页面
---
src/components/search/SearchBar.vue | 43 +++++++++++++++++++++++++++++++++++--------
1 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index 003c1a0..4534886 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,15 +1,20 @@
<template>
- <BaseCard class="map-date-selector flexbox-col align-items">
+ <BaseCard size="middle-s" direction="down">
<template #content>
<el-form :inline="true">
- <OptionMission v-model="formSearch.missionCode"></OptionMission>
+ <OptionMission v-model="mission"></OptionMission>
<OptionType v-model="formSearch.type"></OptionType>
<OptionDevice
:type="formSearch.type"
v-model="formSearch.deviceCode"
></OptionDevice>
<OptionTime v-model="formSearch.timeArray"></OptionTime>
- <el-button type="primary" class="el-button-custom" @click="handleClick">
+ <el-button
+ :loading="loading"
+ type="primary"
+ class="el-button-custom"
+ @click="handleClick"
+ >
鍒嗘瀽
</el-button>
</el-form>
@@ -21,12 +26,13 @@
// 鎼滅储妗�
export default {
props: {
+ loading: Boolean,
searchTime: Array
},
data() {
return {
+ mission: {},
formSearch: {
- missionCode: '',
type: '',
deviceCode: '',
timeArray: []
@@ -37,18 +43,39 @@
watch: {
searchTime(nV, oV) {
if (nV != oV) {
- this.timeArray = this.searchTime;
+ this.formSearch.timeArray = this.searchTime;
+ }
+ },
+ mission(nV, oV) {
+ if (nV != oV) {
+ this.formSearch.timeArray = [
+ new Date(nV.startTime),
+ new Date(nV.endTime)
+ ];
+ this.formSearch.type = nV.deviceType;
+ this.formSearch.deviceCode = nV.deviceCode;
}
}
},
- method: {
+ methods: {
handleClick() {
- this.$emit('search', this.formSearch);
+ this.$emit('search', { ...this.formSearch, mission: this.mission });
}
}
};
</script>
<style lang="scss">
-.fy-container {
+.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