永久基本农田修改

src/views/farmlandProtection/gdzl/index.vue

@@ -1,22 +1,11 @@
 <template>
   <div class="innerContainer leftPane" v-drag>
     <h2 class="Pangetitle darg-div el-col">
-      <span class="pange_text"
-        >{{ pageType == 0 ? "耕地总览" : "永久基本农田" }}
+      <span class="pange_text">{{ pageType == 0 ? "耕地总览" : "永久基本农田" }}
       </span>
       <div class="region">
-        <el-select
-          v-model="nowunit"
-          placeholder="请选择"
-          size="mini"
-          @change="unitChange"
-        >
-          <el-option
-            v-for="item in unitList"
-            :key="item.code"
-            :label="item.name"
-            :value="item.code"
-          >
+        <el-select v-model="nowunit" placeholder="请选择" size="mini" @change="unitChange">
+          <el-option v-for="item in unitList" :key="item.code" :label="item.name" :value="item.code">
           </el-option>
         </el-select>
       </div>
@@ -24,46 +13,19 @@
     <div class="xz_box">
       <div class="gdzl">
         <div class="el-col headerSelect">
-          <el-select
-            v-model="nowyear"
-            placeholder="请选择"
-            size="mini"
-            @change="yearChange()"
-          >
-            <el-option
-              v-for="item in yearList"
-              :key="item.year"
-              :label="item.year"
-              :value="item.year"
-            >
+          <el-select v-model="nowyear" placeholder="请选择" size="mini" @change="yearChange()">
+            <el-option v-for="item in yearList" :key="item.year" :label="item.year" :value="item.year">
             </el-option>
           </el-select>
           <!-- clearable -->
-          <el-cascader
-            v-model="region"
-            :show-all-levels="false"
-            :options="store.state.region_tree"
-            @change="xzqhChange()"
-            placeholder="行政区"
-            size="mini"
-            :props="{
+          <el-cascader v-model="region" :show-all-levels="false" :options="store.state.region_tree"
+            @change="xzqhChange()" placeholder="行政区" size="mini" :props="{
               checkStrictly: true,
               expandTrigger: 'hover',
               emitPath: false,
-            }"
-          ></el-cascader>
-          <el-select
-            v-model="dlbm"
-            placeholder="请选择"
-            size="mini"
-            @change="dlbmChange"
-          >
-            <el-option
-              v-for="item in typeList"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id"
-            >
+            }"></el-cascader>
+          <el-select v-model="dlbm" placeholder="请选择" size="mini" @change="dlbmChange">
+            <el-option v-for="item in typeList" :key="item.id" :label="item.label" :value="item.id">
             </el-option>
           </el-select>
           <!-- <div class="region">
@@ -84,15 +46,13 @@
                 <p>{{ zl.ntname }}</p>
                 <span class="cvalue">
                   {{ (zldata[zl.prop || uprops[nowunit]] || 0).toFixed(2) }}
-                  {{ zl.ntunit || unitList[nowunit].unit }}</span
-                >
+                  {{ zl.ntunit || unitList[nowunit].unit }}</span>
               </div>
               <div class="text" v-else>
                 <p>{{ zl.name }}</p>
                 <span class="cvalue">
                   {{ (zldata[zl.prop || uprops[nowunit]] || 0).toFixed(2) }}
-                  {{ zl.unit || unitList[nowunit].unit }}</span
-                >
+                  {{ zl.unit || unitList[nowunit].unit }}</span>
               </div>
             </div>
           </div>
@@ -118,18 +78,8 @@
             <div class="titlesel" v-show="gtype == '耕地'">
               对比年份
               <div class="selectTab">
-                <el-select
-                  v-model="tab"
-                  placeholder="请选择"
-                  :popper-append-to-body="false"
-                  @change="GetBhqk()"
-                >
-                  <el-option
-                    v-for="item in yearList"
-                    :key="item.year"
-                    :label="item.year"
-                    :value="item.year"
-                  >
+                <el-select v-model="tab" placeholder="请选择" :popper-append-to-body="false" @change="GetBhqk()">
+                  <el-option v-for="item in yearList" :key="item.year" :label="item.year" :value="item.year">
                   </el-option>
                 </el-select>
               </div>
@@ -151,15 +101,8 @@
           <bar class="pie_echart" ref="echartRef0"></bar>
         </div>
         <div class="echars gqgd">
-          <Statistics
-            :title="`各区${gtype}分布`"
-            :cityList="cityList"
-            :prop="uprops[nowunit]"
-            :unit="unitList[nowunit].unit"
-            :height="gtype == '耕地' ? 180 : 260"
-            :text="`占全市${gtype}`"
-            textunit="%"
-          >
+          <Statistics :title="`各区${gtype}分布`" :cityList="cityList" :prop="uprops[nowunit]"
+            :unit="unitList[nowunit].unit" :height="gtype == '耕地' ? 180 : 260" :text="`占全市${gtype}`" textunit="%">
           </Statistics>
           <!-- <sidebar v-if="!sidebar.hide" class="sidebar-container" /> -->
         </div>
@@ -271,7 +214,7 @@ export default {
     // this.GetDate();
     this.typeList = [...JSON.parse(JSON.stringify(legends))];
   },
-  mounted() {},
+  mounted() { },
   methods: {
     changeData(name, updata) {
       this[name] = updata;
@@ -317,12 +260,10 @@ export default {
     },
     goLayer(lobj, nowtype) {
       let lname = this.layers[0].name; // `dlbm like '${this.dlbm}%'`,
-      let sql = `dlbm LIKE '${this.dlbm}%' and ${
-        this.pageType ? "xzqdm" : "qsdwdm"
-      } LIKE '%${this.region}%'`;
+      let sql = `${this.pageType ? "xzqdm" : "qsdwdm"} LIKE '%${this.region}%'`;
+      if (this.dlbm != '01') sql += ` and dlbm LIKE '${this.dlbm}%'`;
       SetParameters(lname, sql, this.provider, (lid) => {
         // this.typeList[nowtype.index].layerID = lid;
-        console.log(lid);
         this.nowlayer = this.nowyear + lid;
         this.setImager({ ...lobj, lid });
       });
@@ -637,9 +578,11 @@ export default {
     border-radius: 5px;
     padding-top: 10px;
     margin-top: 5px;
+    display: flex;
   }
 
   .echars {
+
     // width: 100%;
     // height: calc(100% - 120px);
     // overflow-y: auto;