From 3e7845f7d5d3d6709d79b4b2f407b55a5aecc0cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E9=AD=81?= <2403457699@qq.com>
Date: Tue, 6 Dec 2022 14:11:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B1=85=E6=B0=91=E4=BF=A1=E6=81=AF=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E5=B1=95=E5=BC=80/=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scss/modules/visual/communityManage.css   | 42 +++++++++++++++++++
 .../modules/visual/communityManage.min.css    |  1 +
 .../scss/modules/visual/communityManage.scss  |  9 +++-
 src/views/components/rangeInput.vue           |  3 +-
 src/views/components/resiSearch.vue           |  8 ++--
 5 files changed, 58 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/scss/modules/visual/communityManage.css
 create mode 100644 src/assets/scss/modules/visual/communityManage.min.css

diff --git a/src/assets/scss/modules/visual/communityManage.css b/src/assets/scss/modules/visual/communityManage.css
new file mode 100644
index 000000000..64b4e0b71
--- /dev/null
+++ b/src/assets/scss/modules/visual/communityManage.css
@@ -0,0 +1,42 @@
+.div_del {
+  position: absolute;
+  left: 10px;
+  bottom: 0;
+}
+
+.div_search {
+  display: flex;
+}
+
+.div_search .resi-cell {
+  display: flex;
+  align-items: center;
+}
+
+.div_search .resi-cell .resi-cell-label {
+  width: 70px;
+  box-sizing: border-box;
+  margin-right: 15px;
+  text-align: right;
+}
+
+.div_search .resi-cell .resi-cell-input {
+  width: 180px;
+}
+
+.el-row {
+  /* margin-bottom: 20px; */
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  margin-right: 50px;
+}
+
+.setFormBoxHeight {
+  max-height: 99px;
+  overflow: hidden;
+}
+
+.setFormBoxHeightAuto {
+  height: auto;
+}
diff --git a/src/assets/scss/modules/visual/communityManage.min.css b/src/assets/scss/modules/visual/communityManage.min.css
new file mode 100644
index 000000000..0e774a493
--- /dev/null
+++ b/src/assets/scss/modules/visual/communityManage.min.css
@@ -0,0 +1 @@
+.div_del{position:absolute;left:10px;bottom:0}.div_search{display:flex}.div_search .resi-cell{display:flex;align-items:center}.div_search .resi-cell .resi-cell-label{width:70px;box-sizing:border-box;margin-right:15px;text-align:right}.div_search .resi-cell .resi-cell-input{width:180px}.el-row{display:flex;flex-wrap:wrap;margin-top:10px;margin-right:50px}.setFormBoxHeight{max-height:99px;overflow:hidden}.setFormBoxHeightAuto{max-height:auto}
diff --git a/src/assets/scss/modules/visual/communityManage.scss b/src/assets/scss/modules/visual/communityManage.scss
index d3d96abf3..237d311c7 100644
--- a/src/assets/scss/modules/visual/communityManage.scss
+++ b/src/assets/scss/modules/visual/communityManage.scss
@@ -7,7 +7,7 @@
 }
 .div_search {
   display: flex;
-  
+
 
   .resi-cell {
     display: flex;
@@ -35,3 +35,10 @@
   margin-top: 10px;
   margin-right: 50px;
 }
+.setFormBoxHeight{
+  max-height: 99px;
+  overflow: hidden;
+}
+.setFormBoxHeightAuto{
+  height: auto;
+}
diff --git a/src/views/components/rangeInput.vue b/src/views/components/rangeInput.vue
index 781d3f161..c735fee74 100644
--- a/src/views/components/rangeInput.vue
+++ b/src/views/components/rangeInput.vue
@@ -102,8 +102,9 @@ export default {
 <style lang="scss" scoped>
 .flex-div {
   display: flex;
-  align-items: center;
+  align-items: inherit;
   max-width: 200px;
+  height: 37px;
 }
 // .wd50 {
 //   // width: 45%;
diff --git a/src/views/components/resiSearch.vue b/src/views/components/resiSearch.vue
index 492465d92..1c57adea6 100644
--- a/src/views/components/resiSearch.vue
+++ b/src/views/components/resiSearch.vue
@@ -3,11 +3,12 @@
     <!-- <el-card class="resi-card"> -->
     <div>
 
-      <el-form :inline="true"  :label-width="'100px'" class="header_form_box" v-for="(item, index) in sliceList(itemList, 4)"
+      <el-form :inline="true"  :label-width="'100px'" class="header_form_box" v-for="(item, index) in sliceList(itemList, 4)" :class="boxHeight?'setFormBoxHeightAuto':'setFormBoxHeight'"
               :key="index">
         <el-form-item  v-for="n in item"
                 :key="n.id"
                 :span="computdSpan(item.length)"
+                class="margin0"
               >
           <div class="resi-cell">
             <div class="resi-cell-label"
@@ -202,7 +203,7 @@
                    size="small"
                    plain
                    @click="handleSmartSearch">智能查询</el-button>
-        <span class="font_color_blue">收起 <i class="el-icon-arrow-up"></i></span>
+        <span class="font_color_blue" style="cursor:pointer;" @click="boxHeight = !boxHeight">{{boxHeight?'收起':'展开'}} <i :class="boxHeight?'el-icon-arrow-up':'el-icon-arrow-down'"></i></span>
       </el-col>
     </el-row>
 
@@ -287,6 +288,7 @@ export default {
     }
 
     return {
+      boxHeight:false,
       pageLoading: false,
       openSearch: false,
       optionsV: [],
@@ -811,7 +813,7 @@ export default {
 
 <style lang="scss" scope>
 @import "@/assets/scss/modules/management/list-main.scss";
-
+@import "@/assets/scss/modules/visual/communityManage.scss";
 .header_form_box{
   display: flex;
   flex-wrap: wrap;