白膜清除，功能按钮添加文字提示

src/views/siteselection/components/dkDetailsNew.vue

@@ -36,7 +36,10 @@
           米
         </el-form-item>
       </el-form>
-      <el-button class="heiBtn" type="primary" size="mini" @click="submit">确 定</el-button>
+      <div class="Btns">
+        <el-button  size="mini" @click="clear">清 除</el-button>
+        <el-button type="primary" size="mini" @click="submit">确 定</el-button>
+    </div>
     </div>
   </div>
 </template>
@@ -83,6 +86,9 @@ export default {
       }
       else if (this.title == "三维分析") this.ruleForm.height = 50;
     },
+    clear() {
+      this.$emit("pullClear", this.optional);
+    },
     submit() {
       this.$emit("pullUp", this.optional, this.ruleForm.height);
     },
@@ -274,8 +280,17 @@ export default {
   width: calc(100% - 50px);
 }
 
-.heiBtn {
-  position: absolute;
-  right: 20px;
+.Btns {
+    width: 100%;
+    // display: -webkit-box;
+    // display: -ms-flexbox;
+    display: flex;
+    padding: 20px 30px;
+    // -webkit-box-pack: justify;
+    // -ms-flex-pack: justify;
+    justify-content: space-between;
+    // text-align: center;
+    // position: absolute;
+    // bottom: 0px;
 }
 </style>

src/views/siteselection/components/xzjg.vue

@@ -53,11 +53,11 @@
               <!-- 地块编号B_P_123 -->
               {{ item.dkbm }} ({{ item.area || 0 }})亩
               <span class="tools">
-                <i class="header-icon el-icon-place" @click.stop="mapview(item)"></i>
-                <i class="header-icon el-icon-s-order" @click="planInfo1($event, item)"></i>
-                <i class="header-icon el-icon-download" @click="downloadFile($event, item)"></i>
-                <i class="header-icon el-icon-receiving" @click="threeInfo($event, item)"></i>
-                <i class="header-icon el-icon-plus" @click="addprogramme($event, item)"></i>
+                <i class="header-icon el-icon-place" title="定位"  @click.stop="mapview(item)"></i>
+                <i class="header-icon el-icon-s-order" title="规划信息" @click="planInfo1($event, item)"></i>
+                <i class="header-icon el-icon-download" title="下载报告" @click="downloadFile($event, item)"></i>
+                <i class="header-icon el-icon-receiving" title="三维分析" @click="threeInfo($event, item)"></i>
+                <i class="header-icon el-icon-plus" title="加入备选" @click="addprogramme($event, item)"></i>
               </span>
             </template>
             <div class="collapseCon">
@@ -94,7 +94,7 @@
         >
       </div>
     </div> -->
-    <dkDetails ref="dkDetails" @mapview="mapview" @pullUp="pullUp"></dkDetails>
+    <dkDetails ref="dkDetails" @mapview="mapview" @pullClear="pullClear" @pullUp="pullUp"></dkDetails>
   </div>
 </template>
 
@@ -406,6 +406,10 @@ export default {
         });
       }
     },
+    pullClear(item){
+      if (dataSources[item.id])
+      viewer.dataSources.remove(dataSources[item.id]);
+    },
 
     submit() {
       console.log("生成报告");