修复因字典节流加载导致的异步正常结束异常

packages/grid/AppBuildManage/components/List.vue

@@ -2,50 +2,55 @@
   <section class="AppPetitionManage">
     <ai-detail>
       <!-- 标题 -->
-      <ai-title slot="title" title="楼栋管理" isShowBottomBorder />
+      <ai-title slot="title" title="楼栋管理" isShowBottomBorder/>
       <template #content>
         <ai-tree-menu title="楼栋管理" @search="(v) => $refs.gridTree.filter(v)">
-          <el-tree :data="treeData" ref="gridTree" :filter-node-method="handleTreeFilter" @node-click="handleSelectGrid" highlight-current node-key="id" :props="{ label: 'name', children: 'children' }" :default-expanded-keys="[defaultShowNodes]" />
+          <el-tree :data="treeData" ref="gridTree" :filter-node-method="handleTreeFilter" @node-click="handleSelectGrid" highlight-current node-key="id"
+                   :props="{ label: 'name', children: 'children' }" :default-expanded-keys="[defaultShowNodes]"/>
         </ai-tree-menu>
 
         <div class="flex">
           <ai-search-bar bottomBorder>
             <template slot="left">
               <!-- 定位状态 -->
-              <ai-select v-model="search.locationStatus" placeholder="定位状态" clearable :selectList="$dict.getDict('BuildLocationStatus')" @change=";(page.current = 1), getList()"></ai-select>
+              <ai-select v-model="search.locationStatus" placeholder="定位状态" clearable :selectList="dict.getDict('BuildLocationStatus')"
+                         @change=";(page.current = 1), getList()"></ai-select>
             </template>
 
             <!-- 搜索 -->
             <template slot="right">
               <el-input
-                v-model="search.managerName"
-                size="small"
-                placeholder="楼栋号/楼长/联系方式"
-                clearable
-                v-throttle="() => {page.current = 1, getList()}"
-                @clear=";(page.current = 1), (search.managerName = ''), getList()"
-                suffix-icon="iconfont iconSearch" />
+                  v-model="search.managerName"
+                  size="small"
+                  placeholder="楼栋号/楼长/联系方式"
+                  clearable
+                  v-throttle="() => {page.current = 1, getList()}"
+                  @clear=";(page.current = 1), (search.managerName = ''), getList()"
+                  suffix-icon="iconfont iconSearch"/>
             </template>
           </ai-search-bar>
 
           <ai-search-bar class="ai-search-ba">
             <template slot="left">
-              <el-button icon="iconfont iconAdd" type="primary" size="small" @click="onAdd('')" :disabled="!isAdd">添加 </el-button>
-              <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除 </el-button>
+              <el-button icon="iconfont iconAdd" type="primary" size="small" @click="onAdd('')" :disabled="!isAdd">添加</el-button>
+              <el-button icon="iconfont iconDelete" size="small" @click="removeAll" :disabled="ids.length == 0">删除</el-button>
             </template>
 
             <!-- 导入导出 -->
             <template #right>
-              <ai-import :instance="instance" :dict="dict" type="appcommunitybuildinginfo" :importParams="{ areaId: user.info && user.info.areaId }" name="楼栋管理" @success="getList()">
+              <ai-import :instance="instance" :dict="dict" type="appcommunitybuildinginfo" :importParams="{ areaId: userArea}" name="楼栋管理"
+                         @success="getList()">
                 <el-button icon="iconfont iconImport">导入</el-button>
               </ai-import>
-              <ai-download :instance="instance" url="/app/appcommunitybuildinginfo/listExport" :params="param" fileName="楼栋管理模板" :disabled="tableData.length == 0">
+              <ai-download :instance="instance" url="/app/appcommunitybuildinginfo/listExport" :params="param" fileName="楼栋管理模板"
+                           :disabled="tableData.length == 0">
                 <el-button icon="iconfont iconExported" :disabled="tableData.length == 0">导出</el-button>
               </ai-download>
             </template>
           </ai-search-bar>
 
-          <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex" style="margin-top: 20px;" :current.sync="page.current" :size.sync="page.size" @getList="getList" @selection-change="(v) => (ids = v.map((e) => e.id))">
+          <ai-table :tableData="tableData" :col-configs="colConfigs" :total="total" ref="aitableex" style="margin-top: 20px;" :current.sync="page.current"
+                    :size.sync="page.size" @getList="getList" @selection-change="(v) => (ids = v.map((e) => e.id))">
             <el-table-column slot="locationStatus" label="定位状态" align="center">
               <template slot-scope="{ row }">
                 <span style="color:red" v-if="row.locationStatus == 0">{{ dict.getLabel('BuildLocationStatus', row.locationStatus) }}</span>
@@ -58,7 +63,8 @@
                 <el-button type="text" @click="onAdd(row.id)">编辑</el-button>
                 <el-button type="text" @click="remove(row.id)">删除</el-button>
                 <el-button type="text" @click="toBuildMsg(row)">房屋信息</el-button>
-                <el-button type="text" @click="$router.push({ name: '63', query: { communityId: row.communityId, buildingId: row.id, unitNum: 1, buildingNumber: row.buildingNumber } })">
+                <el-button type="text"
+                           @click="$router.push({ name: '63', query: { communityId: row.communityId, buildingId: row.id, unitNum: 1, buildingNumber: row.buildingNumber } })">
                   楼栋模型
                 </el-button>
               </div>
@@ -71,7 +77,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
 export default {
   name: 'List',
@@ -96,7 +102,7 @@ export default {
       id: '',
       ids: [],
       colConfigs: [
-        { type: 'selection' },
+        {type: 'selection'},
         {
           prop: 'communityName',
           label: '小区名称',
@@ -106,26 +112,26 @@ export default {
           label: '楼栋号',
           align: 'center',
         },
-        { prop: 'unitNumber', label: '单元数', align: 'center' },
+        {prop: 'unitNumber', label: '单元数', align: 'center'},
         {
           prop: 'layerNumber',
           label: '最高层数',
           align: 'center',
         },
-        { prop: 'householdNumber', label: '每层户数', align: 'center' },
+        {prop: 'householdNumber', label: '每层户数', align: 'center'},
         {
           prop: 'houseNum',
           label: '实有户数',
           align: 'center',
         },
-        { prop: 'residentNum', label: '实有人口', align: 'center' },
+        {prop: 'residentNum', label: '实有人口', align: 'center'},
         {
           prop: 'managerName',
           label: '楼栋长名',
           align: 'center',
         },
-        { prop: 'managerPhone', label: '楼栋长联系方式', align: 'center', width: '150' },
-        { slot: 'locationStatus' },
+        {prop: 'managerPhone', label: '楼栋长联系方式', align: 'center', width: '150'},
+        {slot: 'locationStatus'},
         {
           slot: 'options',
           label: '操作',
@@ -145,12 +151,12 @@ export default {
 
   computed: {
     ...mapState(['user']),
-
+    userArea: v => v.user?.info?.areaId,
     param() {
       return {
         ...this.search,
         communityId: this.communityId,
-        areaId: this.user.info?.areaId,
+        areaId: this.userArea,
         ids: this.ids,
       }
     },
@@ -162,13 +168,10 @@ export default {
       this.getListinfo()
     })
   },
-
-  mounted() {},
-
   methods: {
     getListinfo() {
-      return this.instance.post(`/app/appcommunityinfo/queryCommunityTree?id=${this.user.info?.areaId}`).then((res) => {
-        if (res.data) {
+      return this.instance.post(`/app/appcommunityinfo/queryCommunityTree?id=${this.userArea}`).then((res) => {
+        if (res?.data) {
           this.treeData = [res.data]
           this.$nextTick(() => {
             this.defaultShowNodes = this.treeData[0].id
@@ -178,21 +181,20 @@ export default {
     },
 
     getList() {
-      this.instance
-        .post(`/app/appcommunitybuildinginfo/list`, null, {
-          params: {
-            ...this.page,
-            ...this.search,
-            communityId: this.communityId,
-            areaId: this.areaId,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-          }
-        })
+      this.instance.post(`/app/appcommunitybuildinginfo/list`, null, {
+        params: {
+          ...this.page,
+          ...this.search,
+          communityId: this.communityId,
+          areaId: this.areaId,
+        },
+      })
+      .then((res) => {
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      })
     },
 
     // 添加
@@ -316,9 +318,10 @@ export default {
       }
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
-    width: 100%!important;
-    padding-right: 16px!important;
+
+  ::v-deep .is-current > .el-tree-node__content {
+    width: 100% !important;
+    padding-right: 16px !important;
   }
 }
 </style>