网格下拉列表

src/views/modules/cabaseinfo/caloudong.vue

@@ -16,6 +16,14 @@
             clearable
           ></el-input>
         </el-form-item>
+        <el-form-item label="网格下拉" prop="gridId">
+          <el-cascader
+            :options="caLouDongOptions"
+            :props="{ checkStrictly: true }"
+            clearable
+            @change="handlePartyChange">
+          </el-cascader>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button>
         </el-form-item>
@@ -145,9 +153,30 @@ export default {
       dataForm: {
         buildingName: "",
         communityName: "",
+         gridId:""
       },
+      caLouDongOptions:[]
     };
   },
+  methods:{
+    getloudongOptions(){
+      this.$http.post(`/opendata/caLoudong/getLouDongCascade`).then(resp => {
+        if(resp.data.code === 0){
+          this.caLouDongOptions = resp.data.data
+        }
+      }).catch(error => {
+        this.$message.error(error)
+      })
+          
+  },
+  handlePartyChange(val) {
+      console.log('val------pp', val)
+      this.dataForm.gridId = val[val.length - 1]
+    },
+  },
+created(){
+    this.getloudongOptions()
+  },
   components: {
     AddOrUpdate,
   },

src/views/modules/cabaseinfo/capingfang.vue

@@ -16,6 +16,14 @@
             clearable
           ></el-input>
         </el-form-item>
+        <el-form-item label="网格下拉" prop="gridId">
+          <el-cascader
+            :options="caLouDongOptions"
+            :props="{ checkStrictly: true }"
+            clearable
+            @change="handlePartyChange">
+          </el-cascader>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button>
         </el-form-item>
@@ -145,9 +153,30 @@ export default {
       dataForm: {
         buildingName: "",
         communityName: "",
+        gridId:""
       },
+      caLouDongOptions:[]
     };
   },
+  methods:{
+    getloudongOptions(){
+      this.$http.post(`/opendata/caLoudong/getLouDongCascade`).then(resp => {
+        if(resp.data.code === 0){
+          this.caLouDongOptions = resp.data.data
+        }
+      }).catch(error => {
+        this.$message.error(error)
+      })
+          
+  },
+  handlePartyChange(val) {
+      console.log('val------pp', val)
+      this.dataForm.gridId = val[val.length - 1]
+    },
+  },
+created(){
+    this.getloudongOptions()
+  },
   components: {
     AddOrUpdate,
   },

src/views/modules/cabaseinfo/carental.vue

@@ -22,6 +22,14 @@
             placeholder="承租人姓名"
             clearable
           ></el-input>
+        </el-form-item>
+         <el-form-item label="网格下拉" prop="gridId">
+          <el-cascader
+            :options="caLouDongOptions"
+            :props="{ checkStrictly: true }"
+            clearable
+            @change="handlePartyChange">
+          </el-cascader>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button>
@@ -146,9 +154,30 @@ export default {
         houseName: "",
         residentName: "",
         renterName: "",
+        gridId:""
       },
+      caLouDongOptions:[]
     };
   },
+  methods:{
+    getloudongOptions(){
+      this.$http.post(`/opendata/caLoudong/getLouDongCascade`).then(resp => {
+        if(resp.data.code === 0){
+          this.caLouDongOptions = resp.data.data
+        }
+      }).catch(error => {
+        this.$message.error(error)
+      })
+          
+  },
+  handlePartyChange(val) {
+      console.log('val------pp', val)
+      this.dataForm.gridId = val[val.length - 1]
+    },
+  },
+created(){
+    this.getloudongOptions()
+  },
   components: {
     AddOrUpdate,
   },

src/views/modules/cabaseinfo/caresident.vue

@@ -19,6 +19,14 @@
             clearable
           ></el-input>
         </el-form-item>
+        <el-form-item label="网格下拉" prop="gridId">
+          <el-cascader
+            :options="caLouDongOptions"
+            :props="{ checkStrictly: true }"
+            clearable
+            @change="handlePartyChange">
+          </el-cascader>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button>
         </el-form-item>
@@ -137,9 +145,30 @@ export default {
         idCard: "",
         residentName: "",
         telephone: "",
+        gridId:""
       },
+      caLouDongOptions:[]
     };
   },
+  methods:{
+    getloudongOptions(){
+      this.$http.post(`/opendata/caLoudong/getLouDongCascade`).then(resp => {
+        if(resp.data.code === 0){
+          this.caLouDongOptions = resp.data.data
+        }
+      }).catch(error => {
+        this.$message.error(error)
+      })
+          
+  },
+  handlePartyChange(val) {
+      console.log('val------pp', val)
+      this.dataForm.gridId = val[val.length - 1]
+    },
+  },
+created(){
+    this.getloudongOptions()
+  },
   components: {
     AddOrUpdate,
   },

src/views/modules/cabaseinfo/carotators.vue

@@ -18,6 +18,14 @@
             placeholder="联系方式"
             clearable
           ></el-input>
+        </el-form-item>
+         <el-form-item label="网格下拉" prop="gridId">
+          <el-cascader
+            :options="caLouDongOptions"
+            :props="{ checkStrictly: true }"
+            clearable
+            @change="handlePartyChange">
+          </el-cascader>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button>
@@ -131,9 +139,30 @@ export default {
         idCard: "",
         residentName: "",
         telephone: "",
+        gridId:""
       },
+       caLouDongOptions:[]
     };
   },
+  methods:{
+    getloudongOptions(){
+      this.$http.post(`/opendata/caLoudong/getLouDongCascade`).then(resp => {
+        if(resp.data.code === 0){
+          this.caLouDongOptions = resp.data.data
+        }
+      }).catch(error => {
+        this.$message.error(error)
+      })
+          
+  },
+  handlePartyChange(val) {
+      console.log('val------pp', val)
+      this.dataForm.gridId = val[val.length - 1]
+    },
+  },
+created(){
+    this.getloudongOptions()
+  },
   components: {
     AddOrUpdate,
   },