云图es搜索

src/views/forest.vue

@@ -84,6 +84,9 @@
             <img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
             <div class="i-list-con h-27" style="padding-left: 1rem;">
               <div class="d-l-con-icon">
+                <div class="top-left">
+                  <button class="add-button" @click="getResource">搜索全部</button>
+                </div>
                 <div class="icon-con" :class="{on:iconCurrentIndex==item.type}"
                   v-for="(item,index) in resourcesList" v-on:click="fireControlViewPoint(item.type, '','search')">
                   <!--v-on:click="indentleftSetMarkers(item.resourceTable)">-->
@@ -680,6 +683,7 @@
       },
       getResource() {
         let that = this;
+        that.resourcesList=[]
         fireControlViewList("ziyuan").then(function (res) {
           for (let i = 0; i < res.data.length; i++) {
             if(res.data[i].type !='centerdata_t_forest_fireteam'){
@@ -1988,7 +1992,19 @@
 
 <style lang="scss">
     @import '@/assets/styles/base.scss';
+    .top-left {
+      position: absolute;
+      top: 15px; /* 设置距离顶部的位置 */
+      left: 75%; /* 设置距离左侧的位置 */
+    }
 
+    .add-button {
+      background-color: #04244d; /* 设置背景颜色 */
+      color: #1d66ec; /* 设置文字颜色 */
+      padding: 5px 10px; /* 设置内边距 */
+      border: none; /* 移除边框 */
+      cursor: pointer; /* 添加鼠标指针样式 */
+    }
     .bottomRight{
         .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
             background-color: $searchBG;