永久基本农田

src/views/farmlandProtection/gdzl/index.vue

@@ -71,7 +71,9 @@
         </div>
         <div class="echars">
           <div class="echartTitle">
-            <div class="block-title">{{ gtype }}总量</div>
+            <div class="block-title">
+              {{ pageType && dlbm == "01" ? "永久基本农田" : gtype }}总量
+            </div>
           </div>
           <div class="content gdzlc">
             <div class="item" v-for="zl in zllist[gtype]" :key="zl.name">
@@ -108,7 +110,11 @@
         </div>
         <div class="echars">
           <div class="echartTitle">
-            <div class="block-title">{{ `${gtype}增减` }}变化情况</div>
+            <div class="block-title">
+              {{
+                `${pageType && dlbm == "01" ? "永久基本农田" : gtype}增减`
+              }}变化情况
+            </div>
             <div class="titlesel" v-show="gtype == '耕地'">
               对比年份
               <div class="selectTab">
@@ -153,7 +159,8 @@
             :height="gtype == '耕地' ? 180 : 260"
             :text="`占全市${gtype}`"
             textunit="%"
-          ></Statistics>
+          >
+          </Statistics>
           <!-- <sidebar v-if="!sidebar.hide" class="sidebar-container" /> -->
         </div>
       </div>
@@ -503,7 +510,7 @@ export default {
           viewer.imageryLayers.remove(this.imagelayers[key]);
         });
         this.imagelayers = {};
-        this.typeList = [...JSON.parse(JSON.stringify(legends))];    
+        this.typeList = [...JSON.parse(JSON.stringify(legends))];
       });
     },
     setEchart(data, id) {
@@ -533,9 +540,11 @@ export default {
 <style lang="scss" scoped>
 .gdzl {
   height: 100%;
+
   .el-select {
     padding: 0 10px;
   }
+
   .headerSelect {
     width: 100%;
     height: 26px;
@@ -544,21 +553,25 @@ export default {
     display: flex;
     justify-content: space-between;
   }
+
   .content {
     width: 100%;
     height: 190px;
     padding-top: 5px;
+
     .item {
       width: 32%;
       // height: 100px;
       display: inline-block;
       position: relative;
+
       .icon {
         width: 100%;
         height: 50px;
         display: flex;
         justify-content: space-between;
       }
+
       .iicon {
         background: no-repeat 50%;
         background-image: url("/static/images/overview/icon_yrkkg.png");
@@ -567,9 +580,11 @@ export default {
         flex: 1;
       }
     }
+
     .item50 {
       width: 48%;
     }
+
     .text {
       display: inline-block;
       // border: #00FFFF 1px solid;
@@ -577,31 +592,37 @@ export default {
       margin-bottom: 4px;
       text-align: center;
       margin-left: 0.3rem;
+
       .cvalue {
         font-family: "Arial Negreta", "Arial Normal", "Arial";
         font-weight: 700;
         font-style: normal;
         color: #68f4fb;
       }
+
       .unit {
         color: #fff;
       }
     }
   }
+
   .gdzlc {
     height: 65px;
     display: flex;
     justify-content: space-between;
+
     .item {
       width: 48%;
       height: 60px;
       padding-left: 20px;
       background: rgba(104, 244, 251, 0.21568627); // #2f5b71;
       border-radius: 5px;
+
       .icon {
         width: 50px;
         display: inline-block;
       }
+
       .text {
         display: inline-block;
         width: calc(100% - 60px);
@@ -609,6 +630,7 @@ export default {
       }
     }
   }
+
   .scontent {
     height: 60px;
     background: rgba(104, 244, 251, 0.21568627); //#2f5b71;
@@ -625,6 +647,7 @@ export default {
     .echartTitle {
       height: 35px;
     }
+
     .block-title {
       width: calc(100% - 250px) !important;
     }
@@ -634,9 +657,11 @@ export default {
       display: flex;
     }
   }
+
   .echart {
     height: 200px !important;
   }
+
   .pietitle {
     position: relative;
     width: 200px;
@@ -655,4 +680,4 @@ export default {
     height: 140px;
   }
 }
-</style >
+</style>