From ba46ba45e6818a0105bdc14bf1f2616325373369 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Mon, 7 Mar 2022 14:06:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=93=E6=89=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/modules/search.scss |  4 +++-
 src/views/modules/shequ/index.vue   | 16 +++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/assets/scss/modules/search.scss b/src/assets/scss/modules/search.scss
index d0222b5c..7b4cb925 100644
--- a/src/assets/scss/modules/search.scss
+++ b/src/assets/scss/modules/search.scss
@@ -26,13 +26,15 @@
 
             .input {
                 position: relative;
-                select {
+                .select-show {
                     border: none;
+                    display: block;
                     font-size: 16px;
                     width: 90px;
                     line-height: 32px;
                     text-align: center;
                     color: #0082fb;
+                    cursor: default;
                 }
 
                 input {
diff --git a/src/views/modules/shequ/index.vue b/src/views/modules/shequ/index.vue
index c0f09f69..7469479e 100644
--- a/src/views/modules/shequ/index.vue
+++ b/src/views/modules/shequ/index.vue
@@ -9,11 +9,17 @@
 
           <div class="search">
             <div class="input">
-              <select v-model="searchData.type">
-                <option value="jumin">居民</option>
-                <option value="fangwu">房屋</option>
-                <option value="xuqiu">需求</option>
-              </select>
+              <el-dropdown class="select" 
+                placement="bottom" v-model="searchData.type" @command="type => searchData.type = type">
+                <span class="select-show">
+                  {{{jumin:'居民', fangwu: '房屋', xuqiu:'需求'}[searchData.type]}}<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item command="jumin">居民</el-dropdown-item>
+                  <el-dropdown-item command="fangwu">房屋</el-dropdown-item>
+                  <el-dropdown-item command="xuqiu">需求</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
 
               <input
                 type="text"