2023-8-23

src/views/component/map.vue

@@ -77,6 +77,9 @@
           <Button size="small" type="success" :ghost="select.filter[5].value !== 1" @click="select.filter[5].value = 1,areaPick()">有建筑</Button>
           <Button size="small" type="primary" :ghost="select.filter[5].value !== 2" @click="select.filter[5].value = 2,areaPick()">无建筑</Button>
           <Button size="small" type="info" :ghost="!!select.filter[5].value" @click="select.filter[5].value = '',areaPick()">全部</Button>
+          <el-input size="mini" style="margin-top: 4px;" placeholder="请输入地块名称" v-model="select.filter[1].value" clearable>
+            <el-button type="primary" slot="append" icon="el-icon-search" @click="areaPick"></el-button>
+          </el-input>
 <!--          <RadioGroup v-model="select.filter[5].value" type="button" button-style="solid">-->
 <!--            <Radio label="是" :value="1"></Radio>-->
 <!--            <Radio label="否" :value="0"></Radio>-->
@@ -106,6 +109,7 @@
 <!--          >-->
         </div>
 
+        <p style="text-align: center;padding: 4px 0;font-weight: 600;">总共 {{total}} 条</p>
         <ul v-if="list && list.length > 0">
           <li v-for="(item,index) in list" :key="item.id" :style="{'border-color': openData.id === item.id ? 'blue' : ''}">
             <div class="left">
@@ -291,6 +295,7 @@ export default {
         tableName: "",
       },
       form: [],
+      total: 0,
       table: [],
       list: [],
       mapHeight: 0,
@@ -321,9 +326,6 @@ export default {
     };
   },
   methods: {
-    test() {
-      console.log(this.$refs["search-input"].$el);
-    },
     index,
     areaPick(e) {
       this.areaBG(this.wxAreas[this.select.filter[0].value - 1]);
@@ -352,7 +354,7 @@ export default {
         page_size: 9999,
         ...this.select,
       });
-
+      this.total = res.total;
       this.list = res.data;
       this.loading = false;
     },
@@ -820,7 +822,7 @@ export default {
     cursor: pointer;
 
     position: absolute;
-    top: 76px;
+    top: 84px;
     left: -30px;
   }
 
@@ -829,6 +831,7 @@ export default {
     overflow-y: scroll;
 
     padding: 10px;
+    padding-top: 0;
     &::-webkit-scrollbar {
       width: 4px;
     }