From 1c89e912955f3ebcc401dee4d2102b095baf46e0 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Sat, 9 Mar 2024 17:17:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B1=85=E6=B0=91=E5=88=97=E8=A1=A8=E7=BB=84?=
 =?UTF-8?q?=E7=BB=87=E6=A0=91=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/resiSearch.vue |    4 -
 src/views/modules/base/resi.vue     | 2659 ++++++++++++++-------------
 2 files changed, 1359 insertions(+), 1304 deletions(-)

diff --git a/src/views/components/resiSearch.vue b/src/views/components/resiSearch.vue
index a9a4da9ea..0333e38f7 100644
--- a/src/views/components/resiSearch.vue
+++ b/src/views/components/resiSearch.vue
@@ -533,10 +533,6 @@ export default {
         updateTimeEnd: '',
         specialCategoryCodes: [],
         remark: '',
-        villageId: '',
-        buildId: '',
-        unitId: '',
-        homeId: '',
         level: '',
         orgType: ''
       },
diff --git a/src/views/modules/base/resi.vue b/src/views/modules/base/resi.vue
index 21103fcc9..2c7b31816 100644
--- a/src/views/modules/base/resi.vue
+++ b/src/views/modules/base/resi.vue
@@ -1,38 +1,122 @@
 <template>
-    <div class="g-main">
-        <div class="m-search">
-            <section :class="showSercahStatus
-                ? 'm-form-box-height-auto'
-                : 'm-form-box-height'
-                ">
-                <resi-search ref="myResiSearch" @handleSearchFrom="handleSearchFrom" />
-            </section>
-            <el-row class="resi-search">
-                <el-col :span="24">
-                    <el-button size="small" type="primary" @click="handleSearchFrom('search')">查询</el-button>
-                    <el-button style="margin-left: 10px" size="small" plain class="f-right5 diy-button--white"
-                        @click="resetSearchForm">重置</el-button>
-
-                    <el-button type="text" size="small" style="margin-left: 10px" class="f-right5"
-                        @click="showSercahStatus = !showSercahStatus">
-                        <i :class="showSercahStatus
-                            ? 'el-icon-arrow-up'
-                            : 'el-icon-arrow-down'
-                            "></i>
-                        {{ showSercahStatus ? "收起" : "展开" }}
-                    </el-button>
-                </el-col>
-            </el-row>
-        </div>
-        <div class="m-table">
-            <div class="div_btn">
-                <div class="div_btn_left">
-                    <el-button class="diy-button--add" v-if="btnAuths.ic_resi_add" size="small" @click="handleAdd"
-                        type="primary" icon="el-icon-plus">
-                        新增</el-button>
-                    <el-button v-if="btnAuths.ic_resi_export" style="margin-left: 10px" size="small"
-                        class="diy-button--white" @click="diyExport" plain>导出</el-button>
-                    <!-- <el-button v-if="btnAuths.ic_resi_export"
+  <div class="g-main">
+    <div :style="{ height: rowHeight }" class="div_tree">
+      <el-input
+        placeholder="输入关键字进行过滤"
+        v-model="filterText"
+        @keydown.native.enter="handleChangeSerch()"
+      >
+      </el-input>
+      <el-scrollbar :style="{ height: treeHeight }" class="scrollar">
+        <el-tree
+          ref="ref_tree"
+          v-loading="treeLoading"
+          class="filter_tree"
+          :data="treeData"
+          :props="defaultProps"
+          :highlight-current="true"
+          node-key="id"
+          :expand-on-click-node="false"
+          :filter-node-method="filterNode"
+          @node-click="handleNodeClick"
+          lazy
+          :auto-expand-parent="true"
+          :default-expanded-keys="autoOpenArr"
+          :load="lazyLoadTree"
+        >
+          <span slot-scope="{ node, data }" class="custom-tree-node">
+            <!-- <img
+                    v-if="showIcons(data)"
+                    src="@/assets/images/index/abnormal.png"
+                    style="
+                        height: 14px;
+                        width: 14px;
+                        margin-right: 5px;
+                        margin-top: -3px;
+                    "
+                    /> -->
+
+            <!-- <span v-if="data.level==='building'&&!data.showIcon"
+                        style="padding-left:20px;">{{ '   ' }}</span> -->
+            <!-- <span v-if="data.showIcon" :id="data.id"
+                    >{{ data.label + "(" }}
+                    <span style="color: red">{{ data.showNum }}</span>
+                    <span>{{ ")" }}</span>
+                    </span> -->
+            <span :id="data.id">{{ data.label }}</span>
+          </span>
+        </el-tree>
+      </el-scrollbar>
+    </div>
+    <section style="width: calc(100% - 300px)">
+      <div class="m-search">
+        <section
+          :class="
+            showSercahStatus ? 'm-form-box-height-auto' : 'm-form-box-height'
+          "
+        >
+          <resi-search
+            ref="myResiSearch"
+            @handleSearchFrom="handleSearchFrom"
+          />
+        </section>
+        <el-row class="resi-search">
+          <el-col :span="24">
+            <el-button
+              size="small"
+              type="primary"
+              @click="handleSearchFrom('search')"
+              >查询</el-button
+            >
+            <el-button
+              style="margin-left: 10px"
+              size="small"
+              plain
+              class="f-right5 diy-button--white"
+              @click="resetSearchForm"
+              >重置</el-button
+            >
+
+            <el-button
+              type="text"
+              size="small"
+              style="margin-left: 10px"
+              class="f-right5"
+              @click="showSercahStatus = !showSercahStatus"
+            >
+              <i
+                :class="
+                  showSercahStatus ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
+                "
+              ></i>
+              {{ showSercahStatus ? "收起" : "展开" }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="m-table">
+        <div class="div_btn">
+          <div class="div_btn_left">
+            <el-button
+              class="diy-button--add"
+              v-if="btnAuths.ic_resi_add"
+              size="small"
+              @click="handleAdd"
+              type="primary"
+              icon="el-icon-plus"
+            >
+              新增</el-button
+            >
+            <el-button
+              v-if="btnAuths.ic_resi_export"
+              style="margin-left: 10px"
+              size="small"
+              class="diy-button--white"
+              @click="diyExport"
+              plain
+              >导出</el-button
+            >
+            <!-- <el-button v-if="btnAuths.ic_resi_export"
                      style="margin-left: 10px"
                      size="small"
                      class="diy-button--add"
@@ -40,7 +124,7 @@
                      type="parimary"
                      plain>核对</el-button> -->
 
-                    <!-- <el-button v-if="
+            <!-- <el-button v-if="
 							btnAuths.ic_resi_smart_import && displayedBaobiaoBtn
 						"
                      style="margin-left: 10px"
@@ -48,175 +132,284 @@
                      @click="reportForm"
                      class="diy-button--white">核对</el-button> -->
 
-                    <el-button style="margin-left: 10px" v-if="btnAuths.ic_resi_batch_del" size="small"
-                        class="diy-button--add" type="parimary" @click="deleteBatch">批量删除</el-button>
-                    <!-- <el-button type="primary" size="small">下载人口模板</el-button> -->
-                </div>
-            </div>
-
-            <el-table ref="ref_table" class="m-table-item" :data="tableData" v-loading="tableLoading" border
-                style="width: 100%" :height="tableHeight" @select-all="selectAll" @selection-change="selectionChange">
-                <!-- :selectable="checkSelectable" -->
-                <el-table-column type="selection" fixed="left" align="center" width="50" />
-                <el-table-column label="序号" type="index" fixed="left" align="left" width="50">
-                </el-table-column>
-                <el-table-column v-for="item in tableHeader" :key="item.columnName" :prop="item.columnName"
-                    :label="item.label" align="left" :show-overflow-tooltip="true" :width="item.width || ''">
-                    <template slot-scope="scope">
-                        <a v-if="item.columnName == 'NAME' &&
-                            btnAuths.ic_resi_view
-                            " class="name-a">
-                            {{ handleFilterSpan(scope.row, item) }}
-                        </a>
-                        <div v-else-if="item.columnName == 'gender'">
-                            {{ scope.row.gender == null ? '--' : scope.row.gender == 1 ? '男' : scope.row.gender == 2 ? '女' :
-                                '--' }}
-                        </div>
-                        <div v-else-if="item.columnName == 'gridName'">
-                            <template >
-                                <div class="resiCategoryInfoBox">
-                                    {{ scope.row.agencyName +  scope.row.homeName }}
-                                </div>
-                            </template>
-                        </div>
-                        <div v-else-if="item.columnName == 'categoryNames'">
-                            <template v-if="scope.row.categoryInfo">
-                                <div  class="resiCategoryInfoBox">
-                                    {{ scope.row.categoryInfo.categoryNames }}
-                                </div>
-                            </template>
-                        </div>
-                        <div v-else-if="item.columnName == 'householdSituationName'">
-                            <template v-if="scope.row.home">
-                                <div >
-                                    {{ scope.row.home.householdSituationName || '' }}
-                                </div>
-                            </template>
-                        </div>
-                        <div v-else-if="item.columnName == 'resiHouseRel'">
-                            <template v-if="scope.row.home">
-                                <div >
-                                    {{ scope.row.home.resiHouseRel != null ? scope.row.home.resiHouseRel ==
-                                        0 ? "自住" : scope.row.home.resiHouseRel == 1 ? '租住' : '' : '' }}
-                                </div>
-                            </template>
-                        </div>
-                        <span v-else>{{
-                            handleFilterSpan(scope.row, item)
-                        }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column fixed="right" label="操作" align="center" width="200">
-                    <template slot-scope="scope">
-                        <el-button v-if="btnAuths.ic_resi_view" type="text" size="small"
-                            @click="handleLook(scope.row)">查看</el-button>
-
-                        <template v-if="filterEdit(scope.row.agencyId)">
-                            <el-button v-if="btnAuths.ic_resi_update" style="margin-right: 10px"
-                                @click="handelCLickShowCheckPassword(scope.row)" size="small" type="text">编辑</el-button>
-
-                            <el-popconfirm v-if="btnAuths.ic_resi_del" title="删除之后无法回复，确认删除？"
-                                @onConfirm="handleDel(scope.row)">
-                                <el-button size="small" type="text" slot="reference">删除</el-button>
-                            </el-popconfirm>
-
-                            <el-dropdown trigger="click" style="margin-left: 10px" @command="(command) =>
-                                handelRegister(command, scope.row)
-                                ">
-                                <el-button class="div-table-button--blue" size="small" type="text" style="font-size: 10px">
-                                    ▪▪▪</el-button>
-                                <el-dropdown-menu slot="dropdown">
-                                    <el-dropdown-item v-if="false && btnAuths.ic_resi_change_rec
-                                        " command="bgjl">变更记录</el-dropdown-item>
-                                    <el-dropdown-item v-if="btnAuths.ic_resi_update" command="swdj">死亡登记</el-dropdown-item>
-                                    <el-dropdown-item v-if="btnAuths.ic_resi_update" command="qcdj">迁出登记</el-dropdown-item>
-                                </el-dropdown-menu>
-                            </el-dropdown>
-                        </template>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-            <div class="div-flex">
-                <div class="m-page">
-                    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                        :current-page.sync="currentPage" :page-sizes="[20, 50, 100, 200]" :page-size="pageSize"
-                        layout="sizes, prev, pager, next, total" :total="total">
-                    </el-pagination>
-                </div>
-            </div>
+            <el-button
+              style="margin-left: 10px"
+              v-if="btnAuths.ic_resi_batch_del"
+              size="small"
+              class="diy-button--add"
+              type="parimary"
+              @click="deleteBatch"
+              >批量删除</el-button
+            >
+            <!-- <el-button type="primary" size="small">下载人口模板</el-button> -->
+          </div>
         </div>
-        <!-- 1.0版本弹窗形式居民详情  -->
-        <!-- <el-dialog :title="formName === '社区居民基本信息录入表' ? '新增居民' : formName
-            " :visible.sync="dialogVisible" width="1135px" top="5vh" append-to-body class="dialog-h"
-            :close-on-click-modal="false" :before-close="handlerCancle">
-            <div class="dialog-h-content scroll-h">
-                <resi-form v-if="dialogVisible" ref="baseForm" :formType="formType" :fixed="true" :resi-id="editUserId"
-                    @changegroup="handleChangeGroup" />
-            </div>
-
-            <div class="resi-btns">
-                <el-button size="small" v-if="false" @click="handlerReset" class="diy-button--common">重置</el-button>
-                <el-button size="small" class="diy-button--white" @click="handlerCancle" plain>取消</el-button>
-                <el-button v-if="!editUserId" type="primary" size="small" :loading="btnLoading"
-                    @click="handleSUbmit">保存</el-button>
-
-                <el-button v-else type="primary" size="small" :loading="btnLoading" @click="handleEditSUbmit">提交</el-button>
-            </div>
-        </el-dialog> -->
-        <!--1.0版本弹窗形式居民详情  -->
-        <!-- <el-dialog title="居民详情" :visible.sync="dialogVisible2" width="1135px" top="5vh" append-to-body class="dialog-h"
-            :close-on-click-modal="false" :before-close="() => {
-                this.dialogVisible2 = false;
-            }
-                ">
-            <div class="dialog-h-content scroll-h">
-                <resi-info v-if="dialogVisible2" ref="resiInfo" :fixed="true" :resi-id="lookResiId" />
-            </div>
-
-            <div class="resi-btns">
-                <el-button size="small" class="diy-button--white" plain @click="dialogVisible2 = false">关闭</el-button>
-            </div>
-        </el-dialog> -->
-
-        <!-- 变更记录 -->
-        <el-dialog :visible.sync="changeRecordShow" :close-on-click-modal="false" :close-on-press-escape="false"
-            :title="'变更记录'" width="1150px" top="5vh" @closed="diaClose">
-            <resi-change-record ref="ref_changerecord"></resi-change-record>
-        </el-dialog>
-
-        <el-dialog :visible.sync="diyDialog" :close-on-click-modal="false" :close-on-press-escape="false" width="1150px"
-            top="5vh" class="dialog-h">
-            <diy-info v-if="diyDialog" ref="ref_diy" :list="exportList" :search="searchForm"
-                @close="handleDiyClose"></diy-info>
-        </el-dialog>
-
-        <baobiao ref="baobiao" />
-
-        <!-- 迁出登记 -->
-        <el-dialog :visible.sync="tranferShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'迁出登记'"
-            width="562px" top="5vh" class="dialog-h" @closed="diaClose">
-            <resi-change-transfer ref="ref_change_transfer" @dialogCancle="transferClose"></resi-change-transfer>
-        </el-dialog>
-
-        <!-- 死亡登记 -->
-        <el-dialog :visible.sync="deathShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'死亡登记'"
-            width="620px" top="5vh" class="dialog-h" @closed="diaClose">
-            <resideath-add ref="ref_death" @dialogCancle="deathClose"></resideath-add>
-        </el-dialog>
-        <el-dialog title="密码验证" :visible.sync="showCheckPassword">
-            <el-form :model="checkPasswordFrom" :rules="checkPasswordRulse" ref="checkPasswordFrom">
-                <el-form-item label="密码" prop="password">
-                    <el-input v-model="checkPasswordFrom.password" autocomplete="off" type="password"
-                        placeholder="请输入当前账号密码" @keydown.native.enter="handelClickCheckPassword"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="showCheckPassword = false">取 消</el-button>
-                <el-button type="primary" @click="handelClickCheckPassword">确 定</el-button>
-            </div>
-        </el-dialog>
-    </div>
+
+        <el-table
+          ref="ref_table"
+          class="m-table-item"
+          :data="tableData"
+          v-loading="tableLoading"
+          border
+          style="width: 100%"
+          :height="tableHeight"
+          @select-all="selectAll"
+          @selection-change="selectionChange"
+        >
+          <!-- :selectable="checkSelectable" -->
+          <el-table-column
+            type="selection"
+            fixed="left"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            type="index"
+            fixed="left"
+            align="left"
+            width="50"
+          >
+          </el-table-column>
+          <el-table-column
+            v-for="item in tableHeader"
+            :key="item.columnName"
+            :prop="item.columnName"
+            :label="item.label"
+            align="left"
+            :show-overflow-tooltip="true"
+            :width="item.width || ''"
+          >
+            <template slot-scope="scope">
+              <a
+                v-if="item.columnName == 'NAME' && btnAuths.ic_resi_view"
+                class="name-a"
+              >
+                {{ handleFilterSpan(scope.row, item) }}
+              </a>
+              <div v-else-if="item.columnName == 'gender'">
+                {{
+                  scope.row.gender == null
+                    ? "--"
+                    : scope.row.gender == 1
+                    ? "男"
+                    : scope.row.gender == 2
+                    ? "女"
+                    : "--"
+                }}
+              </div>
+              <div v-else-if="item.columnName == 'gridName'">
+                <template>
+                  <div class="resiCategoryInfoBox">
+                    {{ scope.row.agencyName + scope.row.homeName }}
+                  </div>
+                </template>
+              </div>
+              <div v-else-if="item.columnName == 'categoryNames'">
+                <template v-if="scope.row.categoryInfo">
+                  <div class="resiCategoryInfoBox">
+                    {{ scope.row.categoryInfo.categoryNames }}
+                  </div>
+                </template>
+              </div>
+              <div v-else-if="item.columnName == 'householdSituationName'">
+                <template v-if="scope.row.home">
+                  <div>
+                    {{ scope.row.home.householdSituationName || "" }}
+                  </div>
+                </template>
+              </div>
+              <div v-else-if="item.columnName == 'resiHouseRel'">
+                <template v-if="scope.row.home">
+                  <div>
+                    {{
+                      scope.row.home.resiHouseRel != null
+                        ? scope.row.home.resiHouseRel == 0
+                          ? "自住"
+                          : scope.row.home.resiHouseRel == 1
+                          ? "租住"
+                          : ""
+                        : ""
+                    }}
+                  </div>
+                </template>
+              </div>
+              <span v-else>{{ handleFilterSpan(scope.row, item) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="200"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="btnAuths.ic_resi_view"
+                type="text"
+                size="small"
+                @click="handleLook(scope.row)"
+                >查看</el-button
+              >
+
+              <template v-if="filterEdit(scope.row.agencyId)">
+                <el-button
+                  v-if="btnAuths.ic_resi_update"
+                  style="margin-right: 10px"
+                  @click="handelCLickShowCheckPassword(scope.row)"
+                  size="small"
+                  type="text"
+                  >编辑</el-button
+                >
+
+                <el-popconfirm
+                  v-if="btnAuths.ic_resi_del"
+                  title="删除之后无法回复，确认删除？"
+                  @onConfirm="handleDel(scope.row)"
+                >
+                  <el-button size="small" type="text" slot="reference"
+                    >删除</el-button
+                  >
+                </el-popconfirm>
+
+                <el-dropdown
+                  trigger="click"
+                  style="margin-left: 10px"
+                  @command="(command) => handelRegister(command, scope.row)"
+                >
+                  <el-button
+                    class="div-table-button--blue"
+                    size="small"
+                    type="text"
+                    style="font-size: 10px"
+                  >
+                    ▪▪▪</el-button
+                  >
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item
+                      v-if="false && btnAuths.ic_resi_change_rec"
+                      command="bgjl"
+                      >变更记录</el-dropdown-item
+                    >
+                    <el-dropdown-item
+                      v-if="btnAuths.ic_resi_update"
+                      command="swdj"
+                      >死亡登记</el-dropdown-item
+                    >
+                    <el-dropdown-item
+                      v-if="btnAuths.ic_resi_update"
+                      command="qcdj"
+                      >迁出登记</el-dropdown-item
+                    >
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </template>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div class="div-flex">
+          <div class="m-page">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page.sync="currentPage"
+              :page-sizes="[20, 50, 100, 200]"
+              :page-size="pageSize"
+              layout="sizes, prev, pager, next, total"
+              :total="total"
+            >
+            </el-pagination>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- 变更记录 -->
+    <el-dialog
+      :visible.sync="changeRecordShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="'变更记录'"
+      width="1150px"
+      top="5vh"
+      @closed="diaClose"
+    >
+      <resi-change-record ref="ref_changerecord"></resi-change-record>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="diyDialog"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="1150px"
+      top="5vh"
+      class="dialog-h"
+    >
+      <diy-info
+        v-if="diyDialog"
+        ref="ref_diy"
+        :list="exportList"
+        :search="searchForm"
+        @close="handleDiyClose"
+      ></diy-info>
+    </el-dialog>
+
+    <baobiao ref="baobiao" />
+
+    <!-- 迁出登记 -->
+    <el-dialog
+      :visible.sync="tranferShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="'迁出登记'"
+      width="562px"
+      top="5vh"
+      class="dialog-h"
+      @closed="diaClose"
+    >
+      <resi-change-transfer
+        ref="ref_change_transfer"
+        @dialogCancle="transferClose"
+      ></resi-change-transfer>
+    </el-dialog>
+
+    <!-- 死亡登记 -->
+    <el-dialog
+      :visible.sync="deathShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :title="'死亡登记'"
+      width="620px"
+      top="5vh"
+      class="dialog-h"
+      @closed="diaClose"
+    >
+      <resideath-add ref="ref_death" @dialogCancle="deathClose"></resideath-add>
+    </el-dialog>
+    <el-dialog title="密码验证" :visible.sync="showCheckPassword">
+      <el-form
+        :model="checkPasswordFrom"
+        :rules="checkPasswordRulse"
+        ref="checkPasswordFrom"
+      >
+        <el-form-item label="密码" prop="password">
+          <el-input
+            v-model="checkPasswordFrom.password"
+            autocomplete="off"
+            type="password"
+            placeholder="请输入当前账号密码"
+            @keydown.native.enter="handelClickCheckPassword"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showCheckPassword = false">取 消</el-button>
+        <el-button type="primary" @click="handelClickCheckPassword"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -231,1208 +424,1074 @@ import resiChangeRecord from "../../components/resiChangeRecord.vue";
 
 import baobiao from "@/views/modules/cpts/baobiao";
 import diyInfo from "./diyInfo.vue";
-import { requestPost } from "@/js/dai/request";
+import { requestPost, requestGet } from "@/js/dai/request";
+import { Loading } from "element-ui"; // 引入Loading服务
 
 import resiChangeTransfer from "../../components/resiChangeTransfer.vue";
 import resideathAdd from "../plugins/change/resideathAdd.vue";
-
+let loading;
 export default {
-    components: {
-        baobiao,
-        resiSearch,
-        resiForm,
-        resiInfo,
-        resiTransfer,
-        resiChangeRecord,
-        diyInfo,
-        resiChangeTransfer,
-        resideathAdd,
+  components: {
+    baobiao,
+    resiSearch,
+    resiForm,
+    resiInfo,
+    resiTransfer,
+    resiChangeRecord,
+    diyInfo,
+    resiChangeTransfer,
+    resideathAdd,
+  },
+  data() {
+    return {
+      showSercahStatus: false,
+      diyDialog: false,
+      exportBtn: false,
+      exportBtnTitle: "导出",
+      importBtnTitle: "导入",
+      importLoading: false,
+      tableLoading: false,
+      btnLoading: false,
+      disabled: false,
+      selAllFlag: false,
+      selAllFlagDisabled: false,
+      isIndeterminate: false,
+      dialogEditVisible: false,
+      showCheckPassword: false,
+      checkPasswordFrom: {
+        password: "",
+      },
+      checkPasswordRulse: {
+        password: [
+          { required: true, message: "请输入密码", trigger: "blur" },
+          {
+            min: 6,
+            max: 18,
+            message: "长度在 6 到 18 个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+      formType: "add",
+      // 显示人员详情
+      lookResiId: "",
+
+      uploadUlr:
+        window.SITE_CONFIG["apiURL"] + "/epmetuser/icresiuser/importExcel",
+      currentPage: 1,
+      pageSize: 20,
+      total: null,
+      conditions: [],
+      activeName: "",
+      tableData: [],
+      searchList: [],
+      exportList: [],
+
+      treeData: [],
+      autoOpenArr: [],
+      selTreeObj: {},
+      treeLoading: false,
+      filterText: "",
+      searchAgencyObj: {
+        buildId: null,
+        villageId: null,
+        gridId: null,
+        agencyId: null,
+      },
+
+      defaultProps: {
+        children: "children",
+        label: "showName",
+        isLeaf: "isLeaf",
+      },
+      treeIsOk: true, //树点击是否加载完成
+
+      editTableName: {},
+      formName: "",
+      tableHeader: [
+        { columnName: "gridName", label: "地址", width: 180 },
+        // { columnName: "homeName", label: "所属房屋", width: 150 },
+        { columnName: "doorName", label: "门牌号", width: 80 },
+        { columnName: "name", label: "姓名", width: 80 },
+        { columnName: "gender", label: "性别", width: 50 },
+        // { columnName: "agencyName", label: "所属组织", width: 150 },
+        { columnName: "idTypeName", label: "证件类型", width: 80 },
+        { columnName: "idNum", label: "证件号", width: 170 },
+        { columnName: "categoryNames", label: "居民分类" },
+        { columnName: "nationalityName", label: "国籍", width: 50 },
+        { columnName: "nationName", label: "民族", width: 50 },
+        { columnName: "householdSituationName", label: "人户状况", width: 100 },
+        { columnName: "careerStatusName", label: "就业状况", width: 100 },
+        { columnName: "resiHouseRel", label: "人房关系", width: 80 },
+        // { columnName: "mobile", label: "联系电话", width: 110 },
+        { columnName: "updatedTime", label: "更新时间", width: 180 },
+        { columnName: "updatedByName", label: "更新人", width: 80 },
+      ],
+      tabsList: [],
+      selection: [],
+
+      tranferShow: false,
+      deathShow: false,
+      changeRecordShow: false,
+      lookInfo: {
+        userId: "",
+        gridName: "",
+      },
+      editUserId: "",
+
+      displayedBaobiaoBtn: false,
+
+      btnAuths: {
+        ic_resi_add: true, //新增
+        ic_resi_import: true, //导入
+        ic_resi_export: true, //导出
+        ic_resi_batch_del: true, //批量删除
+        ic_resi_smart_import: true, //智能填表
+        ic_resi_del: true, //删除
+        ic_resi_view: true, //查看
+        ic_resi_update: true, //修改
+        ic_resi_change_rec: true, //变更记录
+        ic_resi_view_real_data: true, //显示脱敏信息
+      },
+
+      category: this.$route.query.category,
+      searchForm: {},
+    };
+  },
+
+  props: {},
+
+  computed: {
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+    tableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 450 + this.iframeHeigh
+        : this.clientHeight - 450;
     },
-    data() {
-        return {
-            showSercahStatus: false,
-            diyDialog: false,
-            exportBtn: false,
-            exportBtnTitle: "导出",
-            importBtnTitle: "导入",
-            importLoading: false,
-            tableLoading: false,
-            btnLoading: false,
-            disabled: false,
-            selAllFlag: false,
-            selAllFlagDisabled: false,
-            isIndeterminate: false,
-            dialogEditVisible: false,
-            dialogVisible: false,
-            showCheckPassword: false,
-            checkPasswordFrom: {
-                password: ''
-            },
-            checkPasswordRulse: {
-                password: [
-                    { required: true, message: '请输入密码', trigger: 'blur' },
-                    { min: 6, max: 18, message: '长度在 6 到 18 个字符', trigger: 'blur' }
-                ]
-            },
-            formType: 'add',
-            // 显示人员详情
-            dialogVisible2: false,
-            lookResiId: "",
-
-            uploadUlr:
-                window.SITE_CONFIG["apiURL"] +
-                "/epmetuser/icresiuser/importExcel",
-            currentPage: 1,
-            pageSize: 20,
-            total: null,
-            conditions: [],
-            activeName: "",
-            tableData: [],
-            searchList: [],
-            exportList: [],
-
-            editTableName: {},
-            formName: "",
-            tableHeader: [
-            { columnName: "gridName", label: "地址", width: 180 },
-                // { columnName: "homeName", label: "所属房屋", width: 150 },
-                { columnName: "doorName", label: "门牌号", width: 80 },
-                { columnName: "name", label: "姓名", width: 80 },
-                { columnName: "gender", label: "性别", width: 50 },
-                // { columnName: "agencyName", label: "所属组织", width: 150 },
-                { columnName: "idTypeName", label: "证件类型", width: 80 },
-                { columnName: "idNum", label: "证件号", width: 170 },
-                { columnName: "categoryNames", label: "居民分类" },
-                { columnName: "nationalityName", label: "国籍", width: 50 },
-                { columnName: "nationName", label: "民族", width: 50 },
-                { columnName: "householdSituationName", label: "人户状况", width: 100 },
-                { columnName: "careerStatusName", label: "就业状况", width: 100 },
-                { columnName: "resiHouseRel", label: "人房关系", width: 80 },
-                // { columnName: "mobile", label: "联系电话", width: 110 },
-                { columnName: "updatedTime", label: "更新时间", width: 180 },
-                { columnName: "updatedByName", label: "更新人", width: 80 },
-
-            ],
-            tabsList: [],
-            selection: [],
-
-
-            tranferShow: false,
-            deathShow: false,
-            changeRecordShow: false,
-            lookInfo: {
-                userId: "",
-                gridName: "",
-            },
-            editUserId: "",
-
-            displayedBaobiaoBtn: false,
-
-            btnAuths: {
-                ic_resi_add: true, //新增
-                ic_resi_import: true, //导入
-                ic_resi_export: true, //导出
-                ic_resi_batch_del: true, //批量删除
-                ic_resi_smart_import: true, //智能填表
-                ic_resi_del: true, //删除
-                ic_resi_view: true, //查看
-                ic_resi_update: true, //修改
-                ic_resi_change_rec: true, //变更记录
-                ic_resi_view_real_data: true, //显示脱敏信息
+    treeHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 245 + this.iframeHeight + "px"
+        : this.clientHeight - 245 + "px";
+    },
+    rowHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 140 + this.iframeHeight + "px"
+        : this.clientHeight - 140 + "px";
+    },
+  },
+
+  async created() {
+    this.updateBtnAuths();
+  },
+
+  async mounted() {
+    this.searchH = this.$refs.myResiSearch.offsetHeight;
+    this.loadTree();
+    this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
+      elseParams: {
+        categoryKeys: ["resi_info"],
+        categoryKey: "resi_info",
+      },
+    });
+    this.handleSearchFrom();
+  },
+
+  methods: {
+    // 更新按钮权限
+    updateBtnAuths() {
+      let rot = this.$route;
+      if (Array.isArray(rot.meta.btns)) {
+        rot.meta.btns.forEach((item) => {
+          this.btnAuths[item.permissions] = true;
+        });
+      }
+    },
+    handelRegister(command, row) {
+      console.log(row);
+      if (command == "bgjl") {
+        this.handleChangeRecord(row);
+      } else if (command == "swdj") {
+        this.handleDeath(row);
+      } else if (command == "qcdj") {
+        this.handleChangeTransfer(row);
+      }
+    },
+    reportForm() {
+      this.$refs.baobiao.init({
+        elseParams: {
+          categoryKeys: ["resi_info"],
+          categoryKey: "resi_info",
+          paramMap: {
+            searchForm: {
+              formCode: "resident_base_info",
+              pageNo: this.currentPage,
+              pageSize: this.pageSize,
+              conditions: this.conditions,
             },
-
-            category: this.$route.query.category,
-            searchForm: {},
-        };
+          },
+        },
+      });
+    },
+    handleSearchFrom(type) {
+      // 使用解构赋值获取需要的属性
+      const { categoryKey, agencyId, level } = this.$refs.myResiSearch.form;
+      // 深复制对象
+      let _obj = JSON.parse(JSON.stringify(this.$refs.myResiSearch.form));
+      // 处理 categoryKey
+      if (Array.isArray(categoryKey) && categoryKey.length) {
+        _obj.categoryKey = categoryKey.join(",");
+      } else {
+        _obj.categoryKey = "";
+      }
+
+      // 处理 agencyId
+      if (Array.isArray(agencyId) && agencyId.length) {
+        _obj.agencyId = agencyId[agencyId.length - 1];
+      } else {
+        _obj.agencyId = "";
+      }
+
+      _obj.level = level || "";
+      _obj.orgType = level || "";
+      _obj = { ..._obj, ...this.searchAgencyObj };
+      if (type) {
+        this.currentPage = 1;
+      }
+      this.getTableData(_obj);
+      this.searchForm = _obj;
+      // 还原form的值
+      this.$refs.myResiSearch.form.categoryKey = categoryKey;
+      this.$refs.myResiSearch.form.agencyId = agencyId;
+    },
+    // 居民多选是否禁止选中
+    // checkSelectable (row, index) {
+    //   return this.filterEdit(row.agencyId);
+    // },
+
+    //迁出记录
+    async handleChangeTransfer(row) {
+      this.tranferShow = true;
+      await nextTick(200);
+      this.$refs.ref_change_transfer.initForm(row);
+    },
+    //死亡记录
+    async handleDeath(row) {
+      console.log("=====", row);
+      this.deathShow = true;
+      await nextTick(200);
+      this.$refs.ref_death.initForm(row);
     },
 
-    props: {},
-
+    //变更记录
+    async handleChangeRecord(row) {
+      this.changeRecordShow = true;
+      await nextTick(200);
+      this.$refs.ref_changerecord.initForm(row);
+    },
 
-    computed: {
-        ...mapGetters(["clientHeight", "iframeHeight"]),
-        tableHeight() {
-            return this.$store.state.inIframe
-                ? this.clientHeight - 450 + this.iframeHeigh
-                : this.clientHeight - 450;
-        },
+    diaClose() {
+      this.tranferShow = false;
+      this.deathShow = false;
+      this.changeRecordShow = false;
     },
 
-    async created() {
-        this.updateBtnAuths();
-        console.log("storeoooo----0000", this.$store);
+    transferClose() {
+      this.tranferShow = false;
+      this.handleSearchFrom();
+    },
+    deathClose() {
+      this.deathShow = false;
+      this.handleSearchFrom();
+    },
+    handleDiyClose() {
+      this.diyDialog = false;
     },
 
-    async mounted() {
-        this.searchH = this.$refs.myResiSearch.offsetHeight;
-        this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
-            elseParams: {
-                categoryKeys: ["resi_info"],
-                categoryKey: "resi_info",
-            },
+    async diyExport() {
+      await this.getExportList();
+      console.log(this.$refs[""]);
+    },
+    computedWidth(label, type) {
+      let wd = "";
+      if (type == "input" || type == "select") wd = 40 * label.length;
+      else if (type == "radio") wd = 20 * label.length;
+      console.log("type-----wd", wd);
+      return wd > 80 ? wd : 80;
+    },
+    filterEdit(id) {
+      const { user } = this.$store.state;
+      return true; //临时放开权限，正式需要注释掉
+      // return id === user.agencyId;
+    },
+    selectionChange(selection) {
+      this.selection = selection;
+      if (selection.length === this.tableData.length) {
+        this.selAllFlag = true;
+        this.isIndeterminate = false;
+      } else if (selection.length > 0) {
+        this.selAllFlag = false;
+        this.isIndeterminate = true;
+      } else {
+        this.selAllFlag = false;
+        this.isIndeterminate = false;
+      }
+    },
+    handleSelectAll(selectAllFlag) {
+      // if (this.tableData.length == 0) {
+      //   this.selAllFlag = false
+      //   return
+      // }
+      this.$refs.ref_table.clearSelection();
+      if (selectAllFlag) {
+        this.tableData.forEach((row) => {
+          // this.$refs.ref_table.toggleRowSelection(row);
+          if (row.isChecked) {
+            this.$refs.ref_table.toggleRowSelection(row);
+          }
         });
-        this.handleSearchFrom()
+      }
+    },
+    selectAll(selection) {
+      this.selection = selection;
+
+      if (selection.length > 0) {
+        this.selAllFlag = true;
+      } else {
+        this.selAllFlag = false;
+      }
     },
 
-    methods: {
-        // 更新按钮权限
-        updateBtnAuths() {
-            let rot = this.$route;
-            if (Array.isArray(rot.meta.btns)) {
-                rot.meta.btns.forEach((item) => {
-                    this.btnAuths[item.permissions] = true;
-                });
-            }
-        },
-        handelRegister(command, row) {
-            console.log(command);
-            console.log(row);
-            if (command == "bgjl") {
-                this.handleChangeRecord(row);
-            } else if (command == "swdj") {
-                this.handleDeath(row);
-            } else if (command == "qcdj") {
-                this.handleChangeTransfer(row);
-            }
-        },
-        reportForm() {
-            this.$refs.baobiao.init({
-                elseParams: {
-                    categoryKeys: ["resi_info"],
-                    categoryKey: "resi_info",
-                    paramMap: {
-                        searchForm: {
-                            formCode: "resident_base_info",
-                            pageNo: this.currentPage,
-                            pageSize: this.pageSize,
-                            conditions: this.conditions,
-                        },
-                    },
-                },
-            });
-        },
-        handleSearchFrom(type) {
-            // 使用解构赋值获取需要的属性
-            const { categoryKey, agencyId, level } = this.$refs.myResiSearch.form;
-            // 深复制对象
-            let _obj = JSON.parse(JSON.stringify(this.$refs.myResiSearch.form));
-            // 处理 categoryKey
-            if (Array.isArray(categoryKey) && categoryKey.length) {
-                _obj.categoryKey = categoryKey.join(",");
-            } else {
-                _obj.categoryKey = "";
-            }
-
-            // 处理 agencyId
-            if (Array.isArray(agencyId) && agencyId.length) {
-                _obj.agencyId = agencyId[agencyId.length - 1];
-            } else {
-                _obj.agencyId = "";
-            }
-
-            _obj.level = level || '';  // 使用逻辑或操作符简化代码
-            _obj.orgType = level || '';  // 使用逻辑或操作符简化代码
-            if (type) {
-                this.currentPage = 1
-            }
-            this.getTableData(_obj);
-            this.searchForm = _obj;
-            // 还原form的值
-            this.$refs.myResiSearch.form.categoryKey = categoryKey;
-            this.$refs.myResiSearch.form.agencyId = agencyId;
-        },
-        // 居民多选是否禁止选中
-        // checkSelectable (row, index) {
-        //   return this.filterEdit(row.agencyId);
-        // },
-
-        //迁出记录
-        async handleChangeTransfer(row) {
-            this.tranferShow = true;
-            await nextTick(200);
-            this.$refs.ref_change_transfer.initForm(row);
-        },
-        //死亡记录
-        async handleDeath(row) {
-            console.log("=====", row);
-            this.deathShow = true;
-            await nextTick(200);
-            this.$refs.ref_death.initForm(row);
-        },
-
-        //变更记录
-        async handleChangeRecord(row) {
-            this.changeRecordShow = true;
-            await nextTick(200);
-            this.$refs.ref_changerecord.initForm(row);
-        },
-
-        diaClose() {
-            this.tranferShow = false;
-            this.deathShow = false;
-            this.changeRecordShow = false;
-        },
-
-        transferClose() {
-            this.tranferShow = false;
-            this.handleSearchFrom()
-        },
-        deathClose() {
-            this.deathShow = false;
-            this.handleSearchFrom()
-        },
-        handleDiyClose() {
-            this.diyDialog = false;
-        },
-
-        async diyExport() {
-            await this.getExportList();
-            console.log(this.$refs['']);
-        },
-        computedWidth(label, type) {
-            let wd = "";
-            if (type == "input" || type == "select") wd = 40 * label.length;
-            else if (type == "radio") wd = 20 * label.length;
-            console.log("type-----wd", wd);
-            return wd > 80 ? wd : 80;
-        },
-        filterEdit(id) {
-            const { user } = this.$store.state;
-            return true; //临时放开权限，正式需要注释掉
-            // return id === user.agencyId;
-        },
-        selectionChange(selection) {
-            this.selection = selection;
-            if (selection.length === this.tableData.length) {
-                this.selAllFlag = true;
-                this.isIndeterminate = false;
-            } else if (selection.length > 0) {
-                this.selAllFlag = false;
-                this.isIndeterminate = true;
-            } else {
-                this.selAllFlag = false;
-                this.isIndeterminate = false;
-            }
-        },
-        handleSelectAll(selectAllFlag) {
-            // if (this.tableData.length == 0) {
-            //   this.selAllFlag = false
-            //   return
-            // }
-            this.$refs.ref_table.clearSelection();
-            if (selectAllFlag) {
-                this.tableData.forEach((row) => {
-                    // this.$refs.ref_table.toggleRowSelection(row);
-                    if (row.isChecked) {
-                        this.$refs.ref_table.toggleRowSelection(row);
-                    }
-                });
-            }
-        },
-        selectAll(selection) {
-            this.selection = selection;
-
-            if (selection.length > 0) {
-                this.selAllFlag = true;
-            } else {
-                this.selAllFlag = false;
-            }
-        },
-
-        deleteBatch() {
-            if (this.selection.length > 0) {
-                this.$confirm("删除之后无法恢复，确认删除？", "提示", {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning",
-                })
-                    .then(() => {
-                        this.deleteresiBatch();
-                    })
-                    .catch((err) => {
-                        if (err == "cancel") {
-                            // this.$message({
-                            //   type: "info",
-                            //   message: "已取消删除"
-                            // });
-                        }
-                    });
-            } else {
-                this.$message.warning("请先选择要删除的居民");
-            }
-        },
-        handleSizeChange(val) {
-            console.log(`每页 ${val} 条`);
-            this.pageSize = val;
-            this.handleSearchFrom()
-        },
-        handleCurrentChange(val) {
-
-            this.currentPage = val;
-            this.handleSearchFrom()
-
-        },
-        handleFilterSpan(row, item) {
-            let _val = "";
-            if (item.itemType === "radio" && item.options.length > 0) {
-                item.options.forEach((n) => {
-                    if (n.value === row[item.columnName]) _val = n.label;
-                });
-                if (row[item.columnName] == "0") return (_val = "");
+    deleteBatch() {
+      if (this.selection.length > 0) {
+        this.$confirm("删除之后无法恢复，确认删除？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            this.deleteresiBatch();
+          })
+          .catch((err) => {
+            if (err == "cancel") {
+              // this.$message({
+              //   type: "info",
+              //   message: "已取消删除"
+              // });
             }
+          });
+      } else {
+        this.$message.warning("请先选择要删除的居民");
+      }
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.pageSize = val;
+      this.handleSearchFrom();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.handleSearchFrom();
+    },
+    handleFilterSpan(row, item) {
+      let _val = "";
+      if (item.itemType === "radio" && item.options.length > 0) {
+        item.options.forEach((n) => {
+          if (n.value === row[item.columnName]) _val = n.label;
+        });
+        if (row[item.columnName] == "0") return (_val = "");
+      }
+      return _val || row[item.columnName];
+    },
 
-            return _val || row[item.columnName];
-        },
+    resetSearchForm() {
+      for (const n in this.$refs.myResiSearch.form) {
+        this.$refs.myResiSearch.form[n] = "";
+      }
+      this.$refs.myResiSearch.form.healthStatus = [];
+      this.$refs.myResiSearch.form.attentionCrowds = [];
+      this.$refs.myResiSearch.form.specialCategoryCodes = [];
+      this.currentPage = 1;
+      this.$refs.myResiSearch.level = "";
+      this.getTableData();
+    },
+    async handleExportModule() {
+      let url = "/epmetuser/icresiuser/import/download-template";
+
+      let params = {};
+      await this.$http({
+        method: "POST",
+        url,
+        responseType: "blob",
+        data: params,
+      })
+        .then((res) => {
+          console.log("res----dddd", res);
+          // this.download(res.data, title + '.xls')
+          if (res.headers["content-disposition"]) {
+            let fileName = window.decodeURI(
+              res.headers["content-disposition"].split(";")[1].split("=")[1]
+            );
+            console.log("filename", fileName);
+            let blob = new Blob([res.data], {
+              type: "application/vnd.ms-excel",
+            });
+            var url = window.URL.createObjectURL(blob);
+            var aLink = document.createElement("a");
+            aLink.style.display = "none";
+            aLink.href = url;
+            aLink.setAttribute("download", fileName);
+            document.body.appendChild(aLink);
+            aLink.click();
+            document.body.removeChild(aLink); //下载完成移除元素
+            window.URL.revokeObjectURL(url); //释放掉blob对象
+          } else this.$message.error("下载失败");
+        })
+        .catch((err) => {
+          console.log("err", err);
+          return this.$message.error("网络错误");
+        });
+    },
+    // 下载文件
+    download(data, fileName) {
+      console.log("data", data);
+      if (!data) {
+        return;
+      }
+
+      var csvData = new Blob([data]);
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName);
+      } else {
+        var a = document.createElement("a");
+        document.body.appendChild(a);
+        a.style = "display: none";
+        var url = window.URL.createObjectURL(csvData);
+        a.href = url;
+        a.download = fileName;
+        a.click();
+        a.remove();
+        window.URL.revokeObjectURL(url);
+      }
+    },
+    async handleExport() {
+      this.exportBtn = true;
+      this.exportBtnTitle = "正在导出...";
+      let params = {
+        formCode: "resident_base_info",
+        conditions: this.conditions,
+      };
+
+      // .post('epmetuser/icresiuser/exportExcel', params)
+      await axios({
+        url: window.SITE_CONFIG["apiURL"] + "/epmetuser/icresiuser/exportExcel",
+        method: "post",
+        data: params,
+        responseType: "blob",
+      })
+        .then((res) => {
+          console.log("resllll", res);
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], {
+            type: "application/vnd.ms-excel",
+          });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          this.$message.error("获取导出失败");
+        });
+      this.exportBtnTitle = "导出";
+      this.exportBtn = false;
+    },
+    // 上传大图标成功
+    handleExcelSuccess(res, file) {
+      if (res.code === 0 && res.msg === "success") {
+        console.log("resss---ppp", res);
+      } else {
+        this.$message.error(res.msg);
+      }
+    },
+    handleProgress(event, file, fileList) {
+      console.log("percentage", file.percentage);
+    },
 
-        resetSearchForm() {
-            for (const n in this.$refs.myResiSearch.form) {
-                this.$refs.myResiSearch.form[n] = "";
-            }
-            this.$refs.myResiSearch.form.healthStatus = [];
-            this.$refs.myResiSearch.form.attentionCrowds = [];
-            this.$refs.myResiSearch.form.specialCategoryCodes = [];
-            this.currentPage = 1
-            this.$refs.myResiSearch.level = ''
+    beforeExcelUpload(file) {
+      console.log("file", file);
+      const isType = file.type === "application/vnd.ms-excel";
+      const isTypeComputer =
+        file.type ===
+        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+      const fileType = isType || isTypeComputer;
+      const isLt1M = file.size / 1024 / 1024 < 100;
+      if (!fileType) {
+        this.$message.error("上传文件只能是xls/xlsx格式！");
+      }
+
+      if (!isLt1M) {
+        this.$message.error("上传文件大小不能超过 100MB!");
+      }
+      return fileType && isLt1M;
+    },
+    async uploadHttpRequest(file) {
+      this.importLoading = true;
+      this.importBtnTitle = "正在上传中...";
+      this.$message({
+        showClose: true,
+        dangerouslyUseHTMLString: true,
+        message:
+          "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
+        duration: 3000,
+      });
+      let than = this;
+      document.getElementById("clickA").addEventListener("click", function () {
+        than.$router.replace("/main/importRecord-index");
+      });
+      const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+      formData.append("file", file.file); //添加文件对象
+      await this.$http
+        .post("/epmetuser/icresiuser/importExcel", formData)
+        .then((res) => {
+          console.log("res-up", res);
+          if (res.data.code == 0 && res.data.msg == "success") {
+            // this.$message.success('导入成功')
             this.getTableData();
-        },
-        async handleExportModule() {
-            let url = "/epmetuser/icresiuser/import/download-template";
-
-            let params = {};
-            await this.$http({
-                method: "POST",
-                url,
-                responseType: "blob",
-                data: params,
-            })
-                .then((res) => {
-                    console.log("res----dddd", res);
-                    // this.download(res.data, title + '.xls')
-                    if (res.headers["content-disposition"]) {
-                        let fileName = window.decodeURI(
-                            res.headers["content-disposition"]
-                                .split(";")[1]
-                                .split("=")[1]
-                        );
-                        console.log("filename", fileName);
-                        let blob = new Blob([res.data], {
-                            type: "application/vnd.ms-excel",
-                        });
-                        var url = window.URL.createObjectURL(blob);
-                        var aLink = document.createElement("a");
-                        aLink.style.display = "none";
-                        aLink.href = url;
-                        aLink.setAttribute("download", fileName);
-                        document.body.appendChild(aLink);
-                        aLink.click();
-                        document.body.removeChild(aLink); //下载完成移除元素
-                        window.URL.revokeObjectURL(url); //释放掉blob对象
-                    } else this.$message.error("下载失败");
-                })
-                .catch((err) => {
-                    console.log("err", err);
-                    return this.$message.error("网络错误");
-                });
-        },
-        // 下载文件
-        download(data, fileName) {
-            console.log("data", data);
-            if (!data) {
-                return;
-            }
-
-            var csvData = new Blob([data]);
-
-            if (window.navigator && window.navigator.msSaveOrOpenBlob) {
-                window.navigator.msSaveOrOpenBlob(csvData, fileName);
-            }
-            else {
-                var a = document.createElement("a");
-                document.body.appendChild(a);
-                a.style = "display: none";
-                var url = window.URL.createObjectURL(csvData);
-                a.href = url;
-                a.download = fileName;
-                a.click();
-                a.remove();
-                window.URL.revokeObjectURL(url);
-            }
-        },
-        async handleExport() {
-            this.exportBtn = true;
-            this.exportBtnTitle = "正在导出...";
-            let params = {
-                formCode: "resident_base_info",
-                conditions: this.conditions,
-            };
-
-            // .post('epmetuser/icresiuser/exportExcel', params)
-            await axios({
-                url:
-                    window.SITE_CONFIG["apiURL"] +
-                    "/epmetuser/icresiuser/exportExcel",
-                method: "post",
-                data: params,
-                responseType: "blob",
-            })
-                .then((res) => {
-                    console.log("resllll", res);
-                    let fileName = window.decodeURI(
-                        res.headers["content-disposition"]
-                            .split(";")[1]
-                            .split("=")[1]
-                    );
-                    console.log("filename", fileName);
-                    let blob = new Blob([res.data], {
-                        type: "application/vnd.ms-excel",
-                    });
-                    var url = window.URL.createObjectURL(blob);
-                    var aLink = document.createElement("a");
-                    aLink.style.display = "none";
-                    aLink.href = url;
-                    aLink.setAttribute("download", fileName);
-                    document.body.appendChild(aLink);
-                    aLink.click();
-                    document.body.removeChild(aLink); //下载完成移除元素
-                    window.URL.revokeObjectURL(url); //释放掉blob对象
-                })
-                .catch((err) => {
-                    console.log("获取导出情失败", err);
-                    this.$message.error("获取导出失败");
-                });
-            this.exportBtnTitle = "导出";
-            this.exportBtn = false;
-        },
-        // 上传大图标成功
-        handleExcelSuccess(res, file) {
-            if (res.code === 0 && res.msg === "success") {
-                console.log("resss---ppp", res);
-            } else {
-                this.$message.error(res.msg);
-            }
-        },
-        handleProgress(event, file, fileList) {
-            console.log("percentage", file.percentage);
-        },
-
-        beforeExcelUpload(file) {
-            console.log("file", file);
-            const isType = file.type === "application/vnd.ms-excel";
-            const isTypeComputer =
-                file.type ===
-                "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-            const fileType = isType || isTypeComputer;
-            const isLt1M = file.size / 1024 / 1024 < 100;
-            if (!fileType) {
-                this.$message.error("上传文件只能是xls/xlsx格式！");
-            }
+          } else this.$message.error(res.data.msg);
+        })
+        .catch((err) => {
+          console.log("失败", err);
+          file.onError(); //上传失败的文件会从文件列表中删除
+          // this.$message.error('导入失败')
+        });
+      this.importLoading = false;
+      this.importBtnTitle = "导入";
+      this.$refs.upload.clearFiles();
+    },
 
-            if (!isLt1M) {
-                this.$message.error("上传文件大小不能超过 100MB!");
-            }
-            return fileType && isLt1M;
-        },
-        async uploadHttpRequest(file) {
-            this.importLoading = true;
-            this.importBtnTitle = "正在上传中...";
-            this.$message({
-                showClose: true,
-                dangerouslyUseHTMLString: true,
-                message: "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
-                duration: 3000
+    // 查看
+    async handleLook(row) {
+      this.lookResiId = row.resiId;
+      let {
+        agencyId,
+        gridId,
+        gridName,
+        gender,
+        homeId,
+        homeName,
+        name,
+        resiId,
+      } = row;
+      this.$store.dispatch("saveData", {
+        agencyId,
+        gridId,
+        gridName,
+        gender,
+        homeId,
+        homeName,
+        name,
+        resiId,
+      });
+      this.$router.push({ name: "jumin-huaxiang" });
+      this.$store.state.contentTabs = this.$store.state.contentTabs.map(
+        (item) => {
+          if (item.name === "jumin-huaxiang") {
+            return { ...item, title: name };
+          }
+          return item;
+        }
+      );
+    },
+    handelCLickShowCheckPassword(row) {
+      this.editUserId = row.resiId;
+      this.showCheckPassword = true;
+    },
+    handelClickCheckPassword() {
+      this.$refs.checkPasswordFrom.validate(async (vali) => {
+        if (vali) {
+          const url = `/actual/base/residentBaseInfo/getResiUserInfo/${this.editUserId}`;
+          let parm = {
+            password: this.checkPasswordFrom.password,
+          };
+          const { data, code, msg } = await requestPost(url, parm);
+          if (code === 0) {
+            this.showCheckPassword = false;
+            this.$router.push({
+              name: "edit-resi",
+              query: { id: this.editUserId },
+              params: { idNum: data.idNum, mobile: data.mobile },
             });
-            let than = this
-            document.getElementById('clickA').addEventListener('click', function () {
-                than.$router.replace('/main/importRecord-index');
-            })
-            const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
-            formData.append("file", file.file); //添加文件对象
-            await this.$http
-                .post("/epmetuser/icresiuser/importExcel", formData)
-                .then((res) => {
-                    console.log("res-up", res);
-                    if (res.data.code == 0 && res.data.msg == "success") {
-                        // this.$message.success('导入成功')
-                        this.getTableData();
-                    } else this.$message.error(res.data.msg);
-                })
-                .catch((err) => {
-                    console.log("失败", err);
-                    file.onError(); //上传失败的文件会从文件列表中删除
-                    // this.$message.error('导入失败')
-                });
-            this.importLoading = false;
-            this.importBtnTitle = "导入";
-            this.$refs.upload.clearFiles();
-        },
+            this.checkPasswordFrom.password = "";
+          } else {
+            this.$message.error(msg);
+          }
+        } else {
+          return false;
+        }
+      });
+    },
 
-        // 查看
-        async handleLook(row) {
-            this.lookResiId = row.resiId;
-            // this.dialogVisible2 = true;
-            let { agencyId, gridId, gridName, gender, homeId, homeName, name, resiId } = row
-            this.$store.dispatch('saveData', { agencyId, gridId, gridName, gender, homeId, homeName, name, resiId });
-            this.$router.push({ name: 'jumin-huaxiang' });
-            this.$store.state.contentTabs = this.$store.state.contentTabs.map(item => {
-                if (item.name === "jumin-huaxiang") {
-                    return { ...item, title: name };
-                }
-                return item;
-            });
-        },
-        handelCLickShowCheckPassword(row) {
-            this.editUserId = row.resiId;
-            this.showCheckPassword = true;
-        },
-        handelClickCheckPassword() {
-            this.$refs.checkPasswordFrom.validate(async vali => {
-                if (vali) {
-                    const url = `/actual/base/residentBaseInfo/getResiUserInfo/${this.editUserId}`;
-                    let parm = {
-                        password: this.checkPasswordFrom.password
-                    }
-                    const { data, code, msg } = await requestPost(url, parm);
-                    if (code === 0) {
-                        // this.formName = "编辑居民";
-                        // this.formType = 'edit'
-                        // this.dialogVisible = true;
-                        // this.$refs.baseForm.old_from(data);
-                        this.showCheckPassword = false
-                        this.$router.push({ name: 'edit-resi', query: { id: this.editUserId }, params: { idNum: data.idNum, mobile: data.mobile } });
-                        this.checkPasswordFrom.password = ''
-                    } else {
-                        this.$message.error(msg);
-                    }
-                } else {
-                    return false
-                }
-            })
-        },
-        // async handleSaveTuomin(password) {
-        //     const url = `/actual/base/residentBaseInfo/getResiUserInfo/${this.editUserId}`;
-        //     let parm = {
-        //         password
-        //     }
-        //     const { data, code, msg } = await requestPost(url, parm);
-        //     if (code === 0) {
-        //         this.formName = "编辑居民";
-        //         this.formType = 'edit'
-        //         this.dialogVisible = true;
-        //         this.$refs.baseForm.old_from(data);
-        //         this.showCheckPassword = false
-        //     } else {
-        //         this.$message.error(msg);
-        //     }
-        // },
-        // 编辑
-        // async handleEdit(row) {
-        //     this.editUserId = row.resiId;
-        //     this.formName = "编辑居民";
-        //     this.formType = 'edit'
-        //     this.dialogVisible = true;
-        //     await this.residentBaseInfo();
-        // },
-        // 获取详情
-        // residentBaseInfo() {
-        //     this.$http
-        //         .post(`/actual/base/residentBaseInfo/detail/clear/${this.editUserId}`)
-        //         .then(({ data: res }) => {
-        //             if (res.code !== 0) {
-        //                 return this.$message.error(res.msg);
-        //             } else {
-        //                 this.$refs.baseForm.old_from(res.data);
-        //             }
-        //         })
-        //         .catch((err) => {
-        //             return this.$message.error("网络错误");
-        //         });
-        // },
-        handlerReset() {
-            this.$refs.baseForm.resetForm();
-        },
+    async handleAdd() {
+      this.$router.push({ name: "add-resi" });
+    },
 
-        async handleAdd() {
-            // 1.0版本弹框形式居民新增
-            // this.formType = 'add'
-            // this.formName = "新增居民";
-            // this.editUserId = "";
-            // this.dialogVisible = true;
-            this.$router.push({ name: 'add-resi' });
-            // this.$store.state.contentTabs = this.$store.state.contentTabs.map(item => {
-            //     if (item.name === "add-resi") {
-            //     return {...item, title: '新增居民' };
-            //     }
-            //     return item;
-            // });
-        },
+    handleDel(row) {
+      console.log("row1", row);
+      this.$http
+        .post("/actual/base/residentBaseInfo/batchdel", [row.resiId])
+        .then(({ data: res }) => {
+          console.log("row2", row);
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("row3", row);
+            this.$message.success("删除成功");
+            this.getTableData();
+          }
+        })
+        .catch((err) => {
+          console.log("row4", err);
+          return this.$message.error("网络错误");
+        });
+    },
 
-        async handleChangeGroup(val) {
-            console.log("changeguoprrrrr----", val);
-            let { childGroup, value, partyInfo } = val;
-            let hasT = false;
-            let i = 0;
-            let list = [...this.tabsList];
-            list.forEach((item, index) => {
-                if (item.tableName === childGroup.tableName) {
-                    hasT = true;
-                    i = index;
-                }
-            });
-            if (value === true || value === "true") {
-                // console.log('changegroup----999', value)
-                if (!hasT) {
-                    childGroup.itemList.forEach(async (item) => {
-                        if (item.optionSourceType === "remote") {
-                            await this.getOptionsList(
-                                item.optionSourceValue
-                            ).then((res) => {
-                                item.options = this.getTreeData(res);
-                            });
-                        }
-                    });
-                    if (
-                        partyInfo &&
-                        partyInfo.length > 0 &&
-                        childGroup.tableName == "ic_party_member"
-                    ) {
-                        list.push({ ...childGroup, formInfo: partyInfo[0] });
-                    } else list.push(childGroup);
-                }
-            } else {
-                // console.log('changegroup----000', value)
-                if (hasT) list.splice(i, 1);
-            }
-            this.tabsList = [...list];
-        },
+    async getTableData(obj) {
+      let params = {
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+        ...obj,
+      };
+      this.tableLoading = true;
+      const { data } = await this.$http.post(
+        "/actual/base/residentBaseInfo/page",
+        params
+      );
+      this.tableLoading = false;
+      if (data.code === 0) {
+        this.total = data.data.total;
+        this.tableData = data.data.list;
+      } else {
+        this.$message.error(data.msg);
+      }
+    },
 
-        async handleEditSUbmit() {
-            this.handleSUbmit();
-        },
+    async getOptionsList(url) {
+      let options = [];
+      // console.log('getOptionsList----', url)
+      await this.$http
+        .post(url, { formCode: "resident_base_info" })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            options = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+      return options;
+    },
 
-        async handleSUbmit() {
-            if (!this.$refs.baseForm.submit_from()) {
-                return;
-            }
-            const _baseForm = JSON.parse(this.$refs.baseForm.submit_from());
-
-            _baseForm.partyFlag = parseInt(_baseForm.partyFlag); //党员
-            _baseForm.subsistenceAllowanceFlag = parseInt(
-                _baseForm.subsistenceAllowanceFlag
-            ); //低保
-            _baseForm.ensureHouseFlag = parseInt(_baseForm.ensureHouseFlag); //保障房
-            _baseForm.unemployedFlag = parseInt(_baseForm.unemployedFlag); //失业
-            (_baseForm.fertileWomanFlag = parseInt(_baseForm.fertileWomanFlag)), //育龄妇女
-                (_baseForm.veteranFlag = parseInt(_baseForm.veteranFlag)); //退役军人
-            _baseForm.unitedFrontFlag = parseInt(_baseForm.unitedFrontFlag); //统战人员
-            //公益岗人员
-            _baseForm.publicWelfareFlag = parseInt(
-                _baseForm.publicWelfareFlag
-            );
-            //信访人员
-            _baseForm.unemployedFlag = parseInt(_baseForm.unemployedFlag); //失业
-            _baseForm.volunteerFlag = parseInt(_baseForm.volunteerFlag); //志愿者
-            _baseForm.specialSupportFlag = parseInt(
-                _baseForm.specialSupportFlag
-            ); //特扶
-            _baseForm.tenantFlag = parseInt(_baseForm.tenantFlag); //租户
-            _baseForm.floatingFlag = parseInt(_baseForm.floatingFlag); //流动人口
-            _baseForm.specialCrowdFlag = parseInt(_baseForm.specialCrowdFlag); //特殊人群
-            _baseForm.oldPeopleFlag = parseInt(_baseForm.oldPeopleFlag); //老年人
-            _baseForm.emptyNesterFlag = parseInt(_baseForm.emptyNesterFlag); //空巢
-            _baseForm.liveAloneFlag = parseInt(_baseForm.liveAloneFlag); //独居老人
-            _baseForm.disabledFlag = parseInt(_baseForm.disabledFlag); //失能老人
-            _baseForm.dementedFlag = parseInt(_baseForm.dementedFlag); //失智老人
-            _baseForm.disabilityFlag = parseInt(_baseForm.disabilityFlag); //是否残疾
-
-            _baseForm.buildingChiefFlag = parseInt(_baseForm.buildingChiefFlag); //是否楼长
-            _baseForm.unitChiefFlag = parseInt(_baseForm.unitChiefFlag); //是否单元长
-
-
-            _baseForm.seriousIllnessFlag = parseInt(
-                _baseForm.seriousIllnessFlag
-            ); //大病
-            _baseForm.chronicDiseaseFlag = parseInt(
-                _baseForm.chronicDiseaseFlag
-            ); //慢病
-            var hobbyCode = "";
-            if (_baseForm.hobbyInfoDto) {
-                if (_baseForm.hobbyInfoDto.hobbyCode.length === 0) {
-                    hobbyCode = "";
-                    _baseForm.hobbyInfoDto.hobbyCode = hobbyCode;
-                } else {
-                    _baseForm.hobbyInfoDto.hobbyCode.forEach(
-                        (element, index) => {
-                            hobbyCode =
-                                index === 0
-                                    ? element
-                                    : hobbyCode + "," + element;
-                        }
-                    );
-                    _baseForm.hobbyInfoDto.hobbyCode = hobbyCode;
-                }
-            }
+    async getExportList(type) {
+      const url = "/oper/customize/icformitemgroup/list";
+      let params = {
+        formCode: "resident_base_info",
+      };
 
-            var chronicDiseaseCode = "";
-            if (_baseForm.healthDto) {
-                if (_baseForm.healthDto.chronicDiseaseCode.length === 0) {
-                    chronicDiseaseCode = "";
-                    _baseForm.healthDto.chronicDiseaseCode = chronicDiseaseCode;
-                } else {
-                    _baseForm.healthDto.chronicDiseaseCode.forEach(
-                        (element, index) => {
-                            chronicDiseaseCode =
-                                index === 0
-                                    ? element
-                                    : chronicDiseaseCode + "," + element;
-                        }
-                    );
-                    _baseForm.healthDto.chronicDiseaseCode = chronicDiseaseCode;
-                }
-            }
+      const { data, code, msg } = await requestPost(url, params);
 
-            var volunteerCategory = "";
-            if (_baseForm.volunteerDto) {
-                if (_baseForm.volunteerDto.volunteerCategory.length === 0) {
-                    volunteerCategory = "";
-                    _baseForm.volunteerDto.volunteerCategory =
-                        volunteerCategory;
-                } else {
-                    _baseForm.volunteerDto.volunteerCategory.forEach(
-                        (element, index) => {
-                            volunteerCategory =
-                                index === 0
-                                    ? element
-                                    : volunteerCategory + "," + element;
-                        }
-                    );
-                    _baseForm.volunteerDto.volunteerCategory =
-                        volunteerCategory;
-                }
-            }
+      if (code === 0) {
+        data.forEach((item) => {
+          (async (id) => {
+            item.queryItemList = [];
+          })(item.id);
+        });
+        this.exportList = [...data];
+        this.$nextTick(() => {
+          this.diyDialog = true;
+        });
+        console.log("获取详情成功getExportList----", this.exportList);
+      } else {
+        this.$message.error(msg);
+      }
+    },
 
-            var specialCategoryCode = "";
-            if (_baseForm.specialDto) {
-                if (_baseForm.specialDto.specialCategoryCode.length === 0) {
-                    specialCategoryCode = "";
-                    _baseForm.specialDto.specialCategoryCode =
-                        specialCategoryCode;
-                } else {
-                    _baseForm.specialDto.specialCategoryCode.forEach(
-                        (element, index) => {
-                            specialCategoryCode =
-                                index === 0
-                                    ? element
-                                    : specialCategoryCode + "," + element;
-                        }
-                    );
-                    _baseForm.specialDto.specialCategoryCode =
-                        specialCategoryCode;
-                }
-            }
-            console.log('居民信息提交表单：', _baseForm);
-            this.submitAdd(_baseForm);
-        },
-        handleDel(row) {
-            console.log("row1", row);
-            this.$http
-                .post("/actual/base/residentBaseInfo/batchdel", [row.resiId])
-                .then(({ data: res }) => {
-                    console.log("row2", row);
-                    if (res.code !== 0) {
-                        return this.$message.error(res.msg);
-                    } else {
-                        console.log("row3", row);
-                        this.$message.success("删除成功");
-                        this.getTableData();
-                    }
-                })
-                .catch((err) => {
-                    console.log("row4", err);
-                    return this.$message.error("网络错误");
-                });
-        },
-        handlerCancle() {
-            this.dialogVisible = false;
-        },
-        async submitAdd(arr) {
-
-            this.btnLoading = true;
-            await this.$http
-                .post(
-                    arr.resiId
-                        ? "actual/base/residentBaseInfo/update"
-                        : "/actual/base/residentBaseInfo/save",
-                    arr
-                )
-                .then(({ data: res }) => {
-                    if (res.code !== 0) {
-                        return this.$message.error(res.msg);
-                    } else {
-                        this.$message.success("提交成功");
-                        // this.$refs[formName].resetFields();
-
-                        this.dialogVisible = false;
-                    }
-                })
-                .catch(() => {
-                    return this.$message.error("网络错误");
-                });
-            // console.log(this.$refs.baseForm.form);
-            this.btnLoading = false;
+    async deleteresiBatch() {
+      if (this.selection.length === 0)
+        return this.$message.error("请选择之后进行操作");
+      let userIds = this.selection.map((item) => item.resiId);
+      this.$http
+        .post("/actual/base/residentBaseInfo/batchdel", userIds)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            this.$message.success("删除成功");
             this.handleSearchFrom();
-        },
-
-        async getTableData(obj) {
-            let params = {
-                pageNo: this.currentPage,
-                pageSize: this.pageSize,
-                ...obj,
-            };
-            this.tableLoading = true;
-            const { data } = await this.$http.post(
-                "/actual/base/residentBaseInfo/page",
-                params
+          }
+        })
+        .catch((err) => {
+          console.log("row4", err);
+          return this.$message.error("网络错误");
+        });
+    },
+    startLoading() {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
+    },
+    endLoading() {
+      if (loading) {
+        loading.close();
+      }
+    },
+    async handleChangeSerch() {
+      this.startLoading();
+      this.$refs.ref_tree.$data.store.lazy = !this.filterText;
+      if (this.filterText.length > 0 && this.filterText != "") {
+        const url = `/actual/base/communityBuilding/tree/search?keyword=${this.filterText}`;
+        const { data, code, msg } = await requestGet(url);
+        if (data[0].children.length > 0) {
+          this.treeData = data;
+          for (let i in this.treeData[0].children) {
+            this.autoOpenArr.push(
+              this.treeData[0].id,
+              this.treeData[0].children[i].id,
+              this.treeData[0].children[0].children[0].id
             );
-            this.tableLoading = false;
-            if (data.code === 0) {
-                this.total = data.data.total;
-                this.tableData = data.data.list;
-            } else {
-                this.$message.error(data.msg);
-            }
-        },
-
-
-        async getOptionsList(url) {
-            let options = [];
-            // console.log('getOptionsList----', url)
-            await this.$http
-                .post(url, { formCode: "resident_base_info" })
-                .then(({ data: res }) => {
-                    if (res.code !== 0) {
-                        return this.$message.error(res.msg);
-                    } else {
-                        options = res.data;
-                    }
-                })
-                .catch(() => {
-                    return this.$message.error("网络错误");
-                });
-            return options;
-        },
-
-        getTreeData(data) {
-            if (!Array.isArray(data)) return [];
-            let arr = data.map((item) => {
-                let _item = {};
-                if (item.children) {
-                    if (item.children.length === 0)
-                        _item = { ...item, children: undefined };
-                    else
-                        _item = {
-                            ...item,
-                            children: this.getTreeData(item.children),
-                        };
-                } else {
-                    _item = { ...item };
-                }
-                return _item;
-            });
-            return arr;
-        },
-
-        async getExportList(type) {
-            const url = "/oper/customize/icformitemgroup/list";
-            let params = {
-                formCode: "resident_base_info",
-            };
-
-            const { data, code, msg } = await requestPost(url, params);
-
-            if (code === 0) {
-                data.forEach((item) => {
-                    (async (id) => {
-                        // item.queryItemList = await this.getExportChildList(id)
-                        item.queryItemList = [];
-                    })(item.id);
-                });
-                this.exportList = [...data];
-                this.$nextTick(() => {
-                    this.diyDialog = true;
-                });
-                console.log("获取详情成功getExportList----", this.exportList);
-            } else {
-                this.$message.error(msg);
-            }
-        },
-        async getExportChildList(groupId) {
-            const url = `/oper/customize/icformitem/getItemList/${groupId}`;
-            let params = {};
-
-            const { data, code, msg } = await requestPost(url, params);
-
-            if (code === 0) {
-                return data;
+          }
+        } else {
+          this.treeData = [];
+          this.$message.error("暂未找到!");
+        }
+      } else {
+        this.treeData = [];
+        this.autoOpenArr = [];
+        this.loadTree();
+      }
+      this.endLoading();
+    },
+    async lazyLoadTree(node, resolve) {
+      const url = `/actual/base/communityBuilding/tree/nextTreeNode?id=${node.data.id}&level=${node.data.level}`;
+      const { data, code, msg } = await requestGet(url);
+      if (code === 0) {
+        data.forEach((element) => {
+          if (element.level === "building") {
+            element.isLeaf = true;
+          }
+        });
+        resolve(data);
+      } else {
+        this.$message.error(msg);
+      }
+      // }
+    },
+    async loadTree(isRefresh) {
+      const url = "/actual/base/communityBuilding/tree/initTree";
+      const { data, code, msg } = await requestGet(url);
+      if (code === 0) {
+        this.treeData = [];
+        this.treeData.push(data);
+        this.autoOpenArr.push(data.id);
+        if (!isRefresh && data) {
+          this.selTreeObj = data;
+          if (!this.selTreeObj.latitude) {
+            this.selTreeObj.latitude = this.centerPoint[0];
+          }
+          if (!this.selTreeObj.longitude) {
+            this.selTreeObj.longitude = this.centerPoint[1];
+          }
+        }
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    async handleNodeClick(obj) {
+      this.selObj = JSON.parse(JSON.stringify(obj));
+      this.getTreeObj(obj);
+      await nextTick(1000);
+      this.searchAgencyObj = {};
+      if (obj.level === "building") {
+        this.searchAgencyObj.buildId = obj.id;
+        this.handleSearchFrom("type");
+      } else if (obj.level === "neighborHood") {
+        this.searchAgencyObj.villageId = obj.id;
+        this.handleSearchFrom("type");
+      } else if (obj.level == "grid") {
+        this.searchAgencyObj.gridId = obj.id;
+        this.handleSearchFrom("type");
+      } else {
+        this.searchAgencyObj.agencyId = obj.id;
+        this.handleSearchFrom("type");
+      }
+    },
+    //解析树数据
+    getTreeObj(obj) {
+      if (!obj.latitude) {
+        obj.latitude = this.centerPoint[0];
+      }
+
+      if (!obj.longitude) {
+        obj.longitude = this.centerPoint[1];
+      }
+      this.selTreeObj = obj;
+    },
+  },
+  watch: {
+    $route: {
+      handler: function (newVal, oldVal) {
+        // console.log(newVal, oldVal)
+        if (newVal.name == "base-resi") {
+          this.$nextTick(() => {
+            if (newVal.params.category) {
+              this.$refs.myResiSearch.form.categoryKey = [];
+              this.$refs.myResiSearch.form.categoryKey.push(
+                newVal.params.category
+              );
+              this.handleSearchFrom();
             } else {
-                this.$message.error(msg);
+              // this.$refs.myResiSearch.form.categoryKey = []
+              // this.handleSearchFrom()
             }
-        },
-        async deleteresiBatch() {
-            if (this.selection.length === 0)
-                return this.$message.error("请选择之后进行操作");
-            let userIds = this.selection.map((item) => item.resiId);
-            this.$http
-                .post("/actual/base/residentBaseInfo/batchdel", userIds)
-                .then(({ data: res }) => {
-                    if (res.code !== 0) {
-                        return this.$message.error(res.msg);
-                    } else {
-                        this.$message.success("删除成功");
-                        this.handleSearchFrom();
-                    }
-                })
-                .catch((err) => {
-                    console.log("row4", err);
-                    return this.$message.error("网络错误");
-                });
-        },
-    },
-    watch: {
-        $route: {
-            handler: function (newVal, oldVal) {
-                // console.log(newVal, oldVal)
-                if (newVal.name == "base-resi") {
-                    this.$nextTick(() => {
-                        if (newVal.params.category) {
-                            this.$refs.myResiSearch.form.categoryKey = []
-                            this.$refs.myResiSearch.form.categoryKey.push(newVal.params.category)
-                            this.handleSearchFrom()
-                        } else {
-                            // this.$refs.myResiSearch.form.categoryKey = []
-                            // this.handleSearchFrom()
-                        }
-                    })
-                }
-            },
-            deep: true,
-            immediate: true
+          });
         }
+      },
+      deep: true,
+      immediate: true,
     },
+  },
 };
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/list-main.scss";
 @import "@/assets/scss/buttonstyle.scss";
-
-::v-deep .el-tabs__nav-next {
-    box-shadow: 2px 0px 9px 0px;
+.g-main {
+  display: flex;
 }
-
-::v-deep .el-tabs__nav-prev {
-    box-shadow: -1px 0px 7px 0px;
+.div_tree {
+  margin: 7px 8px 7px 7px;
+  width: 30%;
+  max-width: 304px;
+  min-width: 240px;
+  /deep/ .el-scrollbar__wrap {
+    overflow-x: hidden !important;
+  }
+
+  //搜索输入框样式
+  /deep/ .el-input--medium .el-input__inner {
+    height: 32px;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 4px;
+  }
+  flex: 0 0 280px;
+  background: #ffffff;
+  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
+    0px 3px 6px -4px rgba(0, 0, 0, 0.12);
+  // border-radius: 5px;
+  padding: 24px 15px;
+  overflow-y: hidden;
 }
 
 .dialog-h {
-    .el-dialog__body {
-        position: relative;
-        max-height: 83vh;
-        box-sizing: border-box;
-        padding: 0 0 20px !important;
-
-        .dialog-h-content {
-            max-height: calc(83vh - 80px);
-            box-sizing: border-box;
-            padding: 50px 70px;
-            overflow: auto;
-        }
+  .el-dialog__body {
+    position: relative;
+    max-height: 83vh;
+    box-sizing: border-box;
+    padding: 0 0 20px !important;
+
+    .dialog-h-content {
+      max-height: calc(83vh - 80px);
+      box-sizing: border-box;
+      padding: 50px 70px;
+      overflow: auto;
     }
+  }
 }
 
 .resi-container ::v-deep .el-row {
-    margin-right: 0;
+  margin-right: 0;
 }
 
 .tabs-other-info {
-
-    // ::v-deep .el-tabs__nav-wrap::after,
-    ::v-deep .el-tabs__active-bar_active {
-        background-color: #0055d7;
-    }
+  // ::v-deep .el-tabs__nav-wrap::after,
+  ::v-deep .el-tabs__active-bar_active {
+    background-color: #0055d7;
+  }
 }
 
 ::v-deep .el-tabs__item {
-    // width: 50px;
-    box-sizing: border-box;
-    padding: 0 10px !important;
-    font-size: 14px;
-    font-weight: 600;
-    color: #666666;
-    border-radius: 2px;
-
-    &:hover {
-        color: #0056d6;
-    }
+  // width: 50px;
+  box-sizing: border-box;
+  padding: 0 10px !important;
+  font-size: 14px;
+  font-weight: 600;
+  color: #666666;
+  border-radius: 2px;
+
+  &:hover {
+    color: #0056d6;
+  }
 }
 
 ::v-deep .el-tabs__item.is-active {
-    color: #0056d6;
+  color: #0056d6;
 }
 
 ::v-deep .el-tabs__active-bar {
-    background-color: #0056d6;
+  background-color: #0056d6;
 }
 
 .resi-container .resi-card {
-    position: relative;
-    overflow: visible;
+  position: relative;
+  overflow: visible;
 }
 
 ::v-deep .el-button--primary.is-plain {
-    color: #0055d7;
-    background: #ffffff;
-    border-color: #0055d7;
+  color: #0055d7;
+  background: #ffffff;
+  border-color: #0055d7;
 }
 
 .resi-container .resi-card-table {
-    ::v-deep .el-table th {
-        color: #fff;
-        background-color: rgba(33, 149, 254, 1);
-        // border-right: 1px solid rgba(33, 149, 254, 1);
-    }
+  ::v-deep .el-table th {
+    color: #fff;
+    background-color: rgba(33, 149, 254, 1);
+    // border-right: 1px solid rgba(33, 149, 254, 1);
+  }
 }
 
 .collapse-title {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .resi-table {
-    ::v-deep .el-button--text {
-        text-decoration: underline;
-    }
-
-    ::v-deep .btn-color-del {
-        margin-left: 10px;
-        color: rgba(213, 16, 16, 1);
-    }
-
-    ::v-deep .btn-color-edit {
-        color: rgba(0, 167, 169, 1);
-    }
+  ::v-deep .el-button--text {
+    text-decoration: underline;
+  }
+
+  ::v-deep .btn-color-del {
+    margin-left: 10px;
+    color: rgba(213, 16, 16, 1);
+  }
+
+  ::v-deep .btn-color-edit {
+    color: rgba(0, 167, 169, 1);
+  }
 }
 
 .resi-search {
-    // padding-right: 20px;
-    margin-top: 10px;
+  // padding-right: 20px;
+  margin-top: 10px;
 
-    .el-col {
-        text-align: right;
-    }
+  .el-col {
+    text-align: right;
+  }
 }
 
 .resi-down {
-    position: absolute;
-    left: 50%;
-    bottom: -10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 46px;
-    height: 12px;
-    box-sizing: border-box;
-    margin-left: -23rpx;
-    cursor: pointer;
-    background: #ffffff;
-    border-radius: 0 0 10px 10px;
-
-    img {
-        display: block;
-    }
+  position: absolute;
+  left: 50%;
+  bottom: -10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 46px;
+  height: 12px;
+  box-sizing: border-box;
+  margin-left: -23rpx;
+  cursor: pointer;
+  background: #ffffff;
+  border-radius: 0 0 10px 10px;
+
+  img {
+    display: block;
+  }
 }
 
 .resi-card-table {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 .resi-row-btn {
-    display: flex;
-    margin-bottom: 13px;
+  display: flex;
+  margin-bottom: 13px;
 
-    .el-button {
-        margin-left: 10px;
-        border: 0;
-    }
-
-    // .el-button--success {
-    //   background: rgba(34, 193, 195, 1);
-    // }
-    // .el-button--warning {
-    //   background: rgba(254, 179, 73, 1);
-    // }
-    // .el-button--danger {
-    //   background: rgba(254, 98, 82, 1);
-    // }
+  .el-button {
+    margin-left: 10px;
+    border: 0;
+  }
 }
 
 .resi-other {
-    width: 100%;
-    display: flex;
-
-    .resi-other-title {
-        flex-shrink: 0;
-        // display: inline-block;
-        width: 100px;
-        box-sizing: border-box;
-        margin-bottom: 10px;
-        // padding: 6px 12px 0 0;
-        font-size: 16px;
-        font-weight: 500;
-        color: #333;
-        text-align: center;
-    }
+  width: 100%;
+  display: flex;
 
-    .tabs-other-info {
-        // display: inline-block;
-        // flex: 1;
-        // padding-left: 60px;
-        width: calc(100% - 100px);
-    }
-}
-
-.resi-btns {
-    margin-top: 20px;
+  .resi-other-title {
+    flex-shrink: 0;
+    // display: inline-block;
+    width: 100px;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+    // padding: 6px 12px 0 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
     text-align: center;
-    text-align: right;
-    margin-right: 16px;
+  }
+
+  .tabs-other-info {
+    // display: inline-block;
+    // flex: 1;
+    // padding-left: 60px;
+    width: calc(100% - 100px);
+  }
 }
 
 .div-flex {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-
-    .div_del {
-        margin-top: 15px;
-    }
-
-    .m-page {
-        margin-left: auto;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+
+  .div_del {
+    margin-top: 15px;
+  }
+
+  .m-page {
+    margin-left: auto;
+  }
 }
 
 .el-dropdown-menu {
-    ::v-deep .el-dropdown-menu__item {
-        &:hover {
-            color: #0056d6;
-        }
+  ::v-deep .el-dropdown-menu__item {
+    &:hover {
+      color: #0056d6;
     }
+  }
 }
 
 .resiCategoryInfoBox {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-wrap: normal;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-wrap: normal;
 }
 </style>