宅基地资产地图公开优化

src/views/sunVillage_info/assetMapOpen.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="homestead_main">
     <!--<div id="landMapDiv"></div>-->
-    <div id="mapAll"></div>
+    <div class="header_main"
+         :style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`"
+    >
+      资产地图公开
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div id="mapAll"> </div>
     <div id="info" style="display: none"></div>
     <div class="plotPremises_right" v-if="this.mapHaDataValue">
       <div class="land_information_main">
@@ -223,6 +229,39 @@
     top: 0;
     width: 100vw;
   }
+  .header_main{
+    height: 116px;
+    background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    position: fixed;
+    z-index: 9999;
+  .return_btn{
+    width: 24px;
+    height: 43.2px;
+    background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+    background-size: 20px 36px;
+    position: absolute;
+    left: 38px;
+    top: 36px;
+  }
+  .add_btn{
+    width: 56.4px;
+    height: 40.8px;
+    background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+    background-size: 47px 34px;
+    position: absolute;
+    right: 38px;
+    top: 36px;
+  }
+  }
   .fileList{
   img{
     width: 8vw;
@@ -423,35 +462,6 @@
   }
   .farmhouse_table {
     padding: 4% 0 2%;
-  .header_main {
-    display: block;
-    overflow: hidden;
-  .farmhouse_title {
-    margin: 0;
-    font-size: 14px;
-    color: #fff;
-    float: left;
-  }
-  .farmhouse_ul {
-    font-size: 12px;
-    margin: 0;
-    float: right;
-    color: #fff;
-    padding: 0;
-    padding-right: 5px;
-  li {
-    float: left;
-    margin-left: 9px;
-    list-style: none;
-    cursor: pointer;
-    padding: 0;
-  &.active {
-     color: #87cf9a;
-     border-bottom: 1px solid #87cf9a;
-   }
-  }
-  }
-  }
   }
   }
   }