From 7776cd1846e256a8cd630c8154942d6ea321d557 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Wed, 21 Sep 2022 09:41:51 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A2=AB=E6=8A=A4=E7=90=86=E4=BA=BA=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=EF=BC=8C=E7=A4=BE=E5=8C=BA=E4=BF=A1=E6=81=AF=20=20?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/communityInfo/index.vue | 211 ++++++++++++-----------
 1 file changed, 111 insertions(+), 100 deletions(-)

diff --git a/src/views/system/communityInfo/index.vue b/src/views/system/communityInfo/index.vue
index 59f8eed..6edbe96 100644
--- a/src/views/system/communityInfo/index.vue
+++ b/src/views/system/communityInfo/index.vue
@@ -25,7 +25,11 @@
         />
       </el-form-item> -->
       <el-form-item label="所属区域" prop="areaCode">
-        <el-select v-model="queryParams.province" clearable placeholder="请选择省">
+        <el-select
+          v-model="queryParams.province"
+          clearable
+          placeholder="请选择省"
+        >
           <el-option
             v-for="item in arealist"
             :key="item.id"
@@ -250,9 +254,11 @@
           :key="index"
           style="margin-top: 20px"
         >
-          <el-form-item label="所属区域" 
-          :rules="rules.communityInfoList.areaCode"
-          :prop="`communityInfoList.${index}.areaCode`">
+          <el-form-item
+            label="所属区域"
+            :rules="rules.communityInfoList.areaCode"
+            :prop="`communityInfoList.${index}.areaCode`"
+          >
             <el-select v-model="item.province" clearable placeholder="请选择省">
               <el-option
                 v-for="item in arealist"
@@ -310,9 +316,10 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="社区名称"
-           :rules="rules.communityInfoList.communityName"
-          :prop="`communityInfoList.${index}.communityName`"
+          <el-form-item
+            label="社区名称"
+            :rules="rules.communityInfoList.communityName"
+            :prop="`communityInfoList.${index}.communityName`"
           >
             <el-input
               v-model="item.communityName"
@@ -320,20 +327,21 @@
               maxlength="30"
             />
           </el-form-item>
-          <el-form-item label="社区经度"
+          <el-form-item
+            label="社区经度"
             :rules="rules.communityInfoList.communityLongitude"
-          :prop="`communityInfoList.${index}.communityLongitude`"
+            :prop="`communityInfoList.${index}.communityLongitude`"
           >
             <el-input
               v-model="item.communityLongitude"
               placeholder="请输入社区经度"
               maxlength="20"
-              
             />
           </el-form-item>
-          <el-form-item label="社区纬度"
-          :rules="rules.communityInfoList.communityLatitude"
-          :prop="`communityInfoList.${index}.communityLatitude`"
+          <el-form-item
+            label="社区纬度"
+            :rules="rules.communityInfoList.communityLatitude"
+            :prop="`communityInfoList.${index}.communityLatitude`"
           >
             <el-input
               v-model="item.communityLatitude"
@@ -362,7 +370,7 @@
           ></el-button>
         </div>
       </el-form>
-      <div slot="footer" class="dialog-footer" style="margin-right:45%">
+      <div slot="footer" class="dialog-footer" style="margin-right: 45%">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
@@ -375,12 +383,20 @@
           <el-input v-model="form.areaCode" placeholder="请输入所属区域编码" />
         </el-form-item> -->
         <el-form-item label="所属区域" prop="areaCode">
-          <el-input v-model="form.areaName" placeholder="请输入所属区域" maxlength="20"/>
+          <el-input
+            v-model="form.areaName"
+            placeholder="请输入所属区域"
+            maxlength="20"
+          />
         </el-form-item>
         <el-form-item label="社区名称" prop="communityName">
-          <el-input v-model="form.communityName" placeholder="请输入社区名称" maxlength="30"/>
+          <el-input
+            v-model="form.communityName"
+            placeholder="请输入社区名称"
+            maxlength="30"
+          />
         </el-form-item>
-        <el-form-item label="社区经度" prop="communityLongitude" >
+        <el-form-item label="社区经度" prop="communityLongitude">
           <el-input
             v-model="form.communityLongitude"
             placeholder="请输入社区经度"
@@ -439,9 +455,9 @@ export default {
       citylist: [],
       arealists: [],
       streetlist: [],
-      city:"",
-      area:"",
-      areaCodes:"",
+      city: "",
+      area: "",
+      areaCode: "",
       value: "",
       value3: "",
       value2: "",
@@ -497,56 +513,48 @@ export default {
       form: {},
       // 表单校验
       rules: {
-        areaCode: 
-            {
-              required: true,
-              message: "所属区域不能为空",
-              trigger: "blur",
-            },
-             communityName: 
-            {
-              required: true,
-              message: "社区名称不能为空",
-              trigger: "blur",
-            },
-            communityLongitude: {
-              required: true,
-              message: "经度不能为空",
-              trigger: "blur",
-            },
-            communityLatitude:{
-              required: true,
-              message: "纬度不能为空",
-              trigger: "blur",
-            },
-        communityInfoList:{
-           areaCode: 
-            {
-              required: true,
-              message: "所属区域不能为空",
-              trigger: "blur",
-            },
-             communityName: 
-            {
-              required: true,
-              message: "社区名称不能为空",
-              trigger: "blur",
-            },
-            communityLongitude: {
-              required: true,
-              message: "经度不能为空",
-              trigger: "blur",
-            },
-            communityLatitude:{
-              required: true,
-              message: "纬度不能为空",
-              trigger: "blur",
-            }
-        }
-         
-          
-          
-        
+        areaCode: {
+          required: true,
+          message: "所属区域不能为空",
+          trigger: "blur",
+        },
+        communityName: {
+          required: true,
+          message: "社区名称不能为空",
+          trigger: "blur",
+        },
+        communityLongitude: {
+          required: true,
+          message: "经度不能为空",
+          trigger: "blur",
+        },
+        communityLatitude: {
+          required: true,
+          message: "纬度不能为空",
+          trigger: "blur",
+        },
+        communityInfoList: {
+          areaCode: {
+            required: true,
+            message: "所属区域不能为空",
+            trigger: "blur",
+          },
+          communityName: {
+            required: true,
+            message: "社区名称不能为空",
+            trigger: "blur",
+          },
+          communityLongitude: {
+            required: true,
+            message: "经度不能为空",
+            trigger: "blur",
+          },
+          communityLatitude: {
+            required: true,
+            message: "纬度不能为空",
+            trigger: "blur",
+          },
+        },
       },
     };
   },
@@ -558,7 +566,9 @@ export default {
     // 查询省事件
     province(item) {
       console.log(item);
-      // this.item.city=""
+      this.queryParams.city = "";
+      this.queryParams.area = "";
+      this.queryParams.areaCode = "";
       // this.value1 = "";
       // this.value2 = "";
       // this.value3 = "";
@@ -571,6 +581,8 @@ export default {
     },
     // 点击市
     clickcity(item) {
+      this.queryParams.area = "";
+      this.queryParams.areaCode = "";
       this.value2 = "";
       this.value3 = "";
       console.log(item);
@@ -581,6 +593,7 @@ export default {
     },
     //点击区县城
     clickarea(item) {
+    //  this.queryParams.areaCode = "";
       this.value3 = "";
       console.log(item);
       SecondaryLevelInfo(item.id).then((res) => {
@@ -674,10 +687,10 @@ export default {
         // updateTime: null,
         communityInfoList: [
           {
-            province:'',
-            city:'',
-            area:'',
-            areaCodes: '',
+            province: "",
+            city: "",
+            area: "",
+            areaCodes: "",
             areaCode: "",
             communityCode: "",
             communityName: "",
@@ -691,21 +704,20 @@ export default {
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
-   
-      this.getList();
 
+      this.getList();
     },
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");
-        this.queryParams = {
+      (this.queryParams = {
         pageNum: 1,
         pageSize: 10,
         searchValue: null,
-        province:null,
-        city:null,
-        area:null,
-        areaCodes:null,
+        province: null,
+        city: null,
+        area: null,
+        areaCodes: null,
 
         // createBy: null,
         // createTime: null,
@@ -716,24 +728,23 @@ export default {
         areaName: null,
         areaLevel: null,
         // sort: null,
-      },
-      
-      //  FirstLevels(this.getProvincequeryParams).then((res) => {
-      //   console.log(res);
-      //   this.arealist = res.data;
-      //   this.total2 = res.total;
-      //   console.log(this.arealist);
-      // });
-      //  SecondaryLevelInfo(this.getProvincequeryParams2).then((res) => {
-      //   console.log(res);
-      //   this.citylist = res.data;
-      //   // this.arealists=res.data;
-      //   // this.streetlist=res.data;
-      //   this.total2 = res.total;
-      //   // console.log(this.arealist);
-      // });
+      }),
+        //  FirstLevels(this.getProvincequeryParams).then((res) => {
+        //   console.log(res);
+        //   this.arealist = res.data;
+        //   this.total2 = res.total;
+        //   console.log(this.arealist);
+        // });
+        //  SecondaryLevelInfo(this.getProvincequeryParams2).then((res) => {
+        //   console.log(res);
+        //   this.citylist = res.data;
+        //   // this.arealists=res.data;
+        //   // this.streetlist=res.data;
+        //   this.total2 = res.total;
+        //   // console.log(this.arealist);
+        // });
 
-      this.handleQuery();
+        this.handleQuery();
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
@@ -751,7 +762,7 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      console.log(row)
+      console.log(row);
       const id = row.id || this.ids;
       getCommunityInfo(id).then((response) => {
         this.form = response.data;