被护理人信息，社区信息 按钮

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="所属区域" 
+          <el-form-item
+            label="所属区域"
             :rules="rules.communityInfoList.areaCode"
-          :prop="`communityInfoList.${index}.areaCode`">
+            :prop="`communityInfoList.${index}.areaCode`"
+          >
             <el-select v-model="item.province" clearable placeholder="请选择省">
               <el-option
                 v-for="item in arealist"
@@ -310,7 +316,8 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="社区名称"
+          <el-form-item
+            label="社区名称"
             :rules="rules.communityInfoList.communityName"
             :prop="`communityInfoList.${index}.communityName`"
           >
@@ -320,7 +327,8 @@
               maxlength="30"
             />
           </el-form-item>
-          <el-form-item label="社区经度"
+          <el-form-item
+            label="社区经度"
             :rules="rules.communityInfoList.communityLongitude"
             :prop="`communityInfoList.${index}.communityLongitude`"
           >
@@ -328,10 +336,10 @@
               v-model="item.communityLongitude"
               placeholder="请输入社区经度"
               maxlength="20"
-              
             />
           </el-form-item>
-          <el-form-item label="社区纬度"
+          <el-form-item
+            label="社区纬度"
             :rules="rules.communityInfoList.communityLatitude"
             :prop="`communityInfoList.${index}.communityLatitude`"
           >
@@ -375,10 +383,18 @@
           <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-input
@@ -441,7 +457,7 @@ export default {
       streetlist: [],
       city: "",
       area: "",
-      areaCodes:"",
+      areaCode: "",
       value: "",
       value3: "",
       value2: "",
@@ -497,14 +513,12 @@ export default {
       form: {},
       // 表单校验
       rules: {
-        areaCode: 
+        areaCode: {
-            {
           required: true,
           message: "所属区域不能为空",
           trigger: "blur",
         },
-             communityName: 
+        communityName: {
-            {
           required: true,
           message: "社区名称不能为空",
           trigger: "blur",
@@ -520,14 +534,12 @@ export default {
           trigger: "blur",
         },
         communityInfoList: {
-           areaCode: 
+          areaCode: {
-            {
             required: true,
             message: "所属区域不能为空",
             trigger: "blur",
           },
-             communityName: 
+          communityName: {
-            {
             required: true,
             message: "社区名称不能为空",
             trigger: "blur",
@@ -541,12 +553,8 @@ export default {
             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:'',
+            province: "",
-            city:'',
+            city: "",
-            area:'',
+            area: "",
-            areaCodes: '',
+            areaCodes: "",
             areaCode: "",
             communityCode: "",
             communityName: "",
@@ -693,12 +706,11 @@ export default {
       this.queryParams.pageNum = 1;
 
       this.getList();
-
     },
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");
-        this.queryParams = {
+      (this.queryParams = {
         pageNum: 1,
         pageSize: 10,
         searchValue: null,
@@ -716,8 +728,7 @@ export default {
         areaName: null,
         areaLevel: null,
         // sort: null,
-      },
+      }),
-      
         //  FirstLevels(this.getProvincequeryParams).then((res) => {
         //   console.log(res);
         //   this.arealist = res.data;
@@ -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;