From 010f31a56f5b5a0263985f50302b8802453a5af8 Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期一, 01 三月 2021 22:16:53 +0800
Subject: [PATCH] 修改专题搜索面板样式
---
src/components/panel/RightSearchPanel.vue | 1 +
src/assets/css/map/map-elem-ui.less | 10 ++++++++++
src/components/panel/topicSearch/SewersSearch.vue | 38 +++++++++++++++++++++++++-------------
3 files changed, 36 insertions(+), 13 deletions(-)
diff --git a/src/assets/css/map/map-elem-ui.less b/src/assets/css/map/map-elem-ui.less
index cec841d..fd1d1d4 100644
--- a/src/assets/css/map/map-elem-ui.less
+++ b/src/assets/css/map/map-elem-ui.less
@@ -35,3 +35,13 @@
border-bottom-color: @color !important;
}
}
+.sewers-search{
+ .search-btn{
+
+
+ }
+ .el-input__icon:hover{
+ color: @color;
+ cursor: pointer;
+ }
+}
diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue
index fdbaae2..ff6a70d 100644
--- a/src/components/panel/RightSearchPanel.vue
+++ b/src/components/panel/RightSearchPanel.vue
@@ -308,6 +308,7 @@
.search-form .el-form-item {
margin: 0px;
+ margin-bottom: 8px;
}
.search-form .el-icon-search {
diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue
index 22d6997..a90e1a8 100644
--- a/src/components/panel/topicSearch/SewersSearch.vue
+++ b/src/components/panel/topicSearch/SewersSearch.vue
@@ -1,5 +1,5 @@
<template>
- <div id="sewers-search">
+ <div class="sewers-search">
<div class="el-message-box__header panel_header">
<div class="el-message-box__title panel_title"><!----><span>{{ title }}</span>
</div>
@@ -9,7 +9,7 @@
<div>
<el-card class="search-panel">
<el-form ref="form" :model="form" label-width="90px" class="search-form">
- <el-form-item label="璁炬柦绫诲瀷锛�" size="mini">
+ <el-form-item label="璁炬柦绫诲瀷锛�" size="mini" class="search-panel-item">
<el-select v-model="form.pipelineType" @change="handlePipelineType" popper-class="select-down">
<el-option
v-for="item in pipelineTypeOptions"
@@ -19,8 +19,8 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鏁版嵁绫诲瀷锛�">
- <el-select v-model="form.dataType" size="mini" popper-class="select-down">
+ <el-form-item :label="form.pipelineType+'锛�'" size="mini">
+ <el-select v-model="form.dataType" @change="handleDataType" popper-class="select-down">
<el-option
v-for="item in dataTypeOptions"
:key="item.value"
@@ -33,7 +33,8 @@
<el-input v-model="form.key" size="mini"
placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�">
<!-- <el-button slot="append" icon="el-icon-search" size="mini"></el-button>-->
- <span><i class="el-icon-edit"></i></span>
+<!-- <i slot="prefix" class="el-input__icon el-icon-search"></i>-->
+ <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i>
</el-input>
<!-- </el-form-item>-->
<!-- <el-form-item>-->
@@ -128,18 +129,21 @@
total: 0,
pipelineTypeOptions: PipelineTypeOptions,
outletOptions: OutletOptions,
- dataTypeOptions: [],
+ dataTypeOptions: PipelineTypeOptions,
attachOptions: AttachOptions,
pipelineOptions: PipelineOptions,
environmentOptions: EnvironmentOptions,
surroundingsOptions: SurroundingsOptions,
form: {
- transNo: null,
- carrierName: null,
- transMode: null,
- vehicleNo: null,
- orderState: null,
+
+ pipelineType: PipelineTypeOptions[0].label,
+ dataType: PipelineOptions[0].label,
+ // transNo: null,
+ // carrierName: null,
+ // transMode: null,
+ // vehicleNo: null,
+ // orderState: null,
size: 10,
current: 1
},
@@ -164,9 +168,18 @@
} else if (item === '5') {
this.dataTypeOptions = this.surroundingsOptions
}
+ this.form.pipelineType = this.pipelineTypeOptions[item - 1].label
+ this.form.dataType = this.dataTypeOptions[0].label
+ },
+ handleDataType (item) {
+
},
handleSearch () {
-
+ const param = {
+ pipelineType: this.form.pipelineType,
+ dataType: this.form.dataType
+ }
+ console.log(param)
}
}
}
@@ -174,5 +187,4 @@
<style lang="less">
@import '@assets/css/map/map-elem-ui';
-
</style>
--
Gitblit v1.8.0