From 0c0fd75cf6a946d166758f7bd048436e125ab9e3 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Tue, 28 Feb 2023 13:55:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E4=BA=86=E5=8F=AF=E8=A7=86=E5=8C=96?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production.sit                           |    2 +-
 .../modules/base/community/community.vue      | 1946 ++++++-------
 .../base/community/communityExportInfo.vue    | 1629 ++++++-----
 .../modules/base/community/communityTable.vue | 2507 +++++++++--------
 src/views/modules/base/resi.vue               |    2 +-
 src/views/modules/base/smartImport.vue        |  894 +++---
 6 files changed, 3599 insertions(+), 3381 deletions(-)

diff --git a/.env.production.sit b/.env.production.sit
index 1d43d342a..18f137550 100644
--- a/.env.production.sit
+++ b/.env.production.sit
@@ -2,6 +2,6 @@ NODE_ENV=production
 # VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
 # VUE_APP_API_SERVER =  http://192.168.1.140/api
 VUE_APP_API_SERVER =  http://219.146.91.110:30801/api
-VUE_APP_BIPASS_API_SERVER =  http://bipaas.elinkservice.com/linkdata/linkdata-gateway/route
+VUE_APP_BIPASS_API_SERVER = http://bipaas.elinkservice.com:30801/linkdata/linkdata-gateway/route
 VUE_APP_NODE_ENV=prod:sit
 VUE_APP_PUBLIC_PATH=epmet-oper
diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue
index adba323f9..19b8419d9 100644
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@@ -1,228 +1,260 @@
 <template>
-  <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
-                 :default-expanded-keys="autoOpenArr"
-                 
-				      	:load="lazyLoadTree">
-
-          <span slot-scope="{ node, data }"
-                class="custom-tree-node">
-            <img v-if="data.showIcon"
-                 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"
+	<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
+					:default-expanded-keys="autoOpenArr"
+					:load="lazyLoadTree"
+				>
+					<span slot-scope="{ node, data }" class="custom-tree-node">
+						<img
+							v-if="data.showIcon"
+							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 v-else
-                  :id="data.id">{{ data.showName }}</span>
-          </span>
-        </el-tree>
-      </el-scrollbar>
-
-    </div>
-
-    <div :style="{height:rowHeight}"
-         class=div_left>
-
-      <div class="m-search hflex">
-
-        <el-form :inline="true"
-                 class="communityHeight"
-                 ref="ref_searchform"
-                 :label-width="'100px'">
-
-          <el-form-item label="房主姓名"
-                        prop="ownerName">
-            <el-input v-model="ownerName"
-                      class="u-item-width-normal"
-                      size="small"
-                      clearable
-                      placeholder="请输入内容">
-
-            </el-input>
-          </el-form-item>
-          <el-form-item label="联系方式"
-                        prop="ownerPhone">
-            <el-input v-model="ownerPhone"
-                      class="u-item-width-normal"
-                      size="small"
-                      clearable
-                      placeholder="请输入手机">
-            </el-input>
-
-          </el-form-item>
-
-          <el-form-item label="房屋状态"
-                        prop="rentFlag">
-            <el-select class="u-item-width-normal"
-                       v-model="rentFlag"
-                       placeholder="请选择"
-                       size="small"
-                       clearable>
-              <el-option v-for="item in rentList"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="房屋用途"
-                        prop="purpose">
-            <el-select v-model="purpose"
-                       class="u-item-width-normal"
-                       placeholder="请选择"
-                       size="small"
-                       clearable>
-              <el-option v-for="item in purposeArr"
-                         :key="item.dictValue"
-                         :label="item.dictName"
-                         :value="item.dictValue">
-              </el-option>
-            </el-select>
-
-          </el-form-item>
-
-          <el-form-item label="更新时间"
-                        prop="updateStartDate">
-            <el-date-picker v-model="updateStartDate"
-                            :picker-options="startPickerOptions"
-                            class="u-item-width-daterange"
-                            size="small"
-                            type="date"
-                            value-format="yyyyMMdd"
-                            value="yyyy-MM-dd"
-                            placeholder="开始时间">
-            </el-date-picker>
-            <span class="u-data-tag">至</span>
-            <el-date-picker v-model="updateEndDate"
-                            :picker-options="endPickerOptions"
-                            class="u-item-width-daterange u-data-tag"
-                            size="small"
-                            type="date"
-                            value-format="yyyyMMdd"
-                            value="yyyy-MM-dd"
-                            placeholder="结束时间">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="备注"
-                        prop="remark">
-            <el-input v-model="remark"
-                      class="u-item-width-normal"
-                      size="small"
-                      clearable
-                      placeholder="请输入备注">
-            </el-input>
-          </el-form-item>
-
-          <el-form-item label="所属房屋"
-                        prop="neighborHoodId">
-            <el-select v-model.trim="neighborHoodId"
-                       :disabled="vDisabled"
-                       placeholder="小区"
-                       filterable
-                       size="small"
-                       clearable
-                       class="u-item-width-communitycascader"
-                       @change="handleChangeV">
-                     <!-- <div>
+						<span v-if="data.showIcon" :id="data.id"
+							>{{ data.label + "(" }}
+							<span style="color: red">{{ data.showNum }}</span>
+							<span>{{ ")" }}</span>
+						</span>
+						<span v-else :id="data.id">{{ data.showName }}</span>
+					</span>
+				</el-tree>
+			</el-scrollbar>
+		</div>
+
+		<div :style="{ height: rowHeight }" class="div_left">
+			<div class="m-search hflex">
+				<el-form
+					:inline="true"
+					class="communityHeight"
+					ref="ref_searchform"
+					:label-width="'100px'"
+				>
+					<el-form-item label="房主姓名" prop="ownerName">
+						<el-input
+							v-model="ownerName"
+							class="u-item-width-normal"
+							size="small"
+							clearable
+							placeholder="请输入内容"
+						>
+						</el-input>
+					</el-form-item>
+					<el-form-item label="联系方式" prop="ownerPhone">
+						<el-input
+							v-model="ownerPhone"
+							class="u-item-width-normal"
+							size="small"
+							clearable
+							placeholder="请输入手机"
+						>
+						</el-input>
+					</el-form-item>
+
+					<el-form-item label="房屋状态" prop="rentFlag">
+						<el-select
+							class="u-item-width-normal"
+							v-model="rentFlag"
+							placeholder="请选择"
+							size="small"
+							clearable
+						>
+							<el-option
+								v-for="item in rentList"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
+					<el-form-item label="房屋用途" prop="purpose">
+						<el-select
+							v-model="purpose"
+							class="u-item-width-normal"
+							placeholder="请选择"
+							size="small"
+							clearable
+						>
+							<el-option
+								v-for="item in purposeArr"
+								:key="item.dictValue"
+								:label="item.dictName"
+								:value="item.dictValue"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
+					<el-form-item label="更新时间" prop="updateStartDate">
+						<el-date-picker
+							v-model="updateStartDate"
+							:picker-options="startPickerOptions"
+							class="u-item-width-daterange"
+							size="small"
+							type="date"
+							value-format="yyyyMMdd"
+							value="yyyy-MM-dd"
+							placeholder="开始时间"
+						>
+						</el-date-picker>
+						<span class="u-data-tag">至</span>
+						<el-date-picker
+							v-model="updateEndDate"
+							:picker-options="endPickerOptions"
+							class="u-item-width-daterange u-data-tag"
+							size="small"
+							type="date"
+							value-format="yyyyMMdd"
+							value="yyyy-MM-dd"
+							placeholder="结束时间"
+						>
+						</el-date-picker>
+					</el-form-item>
+					<el-form-item label="备注" prop="remark">
+						<el-input
+							v-model="remark"
+							class="u-item-width-normal"
+							size="small"
+							clearable
+							placeholder="请输入备注"
+						>
+						</el-input>
+					</el-form-item>
+
+					<el-form-item label="所属房屋" prop="neighborHoodId">
+						<el-select
+							v-model.trim="neighborHoodId"
+							:disabled="vDisabled"
+							placeholder="小区"
+							filterable
+							size="small"
+							clearable
+							class="u-item-width-communitycascader"
+							@change="handleChangeV"
+						>
+							<!-- <div>
                         <el-input
                         placeholder="请输入"
                         v-model="searchAgencyTxt"
                         @keyup.enter.native="handleChangeSerchAgency(searchAgencyTxt)"
                         >
                       </el-input> -->
-                <!-- </div> -->
-              <el-option v-for="item in optionsV"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-            <el-select v-model.trim="buildingId"
-                       placeholder="楼号"
-                       :disabled="!neighborHoodId || bDisabled"
-                       size="small"
-                       clearable
-                       class="u-item-width-buildcascader"
-                       style="margin-left:5px"
-                       @change="handleChangeB">
-              <el-option v-for="item in optionsB"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-            <el-select v-model.trim="buildingUnitId"
-                       placeholder="单元"
-                       size="small"
-                       :disabled="!buildingId"
-                       clearable
-                       class="u-item-width-buildcascader"
-                       style="margin-left:5px"
-                       @change="handleChangeD">
-              <el-option v-for="item in optionsD"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-            <el-select v-model.trim="houseId"
-                       placeholder="房号"
-                       :disabled="!buildingUnitId"
-                       size="small"
-                       clearable
-                       class="u-item-width-buildcascader"
-                       style="margin-left:5px">
-              <el-option v-for="item in optionsH"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-
-          <!-- </div> -->
-          <div class="u-search-btn">
-            <el-button size="small"
-                       class="diy-button--white"
-                       @click="resetSearch">重置</el-button>
-            <el-button style="margin-left:10px"
-                       size="small"
-                       class="diy-button--blue"
-                       @click="handleSearch">查询</el-button>
-            <!-- <el-button style="margin-left:15px"
+							<!-- </div> -->
+							<el-option
+								v-for="item in optionsV"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+						<el-select
+							v-model.trim="buildingId"
+							placeholder="楼号"
+							:disabled="!neighborHoodId || bDisabled"
+							size="small"
+							clearable
+							class="u-item-width-buildcascader"
+							style="margin-left: 5px"
+							@change="handleChangeB"
+						>
+							<el-option
+								v-for="item in optionsB"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+						<el-select
+							v-model.trim="buildingUnitId"
+							placeholder="单元"
+							size="small"
+							:disabled="!buildingId"
+							clearable
+							class="u-item-width-buildcascader"
+							style="margin-left: 5px"
+							@change="handleChangeD"
+						>
+							<el-option
+								v-for="item in optionsD"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+						<el-select
+							v-model.trim="houseId"
+							placeholder="房号"
+							:disabled="!buildingUnitId"
+							size="small"
+							clearable
+							class="u-item-width-buildcascader"
+							style="margin-left: 5px"
+						>
+							<el-option
+								v-for="item in optionsH"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
+					<!-- </div> -->
+					<div class="u-search-btn">
+						<el-button
+							size="small"
+							class="diy-button--white"
+							@click="resetSearch"
+							>重置</el-button
+						>
+						<el-button
+							style="margin-left: 10px"
+							size="small"
+							class="diy-button--blue"
+							@click="handleSearch"
+							>查询</el-button
+						>
+						<!-- <el-button style="margin-left:15px"
                          size="small"
                          class="div-table-button--blue communityUnfold"
                          type="text"
                          @click="boxHeight = !boxHeight">{{ boxHeight ? '收起' : '展开' }}<i :class="boxHeight ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></el-button> -->
-          </div>
-        </el-form>
-        <!-- <el-row class="flex endpoint">
+					</div>
+				</el-form>
+				<!-- <el-row class="flex endpoint">
           <el-col :span="24">
             <span></span>
             <div class="u-search-btn">
@@ -242,435 +274,450 @@
             </div>
           </el-col>
         </el-row> -->
-      </div>
-
-      <div class="">
-        <build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable"
-                     ref="ref_neighTable"
-                     :staffAgencyId="staffAgencyId"
-                     :showImportBtn="showImportBtn"
-                     :ownerName="ownerName"
-                     :ownerPhone="ownerPhone"
-                     :rentFlag="rentFlag"
-                     :purpose="purpose"
-                     :remark="remark"
-                     :updateStartDate="updateStartDate"
-                     :updateEndDate="updateEndDate"
-                     :searchHeight="searchHeight"
-                     @toNextLevel="toNextLevel"
-                     @refreshTree="refreshTree"></build-table>
-
-        <room-table v-if="showRoomTable||selTreeObj.level==='building'"
-                    :staffAgencyId="staffAgencyId"
-                    :showImportBtn="showImportBtn"
-                    :ownerName="ownerName"
-                    :ownerPhone="ownerPhone"
-                    :rentFlag="rentFlag"
-                    :purpose="purpose"
-                    :neighborHoodId="neighborHoodId"
-                    :buildingId="buildingId"
-                    :buildingUnitId="buildingUnitId"
-                    :houseId="houseId"
-                    :remark="remark"
-                    :updateStartDate="updateStartDate"
-                    :updateEndDate="updateEndDate"
-                    ref="ref_buildingTable"
-                    @refreshTree="refreshTree"></room-table>
-
-        <community-table v-if="selTreeObj.level!=='building'&&selTreeObj.level!=='neighborHood'&&!showRoomTable"
-                         @toNextLevel="toNextLevel"
-                         :staffAgencyId="staffAgencyId"
-                         :ownerName="ownerName"
-                         :ownerPhone="ownerPhone"
-                         :rentFlag="rentFlag"
-                         :purpose="purpose"
-                         :remark="remark"
-                         :updateStartDate="updateStartDate"
-                         :updateEndDate="updateEndDate"
-                         ref="ref_communityTable"
-                         @refreshTree="refreshTree"></community-table>
-      </div>
-    </div>
-
-  </div>
+			</div>
+
+			<div class="">
+				<build-table
+					v-if="selTreeObj.level === 'neighborHood' && !showRoomTable"
+					ref="ref_neighTable"
+					:staffAgencyId="staffAgencyId"
+					:showImportBtn="showImportBtn"
+					:ownerName="ownerName"
+					:ownerPhone="ownerPhone"
+					:rentFlag="rentFlag"
+					:purpose="purpose"
+					:remark="remark"
+					:updateStartDate="updateStartDate"
+					:updateEndDate="updateEndDate"
+					:searchHeight="searchHeight"
+					@toNextLevel="toNextLevel"
+					@refreshTree="refreshTree"
+				></build-table>
+
+				<room-table
+					v-if="showRoomTable || selTreeObj.level === 'building'"
+					:staffAgencyId="staffAgencyId"
+					:showImportBtn="showImportBtn"
+					:ownerName="ownerName"
+					:ownerPhone="ownerPhone"
+					:rentFlag="rentFlag"
+					:purpose="purpose"
+					:neighborHoodId="neighborHoodId"
+					:buildingId="buildingId"
+					:buildingUnitId="buildingUnitId"
+					:houseId="houseId"
+					:remark="remark"
+					:updateStartDate="updateStartDate"
+					:updateEndDate="updateEndDate"
+					ref="ref_buildingTable"
+					@refreshTree="refreshTree"
+				></room-table>
+
+				<community-table
+					v-if="
+						selTreeObj.level !== 'building' &&
+						selTreeObj.level !== 'neighborHood' &&
+						!showRoomTable
+					"
+					@toNextLevel="toNextLevel"
+					:staffAgencyId="staffAgencyId"
+					:ownerName="ownerName"
+					:ownerPhone="ownerPhone"
+					:rentFlag="rentFlag"
+					:purpose="purpose"
+					:remark="remark"
+					:updateStartDate="updateStartDate"
+					:updateEndDate="updateEndDate"
+					ref="ref_communityTable"
+					@refreshTree="refreshTree"
+				></community-table>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
-import CDialog from '@c/CDialog'
-import communityTable from './communityTable'
-import buildTable from './buildTable'
-import roomTable from './roomTable'
-import { requestPost,requestGet } from "@/js/dai/request";
-import { mapGetters } from 'vuex'
-import { Loading } from 'element-ui' // 引入Loading服务
-import nextTick from 'dai-js/tools/nextTick'
+import CDialog from "@c/CDialog";
+import communityTable from "./communityTable";
+import buildTable from "./buildTable";
+import roomTable from "./roomTable";
+import { requestPost, requestGet } from "@/js/dai/request";
+import { mapGetters } from "vuex";
+import { Loading } from "element-ui"; // 引入Loading服务
+import nextTick from "dai-js/tools/nextTick";
 import debounce from "lodash/debounce";
 import deepClone from "@/utils/deepClone.js";
-let loading // 加载动画
+let loading; // 加载动画
 export default {
-  data () {
-    let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-      let nowData = Date.now()
-      if (this.updateStartDate) {
-        let startTime = new Date(this.updateStartDate)
-        return time.getTime() > nowData || time.getTime() < startTime || time.getTime() === startTime
-      } else {
-        return time.getTime() > nowData
-      }
-
-    }
-    let startDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-      let nowData = Date.now()
-      return time.getTime() > nowData
-    }
-    return {
-      autoOpenArr:[],
-      boxHeight: true,
-      searchHeight: 190,
-      filterText: '',
-      treeLoading: true,
-      treeData: [],
-      searchAgencyTxt:"",
-      openNodes: [],
-      defaultProps: {
-        children: 'children',
-        label: 'showName',
-        isLeaf: "isLeaf",
-      },
-
-      selTreeObj: {},
-
-      centerPoint: [],
-      staffAgencyId: localStorage.getItem("agencyId"),
-      showImportBtn: false,
-
-      rentList: [
-        {
-          value: '1',
-          label: '出租'
-        },
-        {
-          value: '2',
-          label: '闲置'
-        },
-        {
-          value: '0',
-          label: '自住'
-        },
-        {
-          value: '3',
-          label: '未出售'
-        },
-      ],
-      ownerName: '',
-      ownerPhone: '',
-      rentFlag: '',
-      purpose: '',
-      remark: '',
-      updateStartDate: '',
-      updateEndDate: '',
-      showRoomTable: false,
-      selObj: {},
-      purposeArr: [
-        { dictValue: '1', dictName: '住宅' },
-        { dictValue: '2', dictName: '商业' },
-        { dictValue: '3', dictName: '办公' },
-        { dictValue: '4', dictName: '工业' },
-        { dictValue: '5', dictName: '仓储' },
-        { dictValue: '6', dictName: '商住混用' },
-        { dictValue: '7', dictName: '其他' }
-      ],
-      endPickerOptions: {
-        disabledDate: endDisabledDate
-      },
-      startPickerOptions: {
-        disabledDate: startDisabledDate
-      },
-
-      optionsV: [],
-      optionsB: [],
-      optionsH: [],
-      optionsD: [],
-      neighborHoodId: "",
-      buildingId: "",
-      buildingUnitId: "",
-      houseId: "",
-      selGridId: '',
-      selAgencyId: '',
-
-      vDisabled: false,
-      bDisabled: false,
-    }
-  },
-  components: {
-    CDialog
-  },
-  async mounted () {
-    this.searchHeight = this.$refs.ref_searchform.offsetHeight
-
-    this.treeLoading = true
-
-    await this.loadOrgData()
-    await this.loadTree()
-    // await this.loadOpenNode()
-    this.getValiheList('', '')
-
-    await this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj)
-    if (this.treeData.length > 0) {
-      this.$nextTick(() => {
-        // ref_tree 元素的ref   value 绑定的node-key
-        this.$refs.ref_tree.setCurrentKey(this.treeData[0].id);
-      });
-    }
-    this.treeLoading = false
-
-  },
-  computed: {
-
-    rowHeight () {
-
-      return this.$store.state.inIframe ? this.clientHeight - 140 + this.iframeHeight + 'px' : this.clientHeight - 140 + 'px'
-
-    },
-    treeHeight () {
-      return this.$store.state.inIframe ? this.clientHeight - 245 + this.iframeHeight + 'px' : this.clientHeight - 245 + 'px'
-
-    },
-
-    ...mapGetters(['clientHeight', 'iframeHeight']),
-   
-  },
-  methods: {
-    handleChangeV (val) {
-
-      this.buildingId = "";
-      this.buildingUnitId = "";
-      this.houseId = "";
-      this.getBuildList();
-      // this.getUniList();
-      // this.getHouseList();
-    },
-    // handleChangeSerchAgency(val){
-    //   console.log(val);
-    //   // this.optionsV = this.optionsV.filter(item=>item.label == val)
-    // this.optionsV.forEach( function(item){
-    //   if(item.label==val){
-    //     console.log(1);
-    //   }
-    // })
-    //   console.log(this.optionsV );
-    // },
-    handleChangeB (val) {
-
-      this.buildingUnitId = "";
-      this.houseId = "";
-      this.getUniList();
-      // this.getHouseList();
-    },
-    handleChangeD () {
-      this.houseId = "";
-      this.getHouseList();
-    },
-    async lazyLoadTree(node, resolve) {
-      console.log(node);
-				const url = `/actual/base/communityBuilding/tree/nextTreeNode?id=${node.data.id}&level=${node.data.level}`;
+	data() {
+		let endDisabledDate = (time) => {
+			//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+			let nowData = Date.now();
+			if (this.updateStartDate) {
+				let startTime = new Date(this.updateStartDate);
+				return (
+					time.getTime() > nowData ||
+					time.getTime() < startTime ||
+					time.getTime() === startTime
+				);
+			} else {
+				return time.getTime() > nowData;
+			}
+		};
+		let startDisabledDate = (time) => {
+			//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+			let nowData = Date.now();
+			return time.getTime() > nowData;
+		};
+		return {
+			autoOpenArr: [],
+			boxHeight: true,
+			searchHeight: 190,
+			filterText: "",
+			treeLoading: true,
+			treeData: [],
+			searchAgencyTxt: "",
+			openNodes: [],
+			defaultProps: {
+				children: "children",
+				label: "showName",
+				isLeaf: "isLeaf",
+			},
+
+			selTreeObj: {},
+
+			centerPoint: [],
+			staffAgencyId: localStorage.getItem("agencyId"),
+			showImportBtn: false,
+
+			rentList: [
+				{
+					value: "1",
+					label: "出租",
+				},
+				{
+					value: "2",
+					label: "闲置",
+				},
+				{
+					value: "0",
+					label: "自住",
+				},
+				{
+					value: "3",
+					label: "未出售",
+				},
+			],
+			ownerName: "",
+			ownerPhone: "",
+			rentFlag: "",
+			purpose: "",
+			remark: "",
+			updateStartDate: "",
+			updateEndDate: "",
+			showRoomTable: false,
+			selObj: {},
+			purposeArr: [
+				{ dictValue: "1", dictName: "住宅" },
+				{ dictValue: "2", dictName: "商业" },
+				{ dictValue: "3", dictName: "办公" },
+				{ dictValue: "4", dictName: "工业" },
+				{ dictValue: "5", dictName: "仓储" },
+				{ dictValue: "6", dictName: "商住混用" },
+				{ dictValue: "7", dictName: "其他" },
+			],
+			endPickerOptions: {
+				disabledDate: endDisabledDate,
+			},
+			startPickerOptions: {
+				disabledDate: startDisabledDate,
+			},
+
+			optionsV: [],
+			optionsB: [],
+			optionsH: [],
+			optionsD: [],
+			neighborHoodId: "",
+			buildingId: "",
+			buildingUnitId: "",
+			houseId: "",
+			selGridId: "",
+			selAgencyId: "",
+
+			vDisabled: false,
+			bDisabled: false,
+		};
+	},
+	components: {
+		CDialog,
+		communityTable,
+		buildTable,
+		roomTable,
+	},
+	async mounted() {
+		this.searchHeight = this.$refs.ref_searchform.offsetHeight;
+
+		this.treeLoading = true;
+
+		await this.loadOrgData();
+		await this.loadTree();
+		// await this.loadOpenNode()
+		this.getValiheList("", "");
+
+		await this.$refs["ref_communityTable"].loadTable(true, this.selTreeObj);
+		if (this.treeData.length > 0) {
+			this.$nextTick(() => {
+				// ref_tree 元素的ref   value 绑定的node-key
+				this.$refs.ref_tree.setCurrentKey(this.treeData[0].id);
+			});
+		}
+		this.treeLoading = false;
+	},
+	computed: {
+		rowHeight() {
+			return this.$store.state.inIframe
+				? this.clientHeight - 140 + this.iframeHeight + "px"
+				: this.clientHeight - 140 + "px";
+		},
+		treeHeight() {
+			return this.$store.state.inIframe
+				? this.clientHeight - 245 + this.iframeHeight + "px"
+				: this.clientHeight - 245 + "px";
+		},
+
+		...mapGetters(["clientHeight", "iframeHeight"]),
+	},
+	watch: {
+		// filterText (val) {
+		//   this.$refs.ref_tree.filter(val);
+		// },
+	},
+	methods: {
+		handleChangeV(val) {
+			this.buildingId = "";
+			this.buildingUnitId = "";
+			this.houseId = "";
+			this.getBuildList();
+			// this.getUniList();
+			// this.getHouseList();
+		},
+		// handleChangeSerchAgency(val){
+		//   console.log(val);
+		//   // this.optionsV = this.optionsV.filter(item=>item.label == val)
+		// this.optionsV.forEach( function(item){
+		//   if(item.label==val){
+		//     console.log(1);
+		//   }
+		// })
+		//   console.log(this.optionsV );
+		// },
+		handleChangeB(val) {
+			this.buildingUnitId = "";
+			this.houseId = "";
+			this.getUniList();
+			// this.getHouseList();
+		},
+		handleChangeD() {
+			this.houseId = "";
+			this.getHouseList();
+		},
+		async lazyLoadTree(node, resolve) {
+			console.log(node);
+			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 getValiheList() {
+			const { user } = this.$store.state;
+			if (!this.selGridId) {
+				this.selAgencyId = this.selAgencyId
+					? this.selAgencyId
+					: user.agencyId;
+			}
+
+			const url = "/actual/base/communityQuarters/listQuartersOptions";
+			// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
+			let params = {
+				gridId: this.selGridId,
+				agencyId: this.selAgencyId,
+				isPage: false,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.optionsV = data;
+
+				this.neighborHoodId = "";
+				this.buildingId = "";
+				this.buildingUnitId = "";
+				this.houseId = "";
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async getBuildList() {
+			const url = "/actual/base/communityBuilding/buildingoption";
+
+			let params = {
+				quartersId: this.neighborHoodId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.optionsB = data;
+				this.buildingId = "";
+				this.buildingUnitId = "";
+				this.houseId = "";
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		//回车搜索组织
+		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 (code === 0) {
-					data.forEach((element) => {
-						if (element.level === "building") {
-							element.isLeaf = true;
-						}
-					});
-            resolve(data);
+				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
+						);
+					}
 				} else {
-					this.$message.error(msg);
+					this.treeData = [];
+					this.$message.error("暂未找到!");
 				}
+			} else {
+				this.treeData = [];
+				this.autoOpenArr = [];
+				this.loadTree();
+			}
+			this.endLoading();
+		},
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+		async getUniList() {
+			const url = "/actual/base/communityBuildingUnit/unitoption";
+			// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
+			let params = {
+				buildingId: this.buildingId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.optionsD = data;
+				this.buildingUnitId = "";
+				this.houseId = "";
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		getHouseList() {
+			let params = {
+				buildingId: this.buildingId,
+				unitId: this.buildingUnitId,
+			};
+			this.$http
+				.post("/actual/base/communityHouse/houseoption", params)
+				.then(({ data: res }) => {
+					if (res.code !== 0) {
+						return this.$message.error(res.msg);
+					} else {
+						this.optionsH = res.data;
+						this.houseId = "";
+					}
+				})
+				.catch(() => {
+					return this.$message.error("网络错误");
+				});
+		},
+
+		handleSearch() {
+			// if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) {
+			this.showRoomTable = true;
+
+			this.$nextTick(() => {
+				this.$refs["ref_buildingTable"].loadTable(
+					"search",
+					this.selTreeObj
+				);
+			});
+			// } else {
+			//   this.$message.warning('请输入查询条件')
 			// }
 		},
-    async getValiheList () {
-      const { user } = this.$store.state;
-      if (!this.selGridId) {
-        this.selAgencyId = this.selAgencyId ? this.selAgencyId : user.agencyId
-      }
-
-      const url = "/actual/base/communityQuarters/listQuartersOptions";
-      // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
-      let params = {
-        gridId: this.selGridId,
-        agencyId: this.selAgencyId,
-        isPage: false
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.optionsV = data;
-
-        this.neighborHoodId = ""
-        this.buildingId = "";
-        this.buildingUnitId = "";
-        this.houseId = "";
-      } else {
-        this.$message.error(msg);
-      }
-
-
-    },
-
-    async getBuildList () {
-      const url = "/actual/base/communityBuilding/buildingoption";
-
-      let params = {
-        quartersId: this.neighborHoodId,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.optionsB = data;
-        this.buildingId = "";
-        this.buildingUnitId = "";
-        this.houseId = "";
-      } else {
-        this.$message.error(msg);
-      }
-
-
-    },
-    //回车搜索组织
-  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);
-        }
-       }else{
-        this.treeData = []
-        this.$message.error('暂未找到!')
-       }
-      }else {
-          this.treeData = []
-          this.autoOpenArr = []
-          this.loadTree()
-      }
-      this.endLoading()
-    } ,
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close()
-      }
-    },
-    async getUniList () {
-
-      const url = "/actual/base/communityBuildingUnit/unitoption";
-      // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
-      let params = {
-        buildingId: this.buildingId,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.optionsD = data;
-        this.buildingUnitId = "";
-        this.houseId = "";
-      } else {
-        this.$message.error(msg);
-      }
-
-
-    },
-    getHouseList () {
-      let params = {
-        buildingId: this.buildingId,
-        unitId: this.buildingUnitId
-      }
-      this.$http
-        .post("/actual/base/communityHouse/houseoption", params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg);
-          } else {
-
-            this.optionsH = res.data;
-            this.houseId = "";
-          }
-        })
-        .catch(() => {
-          return this.$message.error("网络错误");
-        });
-    },
-
-    handleSearch () {
-      // if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) {
-      this.showRoomTable = true
-
-      this.$nextTick(() => {
-        this.$refs['ref_buildingTable'].loadTable('search', this.selTreeObj)
-      })
-      // } else {
-      //   this.$message.warning('请输入查询条件')
-      // }
-
-
-    },
-
-    //重置搜索条件
-    resetSearch () {
-      this.ownerName = ''
-      this.ownerPhone = ''
-      this.rentFlag = ''
-      this.purpose = ''
-      this.remark = ''
-      this.updateStartDate = ''
-      this.updateEndDate = ''
-      this.neighborHoodId = ''
-      this.buildingId = ''
-      this.buildingUnitId = ''
-      this.houseId = ''
-
-      this.pageSize = 10
-      this.pageNo = 1
-      // this.handleNodeClick(this.selObj)
-      // this.loadTable()
-    },
-
-    async loadOpenNode () {
-      const url = "/gov/org/building/tree-ids"
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.openNodes = data
-
-
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    async loadTree (isRefresh) {
-      const url = "/actual/base/communityBuilding/tree/initTree"
-      const { data, code, msg } = await requestGet(url)
-      this.handleNodeClick(data)
-      if (code === 0) {
-        this.treeData = []
-        this.treeData.push(data)
-        if (!isRefresh && data) {
+
+		//重置搜索条件
+		resetSearch() {
+			this.ownerName = "";
+			this.ownerPhone = "";
+			this.rentFlag = "";
+			this.purpose = "";
+			this.remark = "";
+			this.updateStartDate = "";
+			this.updateEndDate = "";
+			this.neighborHoodId = "";
+			this.buildingId = "";
+			this.buildingUnitId = "";
+			this.houseId = "";
+
+			this.pageSize = 10;
+			this.pageNo = 1;
+			// this.handleNodeClick(this.selObj)
+			// this.loadTable()
+		},
+
+		async loadOpenNode() {
+			const url = "/gov/org/building/tree-ids";
+			let params = {};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.openNodes = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		async loadTree(isRefresh) {
+			const url = "/actual/base/communityBuilding/tree/initTree";
+			const { data, code, msg } = await requestGet(url);
+			this.handleNodeClick(data);
+			if (code === 0) {
+				this.treeData = [];
+				this.treeData.push(data);
+				if (!isRefresh && data) {
 					this.selTreeObj = data;
 					if (!this.selTreeObj.latitude) {
 						this.selTreeObj.latitude = this.centerPoint[0];
@@ -680,351 +727,338 @@ export default {
 						this.selTreeObj.longitude = this.centerPoint[1];
 					}
 				}
+			} else {
+				this.$message.error(msg);
+			}
+		},
 
-      } else {
-        this.$message.error(msg)
-      }
-    },
-
-    handleTreeData (treeData) {
-      for (let i in treeData) {
-        treeData[i].showIcon = false
-        if (treeData[i].level === 'building') {
-
-
-          let array = treeData[i].showNum.split('/')
-          if (array.length === 2) {
-            let a = parseInt(array[0])
-            let b = parseInt(array[1])
-            treeData[i].showIcon = a < b
-          }
-
-        }
-
-        if (treeData[i].children) {  //存在子节点就递归
-          this.handleTreeData(treeData[i].children);
-        }
-      }
-    },
-
-    //加载组织数据
-    async loadOrgData () {
-      const url = "/gov/org/agency/maporg"
-      // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/agency/maporg"
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.centerPoint = []
-
-        this.centerPoint.push(data.latitude)
-        this.centerPoint.push(data.longitude)
-
-      } else {
-        this.$message.error(msg)
-      }
-
-    },
-
-    async handleNodeClick (obj) {
-      this.ownerName = ''
-      this.ownerPhone = ''
-      this.rentFlag = ''
-      this.purpose = ''
-      this.remark = ''
-      this.updateStartDate = ''
-      this.updateEndDate = ''
-      this.showRoomTable = false
-      this.selObj = JSON.parse(JSON.stringify(obj))
-      this.getTreeObj(obj)
-      await nextTick(1000)
-      this.vDisabled = false
-      this.bDisabled = false
-      if (obj.level === 'building') {//点击楼栋
-        setTimeout(()=>{
-          this.$refs['ref_buildingTable'].loadTable('tree', this.selTreeObj)
-        },100)
-        this.selAgencyId = ''
-        this.selGridId = ''
-        await this.getValiheList()
-        this.neighborHoodId = this.selTreeObj.pid
-        await this.getBuildList()
-        this.buildingId = this.selTreeObj.id
-        await this.getUniList()
-        this.vDisabled = true
-        this.bDisabled = true
-
-      } else if (obj.level === 'neighborHood') {//点击小区
-        this.$refs['ref_neighTable'].loadTable(true, this.selTreeObj)
-        this.selAgencyId = ''
-        this.selGridId = ''
-        await this.getValiheList()
-        this.neighborHoodId = this.selTreeObj.id
-        await this.getBuildList()
-        this.vDisabled = true
-      } else {
-        this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj)
-
-        if (obj.level === 'grid') {
-          this.selAgencyId = ''
-          this.selGridId = this.selTreeObj.id
-        } else {
-          this.selAgencyId = this.selTreeObj.id
-          this.selGridId = ''
-        }
-        this.getValiheList('', '')
-      }
-
-
-    },
-
-    //添加小区结束
-    async refreshTree () {
-      this.treeLoading = true
-      await this.loadTree(this.selTreeObj.id)
-      this.$nextTick(() => {
-        // ref_tree 元素的ref   value 绑定的node-key
-        this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
-      });
-      this.treeLoading = false
-    },
-
-    //进入下一级
-    async toNextLevel (row, level) {
-      console.log(row,'row');
-      console.log(level,'level');
-      this.autoOpenArr = []
-      // console.log(this.$refs.ref_tree);
-      const { agencyId,gridId,neighborHoodId,propertyId} = row
-      let arr = [agencyId,gridId,neighborHoodId,propertyId]
-      this.autoOpenArr = arr
-      console.log(this.autoOpenArr,'默认展开数组');
-      // if (level === 'community') {
-      //   setTimeout(()=>{
-      //     nextTick(1000)
-      //     this.selTreeObj = this.$refs.ref_tree.getNode(row.neighborHoodId).data || {}
-      //   },50)
-      //   this.autoOpenArr.push(this.selTreeObj.id)
-      // } else {
-      //   this.selTreeObj = this.$refs.ref_tree.getNode(row.buildingId).data
-      // }
-
-      console.log(this.selTreeObj,'123123123');
-      this.handleNodeClick(this.selTreeObj)
-      this.$nextTick(() => {
-        // ref_tree 元素的ref   value 绑定的node-key
-        this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
-      });
-
-      const node = document.getElementById(this.selTreeObj.id) // 通过Id获取到对应的dom元素
-      setTimeout(() => {
-        if (node) {
-          this.$nextTick(() => {
-            node.scrollIntoView({ block: 'center' }) // 通过scrollIntoView方法将对应的dom元素定位到可见区域 【block: 'center'】这个属性是在垂直方向居中显示
-          })
-        }
-      }, 100)
-
-
-    },
-
-    //解析树数据
-    getTreeObj (obj) {
-      // 树接口：
-      // 组织：组织id、组织名称、type、经度、纬度
-      // 小区：小区id、小区名称、type、所属网格id、所属网格名称、所属组织id、所属组织名称、经度、纬度
-      // 楼：楼id、楼名称、type、所属小区id、所属小区名称
-      if (obj.level === 'building') {//点击楼栋
-        let neighborHoodNode = this.$refs.ref_tree.getNode(obj.pid)//所属小区
-
-        let gridNode = this.$refs.ref_tree.getNode(neighborHoodNode.data.pid)//所属网格
-        let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid)//所属社区
-        obj.agencyId = agencyNode.data.id
-        obj.agencyName = agencyNode.data.label
-        obj.gridId = gridNode.data.id
-        obj.gridName = gridNode.data.label
-        obj.neighborHoodId = neighborHoodNode.data.id
-        obj.neighborHoodName = neighborHoodNode.data.label
-        if (obj.agencyId === this.staffAgencyId) {
-          this.showImportBtn = true
-        } else {
-          this.showImportBtn = false
-        }
-
-      } else if (obj.level === 'neighborHood') {//点击小区
-        let gridNode = this.$refs.ref_tree.getNode(obj.pid)
-        let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid)
-        obj.gridId = gridNode.data.id
-        obj.gridName = gridNode.data.label
-        obj.agencyId = agencyNode.data.id
-        obj.agencyName = agencyNode.data.label
-        if (obj.agencyId === this.staffAgencyId) {
-          this.showImportBtn = true
-        } else {
-          this.showImportBtn = false
-        }
-
-      } else {
-
-      }
-
-      if (!obj.latitude) {
-        obj.latitude = this.centerPoint[0]
-      }
-
-      if (!obj.longitude) {
-        obj.longitude = this.centerPoint[1]
-      }
-      this.selTreeObj = obj
-      console.log('selTreeObj', this.selTreeObj)
-
-    },
-
-    filterNode (value, data) {
-      if (!value) return true;
-      return data.label.indexOf(value) !== -1;
-    },
-
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close()
-      }
-    }
-  },
-  watch: {
-    // filterText (val) {
-    //   this.$refs.ref_tree.filter(val);
-    // },
-
-  },
-  components: {
-    communityTable, buildTable, roomTable
-  }
-}
+		handleTreeData(treeData) {
+			for (let i in treeData) {
+				treeData[i].showIcon = false;
+				if (treeData[i].level === "building") {
+					let array = treeData[i].showNum.split("/");
+					if (array.length === 2) {
+						let a = parseInt(array[0]);
+						let b = parseInt(array[1]);
+						treeData[i].showIcon = a < b;
+					}
+				}
+
+				if (treeData[i].children) {
+					//存在子节点就递归
+					this.handleTreeData(treeData[i].children);
+				}
+			}
+		},
+
+		//加载组织数据
+		async loadOrgData() {
+			const url = "/gov/org/agency/maporg";
+			// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/agency/maporg"
+			let params = {};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.centerPoint = [];
+
+				this.centerPoint.push(data.latitude);
+				this.centerPoint.push(data.longitude);
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async handleNodeClick(obj) {
+			this.ownerName = "";
+			this.ownerPhone = "";
+			this.rentFlag = "";
+			this.purpose = "";
+			this.remark = "";
+			this.updateStartDate = "";
+			this.updateEndDate = "";
+			this.showRoomTable = false;
+			this.selObj = JSON.parse(JSON.stringify(obj));
+			this.getTreeObj(obj);
+			await nextTick(1000);
+			this.vDisabled = false;
+			this.bDisabled = false;
+			if (obj.level === "building") {
+				//点击楼栋
+				setTimeout(() => {
+					this.$refs["ref_buildingTable"].loadTable(
+						"tree",
+						this.selTreeObj
+					);
+				}, 100);
+				this.selAgencyId = "";
+				this.selGridId = "";
+				await this.getValiheList();
+				this.neighborHoodId = this.selTreeObj.pid;
+				await this.getBuildList();
+				this.buildingId = this.selTreeObj.id;
+				await this.getUniList();
+				this.vDisabled = true;
+				this.bDisabled = true;
+			} else if (obj.level === "neighborHood") {
+				//点击小区
+				this.$refs["ref_neighTable"].loadTable(true, this.selTreeObj);
+				this.selAgencyId = "";
+				this.selGridId = "";
+				await this.getValiheList();
+				this.neighborHoodId = this.selTreeObj.id;
+				await this.getBuildList();
+				this.vDisabled = true;
+			} else {
+				this.$refs["ref_communityTable"].loadTable(
+					true,
+					this.selTreeObj
+				);
+
+				if (obj.level === "grid") {
+					this.selAgencyId = "";
+					this.selGridId = this.selTreeObj.id;
+				} else {
+					this.selAgencyId = this.selTreeObj.id;
+					this.selGridId = "";
+				}
+				this.getValiheList("", "");
+			}
+		},
+
+		//添加小区结束
+		async refreshTree() {
+			this.treeLoading = true;
+			await this.loadTree(this.selTreeObj.id);
+			this.$nextTick(() => {
+				// ref_tree 元素的ref   value 绑定的node-key
+				this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
+			});
+			this.treeLoading = false;
+		},
+
+		//进入下一级
+		async toNextLevel(row, level) {
+			console.log(row, "row");
+			console.log(level, "level");
+			this.autoOpenArr = [];
+			// console.log(this.$refs.ref_tree);
+			const { agencyId, gridId, neighborHoodId, propertyId } = row;
+			let arr = [agencyId, gridId, neighborHoodId, propertyId];
+			this.autoOpenArr = arr;
+			console.log(this.autoOpenArr, "默认展开数组");
+			// if (level === 'community') {
+			//   setTimeout(()=>{
+			//     nextTick(1000)
+			//     this.selTreeObj = this.$refs.ref_tree.getNode(row.neighborHoodId).data || {}
+			//   },50)
+			//   this.autoOpenArr.push(this.selTreeObj.id)
+			// } else {
+			//   this.selTreeObj = this.$refs.ref_tree.getNode(row.buildingId).data
+			// }
+
+			console.log(this.selTreeObj, "123123123");
+			this.handleNodeClick(this.selTreeObj);
+			this.$nextTick(() => {
+				// ref_tree 元素的ref   value 绑定的node-key
+				this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
+			});
+
+			const node = document.getElementById(this.selTreeObj.id); // 通过Id获取到对应的dom元素
+			setTimeout(() => {
+				if (node) {
+					this.$nextTick(() => {
+						node.scrollIntoView({ block: "center" }); // 通过scrollIntoView方法将对应的dom元素定位到可见区域 【block: 'center'】这个属性是在垂直方向居中显示
+					});
+				}
+			}, 100);
+		},
+
+		//解析树数据
+		getTreeObj(obj) {
+			// 树接口：
+			// 组织：组织id、组织名称、type、经度、纬度
+			// 小区：小区id、小区名称、type、所属网格id、所属网格名称、所属组织id、所属组织名称、经度、纬度
+			// 楼：楼id、楼名称、type、所属小区id、所属小区名称
+			if (obj.level === "building") {
+				//点击楼栋
+				let neighborHoodNode = this.$refs.ref_tree.getNode(obj.pid); //所属小区
+
+				let gridNode = this.$refs.ref_tree.getNode(
+					neighborHoodNode.data.pid
+				); //所属网格
+				let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid); //所属社区
+				obj.agencyId = agencyNode.data.id;
+				obj.agencyName = agencyNode.data.label;
+				obj.gridId = gridNode.data.id;
+				obj.gridName = gridNode.data.label;
+				obj.neighborHoodId = neighborHoodNode.data.id;
+				obj.neighborHoodName = neighborHoodNode.data.label;
+				if (obj.agencyId === this.staffAgencyId) {
+					this.showImportBtn = true;
+				} else {
+					this.showImportBtn = false;
+				}
+			} else if (obj.level === "neighborHood") {
+				//点击小区
+				let gridNode = this.$refs.ref_tree.getNode(obj.pid);
+				let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid);
+				obj.gridId = gridNode.data.id;
+				obj.gridName = gridNode.data.label;
+				obj.agencyId = agencyNode.data.id;
+				obj.agencyName = agencyNode.data.label;
+				if (obj.agencyId === this.staffAgencyId) {
+					this.showImportBtn = true;
+				} else {
+					this.showImportBtn = false;
+				}
+			} else {
+			}
+
+			if (!obj.latitude) {
+				obj.latitude = this.centerPoint[0];
+			}
+
+			if (!obj.longitude) {
+				obj.longitude = this.centerPoint[1];
+			}
+			this.selTreeObj = obj;
+			console.log("selTreeObj", this.selTreeObj);
+		},
+
+		filterNode(value, data) {
+			if (!value) return true;
+			return data.label.indexOf(value) !== -1;
+		},
+
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
+};
 </script>
 
-<style lang="scss" scoped >
+<style lang="scss" scoped>
 @import "@/assets/scss/modules/visual/communityManage.scss";
 @import "@/assets/scss/modules/management/list-main.scss";
 </style>
 
-<style lang="scss" scoped >
+<style lang="scss" scoped>
 .m-search ::v-deep .el-row {
-  margin-right: 0;
+	margin-right: 0;
 }
 .g-main {
-  display: flex;
+	display: flex;
 }
 .scrollar {
-  margin-top: 30px;
-  /deep/
-    .el-tree--highlight-current
-    .el-tree-node.is-current
-    > .el-tree-node__content {
-    background: #e6f0ff;
-    border-radius: 2px;
-  }
-
-  /deep/ .el-tree-node:focus > .el-tree-node__content {
-    color: #0056d6;
-    // background-color: #e6f0ff;
-  }
-  // /deep/ .el-tree-node__expand-icon {
-  //   color: #0043c8;
-  //   border: 1px solid #e1ecff;
-  //   background-color: #e1ecff;
-  //   padding: 0px;
-  //   margin-right: 8px;
-  //   font-size: 9px;
-  // }
-
-  /deep/.el-tree {
-    flex: 1;
-
-    .el-tree-node {
-      margin-left: 2px;
-    }
-
-    //原有的箭头 去掉
-    // .el-icon svg {
-    //   display: none;
-    //   height: 0;
-    //   width: 0;
-    // }
-    //引入图标的位置
-    // .el-tree-node__expand-icon {
-    //   // position: absolute;
-    //   // left: 2px;
-    //   // 图标是否旋转，如果是箭头类型的，可以设置旋转90度。
-    //   .expanded {
-    //     transform: rotate(90deg);
-    //   }
-    //   // 未展开的节点
-    //   &:before {
-    //     // content: "\008B";
-    //     // content: "\008B";
-    //     font-size: 12px;
-    //     color: #0043c8;
-    //   }
-    // }
-    // 叶子节点（不显示图标）
-    .is-leaf.el-tree-node__expand-icon::before {
-      // display: none;
-      // background: none !important;
-      // border: 0px;
-
-      // content: "";
-      // width: 18px;
-      // height: 18px;
-    }
-  }
+	margin-top: 30px;
+	/deep/
+		.el-tree--highlight-current
+		.el-tree-node.is-current
+		> .el-tree-node__content {
+		background: #e6f0ff;
+		border-radius: 2px;
+	}
+
+	/deep/ .el-tree-node:focus > .el-tree-node__content {
+		color: #0056d6;
+		// background-color: #e6f0ff;
+	}
+	// /deep/ .el-tree-node__expand-icon {
+	//   color: #0043c8;
+	//   border: 1px solid #e1ecff;
+	//   background-color: #e1ecff;
+	//   padding: 0px;
+	//   margin-right: 8px;
+	//   font-size: 9px;
+	// }
+
+	/deep/.el-tree {
+		flex: 1;
+
+		.el-tree-node {
+			margin-left: 2px;
+		}
+
+		//原有的箭头 去掉
+		// .el-icon svg {
+		//   display: none;
+		//   height: 0;
+		//   width: 0;
+		// }
+		//引入图标的位置
+		// .el-tree-node__expand-icon {
+		//   // position: absolute;
+		//   // left: 2px;
+		//   // 图标是否旋转，如果是箭头类型的，可以设置旋转90度。
+		//   .expanded {
+		//     transform: rotate(90deg);
+		//   }
+		//   // 未展开的节点
+		//   &:before {
+		//     // content: "\008B";
+		//     // content: "\008B";
+		//     font-size: 12px;
+		//     color: #0043c8;
+		//   }
+		// }
+		// 叶子节点（不显示图标）
+		.is-leaf.el-tree-node__expand-icon::before {
+			// display: none;
+			// background: none !important;
+			// border: 0px;
+
+			// content: "";
+			// width: 18px;
+			// height: 18px;
+		}
+	}
 }
 
 .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;
+	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;
 }
 
 .filter_tree {
-  overflow-x: auto;
-  // background-color: #f6f6f6;
-  margin-top: 5px;
+	overflow-x: auto;
+	// background-color: #f6f6f6;
+	margin-top: 5px;
 }
 
 .div_left {
-  // flex: 1;
-  width: calc(100% - 300px);
+	// flex: 1;
+	width: calc(100% - 300px);
 }
 </style>
-
-
diff --git a/src/views/modules/base/community/communityExportInfo.vue b/src/views/modules/base/community/communityExportInfo.vue
index 0123805c7..5f75e590e 100644
--- a/src/views/modules/base/community/communityExportInfo.vue
+++ b/src/views/modules/base/community/communityExportInfo.vue
@@ -1,806 +1,871 @@
 <template>
-  <div v-if="list.length > 0"
-       class="diy-container">
-    <el-tabs v-model="activeName">
-      <el-tab-pane label="自定义模板"
-                   name="first">
-        <div class="diy-wr">
-          <div class="left">
-            <el-tabs v-model="leftActive"
-                     tab-position="left"
-                     class="left-h"
-                     @tab-click="handleTabsClick">
-              <el-tab-pane v-for="item in leftList"
-                           :key="item.id"
-                           :label="item.label"
-                           :name="item.id">
-                <div class="pd10 check-boxwr scroll-h">
-                  <checkBox v-if="item.queryItemList.length > 0"
-                            :ref="'checkbox' + item.id"
-                            :list="item.queryItemList"
-                            @change="handleChangeBox" />
-                </div>
-              </el-tab-pane>
-
-            </el-tabs>
-          </div>
-          <div class="right">
-            <div class="right-header">
-              <div class="title">导出信息</div>
-              <el-button plain
-                         @click="handlePreview('')">预览</el-button>
-            </div>
-            <div class="h80 scroll-h">
-              <el-collapse v-model="activeCollapse"
-                           id="collapsWr">
-                <el-collapse-item v-for="item in rightList"
-                                  :key="item.id"
-                                  :title="item.label"
-                                  :name="item.id"
-                                  class="col-h">
-                  <dragItem :ref="'drag' + item.id"
-                            :list="item.queryItemList"
-                            :id="item.id"
-                            @del="handleDelItem"
-                            @drag="handleDrag($event, item)"></dragItem>
-                </el-collapse-item>
-              </el-collapse>
-            </div>
-          </div>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="模板列表"
-                   name="second">
-        <el-table :data="tableData"
-                  height="calc(80vh - 140px)"
-                  style="width: 100%">
-          <el-table-column type="index"
-                           label="序号"
-                           align="center"
-                           width="50">
-          </el-table-column>
-          <el-table-column prop="name"
-                           label="模板名称"
-                           align="center"
-                           min-width="180">
-          </el-table-column>
-          <el-table-column prop="createdBy"
-                           align="center"
-                           label="创建者"
-                           width="180">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="createdTime"
-                           label="创建时间"
-                           width="180">
-          </el-table-column>
-          <el-table-column align="center"
-                           label="操作"
-                           width="160">
-            <template slot-scope="scope">
-              <el-button v-if="scope.row.isSelf"
-                         type="text"
-                         size="small"
-                         class="div-table-button--delete"
-                         @click="handleDeltemplate(scope.row.id)">删除</el-button>
-              <el-button type="text"
-                         size="small"
-                         class="div-table-button--detail"
-                         @click="handlePreview(scope.row.id)">预览</el-button>
-              <el-button type="text"
-                         size="small"
-                         class="div-table-button--edit"
-                         @click="handleExportTemplate(scope.row.id)">导出</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-    </el-tabs>
-    <div v-if="activeName == 'first'"
-         class="diy-footer">
-      <div class="left">
-        <div class="flex-div">
-          <div>模板名称：</div>
-          <el-input v-model="form.name"
-                    maxlength="20"
-                    class="wd200 mr10" />
-          <div>自定义表头：</div>
-          <el-input v-model="form.title" maxlength="20" class="wd200 mr10" />
-          <el-checkbox v-model="form.isSaveTemp">保存为常用模板</el-checkbox>
-        </div>
-      </div>
-      <el-button class="diy-button--delete"
-                 :loading="exportLoading"
-                 @click="handleExport">导出</el-button>
-    </div>
-    <el-dialog :visible.sync="diyDialog"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               width="1150px"
-               append-to-body
-               top="5vh"
-               class="dialog-h"
-               @close="handleClose">
-      <div style="padding: 20px;">
-        <el-table :data="tableData"
-                  height="calc(80vh - 140px)"
-                  style="width: 100%">
-          <el-table-column v-for="(item, index) in previewList"
-                           :label="item.label"
-                           :key="index"
-                           align="center"
-                           min-width="120">
-            <el-table-column v-for="(n, i) in item.children"
-                             :label="n.label"
-                             :key="i"
-                             align="center"
-                             min-width="120">
-
-            </el-table-column>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </el-dialog>
-  </div>
+	<div v-if="list.length > 0" class="diy-container">
+		<el-tabs v-model="activeName">
+			<el-tab-pane label="自定义模板" name="first">
+				<div class="diy-wr">
+					<div class="left">
+						<el-tabs
+							v-model="leftActive"
+							tab-position="left"
+							class="left-h"
+							@tab-click="handleTabsClick"
+						>
+							<el-tab-pane
+								v-for="item in leftList"
+								:key="item.id"
+								:label="item.label"
+								:name="item.id"
+							>
+								<div class="pd10 check-boxwr scroll-h">
+									<checkBox
+										v-if="item.queryItemList.length > 0"
+										:ref="'checkbox' + item.id"
+										:list="item.queryItemList"
+										@change="handleChangeBox"
+									/>
+								</div>
+							</el-tab-pane>
+						</el-tabs>
+					</div>
+					<div class="right">
+						<div class="right-header">
+							<div class="title">导出信息</div>
+							<el-button plain @click="handlePreview('')"
+								>预览</el-button
+							>
+						</div>
+						<div class="h80 scroll-h">
+							<el-collapse
+								v-model="activeCollapse"
+								id="collapsWr"
+							>
+								<el-collapse-item
+									v-for="item in rightList"
+									:key="item.id"
+									:title="item.label"
+									:name="item.id"
+									class="col-h"
+								>
+									<dragItem
+										:ref="'drag' + item.id"
+										:list="item.queryItemList"
+										:id="item.id"
+										@del="handleDelItem"
+										@drag="handleDrag($event, item)"
+									></dragItem>
+								</el-collapse-item>
+							</el-collapse>
+						</div>
+					</div>
+				</div>
+			</el-tab-pane>
+			<el-tab-pane label="模板列表" name="second">
+				<el-table
+					:data="tableData"
+					height="calc(80vh - 140px)"
+					style="width: 100%"
+				>
+					<el-table-column
+						type="index"
+						label="序号"
+						align="center"
+						width="50"
+					>
+					</el-table-column>
+					<el-table-column
+						prop="name"
+						label="模板名称"
+						align="center"
+						min-width="180"
+					>
+					</el-table-column>
+					<el-table-column
+						prop="createdBy"
+						align="center"
+						label="创建者"
+						width="180"
+					>
+					</el-table-column>
+					<el-table-column
+						align="center"
+						prop="createdTime"
+						label="创建时间"
+						width="180"
+					>
+					</el-table-column>
+					<el-table-column align="center" label="操作" width="160">
+						<template slot-scope="scope">
+							<el-button
+								v-if="scope.row.isSelf"
+								type="text"
+								size="small"
+								class="div-table-button--delete"
+								@click="handleDeltemplate(scope.row.id)"
+								>删除</el-button
+							>
+							<el-button
+								type="text"
+								size="small"
+								class="div-table-button--detail"
+								@click="handlePreview(scope.row.id)"
+								>预览</el-button
+							>
+							<el-button
+								type="text"
+								size="small"
+								class="div-table-button--edit"
+								@click="handleExportTemplate(scope.row.id)"
+								>导出</el-button
+							>
+						</template>
+					</el-table-column>
+				</el-table>
+			</el-tab-pane>
+		</el-tabs>
+		<div v-if="activeName == 'first'" class="diy-footer">
+			<div class="left">
+				<div class="flex-div">
+					<div>模板名称：</div>
+					<el-input
+						v-model="form.name"
+						maxlength="20"
+						class="wd200 mr10"
+					/>
+					<div>自定义表头：</div>
+					<el-input
+						v-model="form.title"
+						maxlength="20"
+						class="wd200 mr10"
+					/>
+					<el-checkbox v-model="form.isSaveTemp"
+						>保存为常用模板</el-checkbox
+					>
+				</div>
+			</div>
+			<el-button
+				class="diy-button--delete"
+				:loading="exportLoading"
+				@click="handleExport"
+				>导出</el-button
+			>
+		</div>
+		<el-dialog
+			:visible.sync="diyDialog"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			width="1150px"
+			append-to-body
+			top="5vh"
+			class="dialog-h"
+			@close="handleClose"
+		>
+			<div style="padding: 20px">
+				<el-table
+					:data="tableData"
+					height="calc(80vh - 140px)"
+					style="width: 100%"
+				>
+					<el-table-column
+						v-for="(item, index) in previewList"
+						:label="item.label"
+						:key="index"
+						align="center"
+						min-width="120"
+					>
+						<el-table-column
+							v-for="(n, i) in item.children"
+							:label="n.label"
+							:key="i"
+							align="center"
+							min-width="120"
+						>
+						</el-table-column>
+					</el-table-column>
+				</el-table>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 
 <script>
-import checkBox from '../../../components/checkBox.vue'
-import dragItem from '../../../components/dragItem.vue'
-import Sortable from 'sortablejs'
-import { requestPost } from "@/js/dai/request"
-export default {
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    search: {
-      type: Object,
-      default: () => { }
-    }
-  },
-  components: {
-    checkBox,
-    dragItem
-  },
-  data () {
-    return {
-      exportLoading: false,
-      activeCollapse: ['1'],
-      activeName: 'first',
-      leftActive: '',
-      info: {},
-      rightList: [],
-      leftList: [],
-      form: {
-        isSaveTemp: false,
-        name: '',
-        itemList: []
-      },
-      tableData: [],
-      previewList: [],
-      diyDialog: false,
-    }
-  },
-  async created () {
-    this.list.forEach(item => {
-      this.$set(this.info, item.id, [])
-    })
-    this.leftActive = this.list[0].id
-    this.leftList = [...this.list]
-    this.leftList[0].queryItemList = await this.getExportChildList(this.leftList[0].id)
-    console.log('infodiy----', this.leftList)
-    this.getTemplateList()
-  },
-  watch: {
-    rightList: {
-      handler (val) {
-        if (val.length > 0) this.dragSort()
-
-      },
-      deep: true
-    },
-    // list: {
-    //   handler(val) {
-    //     if (val.length > 0) {
-    //       this.leftList = [...val]
-    //       this.leftList[0].queryItemList = this.getExportChildList(this.leftList[0].id)
-    //     }
-    //   },
-    //   deep: true,
-    //   // immediate: true
-    // },
-  },
-  methods: {
-    handleChangeBox ({ list, pid }) {
-      console.log('ccccc----', list)
-      // if (list.length == 0) return
-      let obj = {}
-      this.leftList.forEach(item => {
-        if (item.id == pid) obj = { ...item, queryItemList: [...list] }
-      })
-      const groups = this.rightList.map(item => item.id)
-      if (groups.includes(pid)) {
-        this.rightList.forEach((item, i) => {
-          if (item.id == pid) {
-            item.queryItemList = [...list]
-            if (list.length == 0) this.rightList.splice(i, 1)
-          }
-        })
-      } else {
-        this.rightList.push(obj)
+import checkBox from "../../../components/checkBox.vue";
+import dragItem from "../../../components/dragItem.vue";
+import Sortable from "sortablejs";
+import { requestPost } from "@/js/dai/request";
 
-        this.$nextTick(() => {
-          console.log('itemttt------', this.$refs[`drag${pid}`])
-          this.$refs[`drag${pid}`][0].dragSort()
-        })
-      }
-      this.activeCollapse = [...this.activeCollapse, pid]
-    },
-    handleTabsClick (val) {
-      console.log('tabs-----', val)
-      this.leftList.forEach(async item => {
-        if (item.id == val.name) {
-          if (item.queryItemList.length == 0) item.queryItemList = await this.getExportChildList(item.id)
-        }
-      })
-    },
-    handleDelItem (val) {
-      const { item, index } = val
-      console.log('item------', item, this.$refs[`checkbox${item.itemGroupId}`])
-      let checkList = this.$refs[`checkbox${item.itemGroupId}`][0].checkedList
-      checkList.forEach((n, i) => {
-        if (n == item.itemId) {
-          checkList.splice(i, 1)
-          this.$refs[`checkbox${item.itemGroupId}`][0].handleChange(checkList)
-        }
-      })
-      this.rightList.forEach((n, i) => {
-        if (n.id === item.itemGroupId) {
-          n.queryItemList.splice(index, 1)
-          if (n.queryItemList.length === 0) this.rightList.splice(i, 1)
-        }
-      })
-
-    },
-    dragSort () {
-      const el = document.getElementById('collapsWr')
-      this.sortTable = Sortable.create(el, {
-        group: 'el-collapse-item',
-        ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
-        animation: 500,
-        delay: 0,
-        onEnd: evt => {
-          console.log('evt----', evt)
-          const targetRow = this.rightList.splice(evt.oldIndex, 1)[0]
-          this.rightList.splice(evt.newIndex, 0, targetRow)
-        }
-      })
-    },
-    handleDrag (val, item) {
-      console.log('drag-----', val)
-      console.log('drag-----', item)
-      this.rightList.forEach((n, i) => {
-        if (item.id == n.id) n.queryItemList = [...val]
-      })
-    },
-    handleClose () {
-      this.previewList = []
-      this.diyDialog = false
-    },
-    handleDeltemplate (id) {
-      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.delTemplate(id)
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
-        });
-      })
-    },
-    handlePreview (id) {
-      if (id) this.getPreview(id)
-      else {
-        if (this.rightList.length == 0) return this.$message.error('请选择导出信息')
-        this.previewList = this.rightList.map(item => {
-          return {
-            label: item.label,
-            children: item.queryItemList
-          }
-        })
-      }
-      this.diyDialog = true
-    },
-    handleExport () {
-      if (this.rightList.length === 0) return this.$message.error('请选择导出信息')
-      if (this.form.isSaveTemp && !this.form.name) return this.$message.error('请输入模板名称')
-      this.exportLoading = true
-      this.exportTemplate()
-
-    },
-    handleExportTemplate (id) {
-      this.exportTemplate(id)
-    },
-    async exportTemplate (id) {
-      let url = "/actual/base/communityHouse/exportExcelCustom"
+export default {
+	props: {
+		list: {
+			type: Array,
+			default: () => [],
+		},
+		search: {
+			type: Object,
+			default: () => {},
+		},
+	},
+	components: {
+		checkBox,
+		dragItem,
+	},
+	data() {
+		return {
+			exportLoading: false,
+			activeCollapse: ["1"],
+			activeName: "first",
+			leftActive: "",
+			info: {},
+			rightList: [],
+			leftList: [],
+			form: {
+				isSaveTemp: false,
+				name: "",
+				itemList: [],
+			},
+			tableData: [],
+			previewList: [],
+			diyDialog: false,
+		};
+	},
+	async created() {
+		this.list.forEach((item) => {
+			this.$set(this.info, item.id, []);
+		});
+		this.leftActive = this.list[0].id;
+		this.leftList = [...this.list];
+		this.leftList[0].queryItemList = await this.getExportChildList(
+			this.leftList[0].id
+		);
+		console.log("infodiy----", this.leftList);
+		this.getTemplateList();
+	},
+	watch: {
+		rightList: {
+			handler(val) {
+				if (val.length > 0) this.dragSort();
+			},
+			deep: true,
+		},
+		// list: {
+		//   handler(val) {
+		//     if (val.length > 0) {
+		//       this.leftList = [...val]
+		//       this.leftList[0].queryItemList = this.getExportChildList(this.leftList[0].id)
+		//     }
+		//   },
+		//   deep: true,
+		//   // immediate: true
+		// },
+	},
+	methods: {
+		handleChangeBox({ list, pid }) {
+			console.log("ccccc----", list);
+			// if (list.length == 0) return
+			let obj = {};
+			this.leftList.forEach((item) => {
+				if (item.id == pid) obj = { ...item, queryItemList: [...list] };
+			});
+			const groups = this.rightList.map((item) => item.id);
+			if (groups.includes(pid)) {
+				this.rightList.forEach((item, i) => {
+					if (item.id == pid) {
+						item.queryItemList = [...list];
+						if (list.length == 0) this.rightList.splice(i, 1);
+					}
+				});
+			} else {
+				this.rightList.push(obj);
 
-      let params = {
-        templateId: id || '',
-        searchForm: { ...this.search },
-        exportConfig: {
-          ...this.form,
-          formCode: 'community_info',
-          itemList: this.rightList.map(item => {
-            return {
-              itemId: item.id,
-              label: item.label,
-              tableName: item.queryItemList[0].tableName,
-              children: item.queryItemList,
-              supportAdd: item.supportAdd
-            }
-          })
-        }
-      }
-      await this.$http({
-        method: 'POST',
-        url,
-        responseType: 'blob',
-        data: params
-      })
-        .then(res => {
-          console.log('res----dddd', res)
-          // this.download(res.data, title + '.xls')
-          // this.getTemplateList()
+				this.$nextTick(() => {
+					console.log("itemttt------", this.$refs[`drag${pid}`]);
+					this.$refs[`drag${pid}`][0].dragSort();
+				});
+			}
+			this.activeCollapse = [...this.activeCollapse, pid];
+		},
+		handleTabsClick(val) {
+			console.log("tabs-----", val);
+			this.leftList.forEach(async (item) => {
+				if (item.id == val.name) {
+					if (item.queryItemList.length == 0)
+						item.queryItemList = await this.getExportChildList(
+							item.id
+						);
+				}
+			});
+		},
+		handleDelItem(val) {
+			const { item, index } = val;
+			console.log(
+				"item------",
+				item,
+				this.$refs[`checkbox${item.itemGroupId}`]
+			);
+			let checkList =
+				this.$refs[`checkbox${item.itemGroupId}`][0].checkedList;
+			checkList.forEach((n, i) => {
+				if (n == item.itemId) {
+					checkList.splice(i, 1);
+					this.$refs[`checkbox${item.itemGroupId}`][0].handleChange(
+						checkList
+					);
+				}
+			});
+			this.rightList.forEach((n, i) => {
+				if (n.id === item.itemGroupId) {
+					n.queryItemList.splice(index, 1);
+					if (n.queryItemList.length === 0)
+						this.rightList.splice(i, 1);
+				}
+			});
+		},
+		dragSort() {
+			const el = document.getElementById("collapsWr");
+			this.sortTable = Sortable.create(el, {
+				group: "el-collapse-item",
+				ghostClass: "sortable-ghost", // Class name for the drop placeholder,
+				animation: 500,
+				delay: 0,
+				onEnd: (evt) => {
+					console.log("evt----", evt);
+					const targetRow = this.rightList.splice(evt.oldIndex, 1)[0];
+					this.rightList.splice(evt.newIndex, 0, targetRow);
+				},
+			});
+		},
+		handleDrag(val, item) {
+			console.log("drag-----", val);
+			console.log("drag-----", item);
+			this.rightList.forEach((n, i) => {
+				if (item.id == n.id) n.queryItemList = [...val];
+			});
+		},
+		handleClose() {
+			this.previewList = [];
+			this.diyDialog = false;
+		},
 
-          this.exportLoading = false
-          // if (res.data.code && res.data.code == 9999) {
-          //   return this.$message.error(res.data.msg)
-          // }
-          this.formatData(res)
+		handleDeltemplate(id) {
+			this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+				confirmButtonText: "确定",
+				cancelButtonText: "取消",
+				type: "warning",
+			})
+				.then(() => {
+					this.delTemplate(id);
+				})
+				.catch(() => {
+					this.$message({
+						type: "info",
+						message: "已取消删除",
+					});
+				});
+		},
+		handlePreview(id) {
+			if (id) this.getPreview(id);
+			else {
+				if (this.rightList.length == 0)
+					return this.$message.error("请选择导出信息");
+				this.previewList = this.rightList.map((item) => {
+					return {
+						label: item.label,
+						children: item.queryItemList,
+					};
+				});
+			}
+			this.diyDialog = true;
+		},
+		handleExport() {
+			if (this.rightList.length === 0)
+				return this.$message.error("请选择导出信息");
+			if (this.form.isSaveTemp && !this.form.name)
+				return this.$message.error("请输入模板名称");
+			this.exportLoading = true;
+			this.exportTemplate();
+		},
+		handleExportTemplate(id) {
+			this.exportTemplate(id);
+		},
+		async exportTemplate(id) {
+			let url = "/actual/base/communityHouse/exportExcelCustom";
 
-        })
-        .catch(err => {
-          console.log('err', err)
-          this.exportLoading = false
-          return this.$message.error('网络错误')
-        })
-    },
-    async getTemplateList () {
-      let params = {
-        formCode: 'community_info'
-      }
-      await this.$http
-        .post('/oper/customize/icExportTemplate/templateList', params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          } else {
-            this.tableData = res.data
-          }
-        })
-        .catch(() => {
-          return this.$message.error('网络错误')
-        })
-    },
-    async getPreview (id) {
-      let params = {
-        id: id || ''
-      }
-      await this.$http
-        .post('/oper/customize/icExportTemplate/templateDetail', params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          } else {
-            this.previewList = res.data
-          }
-        })
-        .catch(() => {
-          return this.$message.error('网络错误')
-        })
-    },
-    async delTemplate (id) {
-      let params = [id]
-      await this.$http
-        .post('/oper/customize/icExportTemplate/delete', params)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          } else {
-            this.$message({
-              type: 'success',
-              message: '删除成功!'
-            });
-            this.getTemplateList()
-          }
-        })
-        .catch(() => {
-          return this.$message.error('网络错误')
-        })
-    },
-    async getExportChildList (groupId) {
-      const url = `/oper/customize/icformitem/getItemList/${groupId}`
-      let params = {}
+			// return console.log(this.search);
 
-      const { data, code, msg } = await requestPost(url, params)
-      if (code === 0) {
+			let params = {
+				templateId: id || "",
+				searchForm: { ...this.search },
+				exportConfig: {
+					...this.form,
+					formCode: "community_info",
+					itemList: this.rightList.map((item) => {
+						return {
+							itemId: item.id,
+							label: item.label,
+							tableName: item.queryItemList[0].tableName,
+							children: item.queryItemList,
+							supportAdd: item.supportAdd,
+						};
+					}),
+				},
+			};
+			await this.$http({
+				method: "POST",
+				url,
+				responseType: "blob",
+				data: params,
+			})
+				.then((res) => {
+					console.log("res----dddd", res);
+					// this.download(res.data, title + '.xls')
+					// this.getTemplateList()
 
-        return data
+					this.exportLoading = false;
+					// if (res.data.code && res.data.code == 9999) {
+					//   return this.$message.error(res.data.msg)
+					// }
+					this.formatData(res);
+				})
+				.catch((err) => {
+					console.log("err", err);
+					this.exportLoading = false;
+					return this.$message.error("网络错误");
+				});
+		},
+		async getTemplateList() {
+			let params = {
+				formCode: "community_info",
+			};
+			await this.$http
+				.post("/oper/customize/icExportTemplate/templateList", params)
+				.then(({ data: res }) => {
+					if (res.code !== 0) {
+						return this.$message.error(res.msg);
+					} else {
+						this.tableData = res.data;
+					}
+				})
+				.catch(() => {
+					return this.$message.error("网络错误");
+				});
+		},
+		async getPreview(id) {
+			let params = {
+				id: id || "",
+			};
+			await this.$http
+				.post("/oper/customize/icExportTemplate/templateDetail", params)
+				.then(({ data: res }) => {
+					if (res.code !== 0) {
+						return this.$message.error(res.msg);
+					} else {
+						this.previewList = res.data;
+					}
+				})
+				.catch(() => {
+					return this.$message.error("网络错误");
+				});
+		},
+		async delTemplate(id) {
+			let params = [id];
+			await this.$http
+				.post("/oper/customize/icExportTemplate/delete", params)
+				.then(({ data: res }) => {
+					if (res.code !== 0) {
+						return this.$message.error(res.msg);
+					} else {
+						this.$message({
+							type: "success",
+							message: "删除成功!",
+						});
+						this.getTemplateList();
+					}
+				})
+				.catch(() => {
+					return this.$message.error("网络错误");
+				});
+		},
+		async getExportChildList(groupId) {
+			const url = `/oper/customize/icformitem/getItemList/${groupId}`;
+			let params = {};
 
-      } else {
-        this.$message.error(msg)
-      }
-      // if (code === 0) {
-      //   let dataTemp = []
-      //
-      //   if (groupId === '45687aa479955f9d06204d415238f7cc_0') {
-      //     dataTemp = [
-      //       {
-      //         columnName: "GRID_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-      //         itemId: "20220422102809_1001",
-      //         itemType: null,
-      //         label: "所属组织",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/gov/org/customergrid/gridoption",
-      //         options: null,
-      //         sort: 0,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //       {
-      //         columnName: "VILLAGE_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-      //         itemId: "20220422102809_1002",
-      //         itemType: null,
-      //         label: "所属网格",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityQuarters/listQuartersOptions?20220422102809_1001",
-      //         options: null,
-      //         sort: 1,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //       {
-      //         columnName: "BUILD_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-      //         itemId: "20220422102809_1003",
-      //         itemType: null,
-      //         label: "小区名称",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityBuilding/buildingoption?20220422102809_1002",
-      //         options: null,
-      //         sort: 2,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //       {
-      //         columnName: "UNIT_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-      //         itemId: "20220422102809_10031",
-      //         itemType: null,
-      //         label: "关联物业",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityBuildingUnit/unitoption?20220422102809_1003",
-      //         options: null,
-      //         sort: 3,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //       {
-      //         columnName: "HOME_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-      //         itemId: "20220422102809_1004",
-      //         itemType: null,
-      //         label: "详细地址",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityHouse/houseoption?20220422102809_10031",
-      //         options: null,
-      //         sort: 4,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //       {
-      //         columnName: "IS_BDHJ",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-      //         itemId: "20220422102809_1005",
-      //         itemType: null,
-      //         label: "备注",
-      //         optionSourceType: "local",
-      //         optionSourceValue: "options表取",
-      //         options: null,
-      //         sort: 5,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //     ]
-      //   }
-      //
-      //   if (groupId === '20220422102809_101') {
-      //     dataTemp = [
-      //       {
-      //         columnName: "GRID_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_101",
-      //         itemId: "20220422102809_1001",
-      //         itemType: null,
-      //         label: "所属小区",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/gov/org/customergrid/gridoption",
-      //         options: null,
-      //         sort: 0,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "VILLAGE_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_101",
-      //         itemId: "20220422102809_1002",
-      //         itemType: null,
-      //         label: "楼栋名称",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityQuarters/listQuartersOptions?20220422102809_1001",
-      //         options: null,
-      //         sort: 1,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "BUILD_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_101",
-      //         itemId: "20220422102809_1003",
-      //         itemType: null,
-      //         label: "楼栋类型",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityBuilding/buildingoption?20220422102809_1002",
-      //         options: null,
-      //         sort: 2,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "UNIT_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_101",
-      //         itemId: "20220422102809_10031",
-      //         itemType: null,
-      //         label: "单元数",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityBuildingUnit/unitoption?20220422102809_1003",
-      //         options: null,
-      //         sort: 3,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "HOME_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_101",
-      //         itemId: "20220422102809_1004",
-      //         itemType: null,
-      //         label: "楼栋地址",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityHouse/houseoption?20220422102809_10031",
-      //         options: null,
-      //         sort: 4,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //     ]
-      //   }
-      //
-      //   if (groupId === '20220422102809_102') {
-      //     dataTemp = [
-      //       {
-      //         columnName: "GRID_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_102",
-      //         itemId: "20220422102809_1001",
-      //         itemType: null,
-      //         label: "所属楼栋",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/gov/org/customergrid/gridoption",
-      //         options: null,
-      //         sort: 0,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "VILLAGE_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_102",
-      //         itemId: "20220422102809_1002",
-      //         itemType: null,
-      //         label: "单元号",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityQuarters/listQuartersOptions?20220422102809_1001",
-      //         options: null,
-      //         sort: 1,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "BUILD_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_102",
-      //         itemId: "20220422102809_1003",
-      //         itemType: null,
-      //         label: "门牌号",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityBuilding/buildingoption?20220422102809_1002",
-      //         options: null,
-      //         sort: 2,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "UNIT_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_102",
-      //         itemId: "20220422102809_10031",
-      //         itemType: null,
-      //         label: "房屋类型",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityBuildingUnit/unitoption?20220422102809_1003",
-      //         options: null,
-      //         sort: 3,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //
-      //       {
-      //         columnName: "HOME_ID",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_102",
-      //         itemId: "20220422102809_1004",
-      //         itemType: null,
-      //         label: "房屋用途",
-      //         optionSourceType: "remote",
-      //         optionSourceValue: "/actual/base/communityHouse/houseoption?20220422102809_10031",
-      //         options: null,
-      //         sort: 4,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //       {
-      //         columnName: "IS_BDHJ",
-      //         customerId: "45687aa479955f9d06204d415238f7cc",
-      //         itemGroupId: "20220422102809_102",
-      //         itemId: "20220422102809_1005",
-      //         itemType: null,
-      //         label: "房屋状态",
-      //         optionSourceType: "local",
-      //         optionSourceValue: "options表取",
-      //         options: null,
-      //         sort: 5,
-      //         supportAdd: false,
-      //         tableName: "ic_resi_user",
-      //       },
-      //     ]
-      //   }
-      //
-      //   return dataTemp
-      //
-      // } else {
-      //   this.$message.error(msg)
-      // }
-    },
-    formatData (res) {
-      const fileReader = new FileReader()
-      fileReader.onloadend = () => {
-        try {
-          const jsonData = JSON.parse(fileReader.result) // 说明是普通对象数据，后台转换失败
-          // 后台信息
-          console.log('jsonData---1', jsonData)
-          return this.$message.error(jsonData.msg)
-        } catch (err) { // 解析成对象失败，说明是正常的文件流
-          // 下载文件
-          console.log('errr-----', err, this)
-          this.downloadFile(res)
-        }
-      }
-      fileReader.readAsText(res.data)
-    },
-    downloadFile (res) {
-      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对象
-        this.$message.success('导出成功')
-        this.$emit('close')
-      } else this.$message.error('下载失败')
-    }
-  }
-}
+			const { data, code, msg } = await requestPost(url, params);
+			if (code === 0) {
+				return data;
+			} else {
+				this.$message.error(msg);
+			}
+			// if (code === 0) {
+			//   let dataTemp = []
+			//
+			//   if (groupId === '45687aa479955f9d06204d415238f7cc_0') {
+			//     dataTemp = [
+			//       {
+			//         columnName: "GRID_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+			//         itemId: "20220422102809_1001",
+			//         itemType: null,
+			//         label: "所属组织",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/gov/org/customergrid/gridoption",
+			//         options: null,
+			//         sort: 0,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//       {
+			//         columnName: "VILLAGE_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+			//         itemId: "20220422102809_1002",
+			//         itemType: null,
+			//         label: "所属网格",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityQuarters/listQuartersOptions?20220422102809_1001",
+			//         options: null,
+			//         sort: 1,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//       {
+			//         columnName: "BUILD_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+			//         itemId: "20220422102809_1003",
+			//         itemType: null,
+			//         label: "小区名称",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityBuilding/buildingoption?20220422102809_1002",
+			//         options: null,
+			//         sort: 2,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//       {
+			//         columnName: "UNIT_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+			//         itemId: "20220422102809_10031",
+			//         itemType: null,
+			//         label: "关联物业",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityBuildingUnit/unitoption?20220422102809_1003",
+			//         options: null,
+			//         sort: 3,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//       {
+			//         columnName: "HOME_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+			//         itemId: "20220422102809_1004",
+			//         itemType: null,
+			//         label: "详细地址",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityHouse/houseoption?20220422102809_10031",
+			//         options: null,
+			//         sort: 4,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//       {
+			//         columnName: "IS_BDHJ",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+			//         itemId: "20220422102809_1005",
+			//         itemType: null,
+			//         label: "备注",
+			//         optionSourceType: "local",
+			//         optionSourceValue: "options表取",
+			//         options: null,
+			//         sort: 5,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//     ]
+			//   }
+			//
+			//   if (groupId === '20220422102809_101') {
+			//     dataTemp = [
+			//       {
+			//         columnName: "GRID_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_101",
+			//         itemId: "20220422102809_1001",
+			//         itemType: null,
+			//         label: "所属小区",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/gov/org/customergrid/gridoption",
+			//         options: null,
+			//         sort: 0,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "VILLAGE_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_101",
+			//         itemId: "20220422102809_1002",
+			//         itemType: null,
+			//         label: "楼栋名称",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityQuarters/listQuartersOptions?20220422102809_1001",
+			//         options: null,
+			//         sort: 1,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "BUILD_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_101",
+			//         itemId: "20220422102809_1003",
+			//         itemType: null,
+			//         label: "楼栋类型",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityBuilding/buildingoption?20220422102809_1002",
+			//         options: null,
+			//         sort: 2,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "UNIT_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_101",
+			//         itemId: "20220422102809_10031",
+			//         itemType: null,
+			//         label: "单元数",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityBuildingUnit/unitoption?20220422102809_1003",
+			//         options: null,
+			//         sort: 3,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "HOME_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_101",
+			//         itemId: "20220422102809_1004",
+			//         itemType: null,
+			//         label: "楼栋地址",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityHouse/houseoption?20220422102809_10031",
+			//         options: null,
+			//         sort: 4,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//     ]
+			//   }
+			//
+			//   if (groupId === '20220422102809_102') {
+			//     dataTemp = [
+			//       {
+			//         columnName: "GRID_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_102",
+			//         itemId: "20220422102809_1001",
+			//         itemType: null,
+			//         label: "所属楼栋",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/gov/org/customergrid/gridoption",
+			//         options: null,
+			//         sort: 0,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "VILLAGE_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_102",
+			//         itemId: "20220422102809_1002",
+			//         itemType: null,
+			//         label: "单元号",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityQuarters/listQuartersOptions?20220422102809_1001",
+			//         options: null,
+			//         sort: 1,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "BUILD_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_102",
+			//         itemId: "20220422102809_1003",
+			//         itemType: null,
+			//         label: "门牌号",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityBuilding/buildingoption?20220422102809_1002",
+			//         options: null,
+			//         sort: 2,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "UNIT_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_102",
+			//         itemId: "20220422102809_10031",
+			//         itemType: null,
+			//         label: "房屋类型",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityBuildingUnit/unitoption?20220422102809_1003",
+			//         options: null,
+			//         sort: 3,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//
+			//       {
+			//         columnName: "HOME_ID",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_102",
+			//         itemId: "20220422102809_1004",
+			//         itemType: null,
+			//         label: "房屋用途",
+			//         optionSourceType: "remote",
+			//         optionSourceValue: "/actual/base/communityHouse/houseoption?20220422102809_10031",
+			//         options: null,
+			//         sort: 4,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//       {
+			//         columnName: "IS_BDHJ",
+			//         customerId: "45687aa479955f9d06204d415238f7cc",
+			//         itemGroupId: "20220422102809_102",
+			//         itemId: "20220422102809_1005",
+			//         itemType: null,
+			//         label: "房屋状态",
+			//         optionSourceType: "local",
+			//         optionSourceValue: "options表取",
+			//         options: null,
+			//         sort: 5,
+			//         supportAdd: false,
+			//         tableName: "ic_resi_user",
+			//       },
+			//     ]
+			//   }
+			//
+			//   return dataTemp
+			//
+			// } else {
+			//   this.$message.error(msg)
+			// }
+		},
+		formatData(res) {
+			const fileReader = new FileReader();
+			fileReader.onloadend = () => {
+				try {
+					const jsonData = JSON.parse(fileReader.result); // 说明是普通对象数据，后台转换失败
+					// 后台信息
+					console.log("jsonData---1", jsonData);
+					return this.$message.error(jsonData.msg);
+				} catch (err) {
+					// 解析成对象失败，说明是正常的文件流
+					// 下载文件
+					console.log("errr-----", err, this);
+					this.downloadFile(res);
+				}
+			};
+			fileReader.readAsText(res.data);
+		},
+		downloadFile(res) {
+			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对象
+				this.$message.success("导出成功");
+				this.$emit("close");
+			} else this.$message.error("下载失败");
+		},
+	},
+};
 </script>
 
 <style lang="scss" scoped>
 .diy-container {
-  padding: 20px 20px 0 20px;
+	padding: 20px 20px 0 20px;
 }
 .diy-wr {
-  display: flex;
-  width: 100%;
-  height: calc(80vh - 120px);
-  .left {
-    width: 49%;
-    height: 100%;
-    .check-boxwr {
-      height: calc(80vh - 120px);
-      overflow: auto;
-    }
-  }
-  .right {
-    flex-shrink: 0;
-    width: 50%;
-    height: 100%;
-    box-sizing: border-box;
-    margin-left: 20px;
-    padding: 0 20px;
-    border-left: 1px solid #eee;
-    .right-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-bottom: 10px;
-      // border-bottom: 1px solid #eee;
-      .title {
-        font-weight: 500;
-      }
-    }
-  }
+	display: flex;
+	width: 100%;
+	height: calc(80vh - 120px);
+	.left {
+		width: 49%;
+		height: 100%;
+		.check-boxwr {
+			height: calc(80vh - 120px);
+			overflow: auto;
+		}
+	}
+	.right {
+		flex-shrink: 0;
+		width: 50%;
+		height: 100%;
+		box-sizing: border-box;
+		margin-left: 20px;
+		padding: 0 20px;
+		border-left: 1px solid #eee;
+		.right-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding-bottom: 10px;
+			// border-bottom: 1px solid #eee;
+			.title {
+				font-weight: 500;
+			}
+		}
+	}
 }
 .h80 {
-  height: calc(80vh - 160px);
-  overflow: auto;
+	height: calc(80vh - 160px);
+	overflow: auto;
 }
 .diy-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-top: 10px;
 }
 .left-h {
-  height: 100%;
-  ::v-deep .el-tabs__header.is-left,
-  ::v-deep .el-tabs__nav-wrap.is-left::after {
-    height: calc(80vh - 120px);
-  }
+	height: 100%;
+	::v-deep .el-tabs__header.is-left,
+	::v-deep .el-tabs__nav-wrap.is-left::after {
+		height: calc(80vh - 120px);
+	}
 }
 .flex-div {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 }
 // #collapsWr {
 //   .col-h {
@@ -812,15 +877,15 @@ export default {
 //   }
 // }
 .mb10 {
-  margin-bottom: 10px;
+	margin-bottom: 10px;
 }
 .pd10 {
-  padding: 10px;
+	padding: 10px;
 }
 .mr10 {
-  margin-right: 10px;
+	margin-right: 10px;
 }
 .wd200 {
-  width: 200px;
+	width: 200px;
 }
 </style>
diff --git a/src/views/modules/base/community/communityTable.vue b/src/views/modules/base/community/communityTable.vue
index ad96eefe5..4df613eba 100644
--- a/src/views/modules/base/community/communityTable.vue
+++ b/src/views/modules/base/community/communityTable.vue
@@ -1,204 +1,292 @@
 <template>
-  <div class="m-table">
-
-    <div class="u-table-btn2">
-
-      <div class="u-table-btn2-left">
-        <el-button style=""
-                   size="small"
-                   class="diy-button--blue"
-                   icon="el-icon-plus"
-                   @click="handleAdd">新增小区</el-button>
-
-        <div v-if="showImportBtn"
-             class="u-btn-upload">
-
-          <el-popover v-if="showImportBtn"
-                      popper-class="btn-popper"
-                      placement="bottom"
-                      width="20"
-                      trigger="click">
-
-            <div class="table-more-btn">
-              <el-upload :headers="$getElUploadHeaders()"
-                         ref="upload_community"
-                         style="text-align: center"
-                         :multiple='false'
-                         :show-file-list='false'
-                         :before-upload="((file)=>{beforeUpload(file, 'community')})"
-                         action=""
-                         accept=".xls,.xlsx"
-                         :http-request="(()=>{uploadFile( 'community')})">
-                <el-button size="small"
-                           type="text"
-                           class="diy-button--other">导入小区数据</el-button>
-              </el-upload>
-            </div>
-
-            <div class="table-more-btn">
-
-              <el-upload :headers="$getElUploadHeaders()"
-                         style="text-align: center"
-                         ref="upload_building"
-                         :multiple='false'
-                         :show-file-list='false'
-                         :before-upload="((file)=>{beforeUpload(file, 'building')})"
-                         action=""
-                         accept=".xls,.xlsx"
-                         :http-request="(()=>{uploadFile( 'building')})">
-                <el-button size="small"
-                           type="text"
-                           class="diy-button--other">导入楼栋数据</el-button>
-              </el-upload>
-            </div>
-
-            <div class="table-more-btn">
-              <el-upload :headers="$getElUploadHeaders()"
-                         style="text-align: center"
-                         ref="upload_room"
-                         :multiple='false'
-                         :show-file-list='false'
-                         :before-upload="((file)=>{beforeUpload(file, 'room')})"
-                         action=""
-                         accept=".xls,.xlsx"
-                         :http-request="(()=>{uploadFile( 'room')})">
-                <el-button size="small"
-                           type="text"
-                           class="diy-button--other">导入房屋数据</el-button>
-              </el-upload>
-            </div>
-            <el-button size="small"
-                       style="float:right"
-                       class="diy-button--white"
-                       slot="reference">导入<i class="el-icon-arrow-down el-icon--right"></i></el-button>
-          </el-popover>
-
-        </div>
-        <el-button style="margin-left:10px"
-                   class="diy-button--white"
-                   size="small"
-                   @click="handleExportOpen">导出</el-button>
-
-        <el-button style="margin-left:10px"
-                   class="diy-button--white"
-                   size="small"
-                   @click="deleteBatch">批量删除</el-button>
-
-        <!-- <el-button style=";margin-left:10px"
+	<div class="m-table">
+		<div class="u-table-btn2">
+			<div class="u-table-btn2-left">
+				<el-button
+					style=""
+					size="small"
+					class="diy-button--blue"
+					icon="el-icon-plus"
+					@click="handleAdd"
+					>新增小区</el-button
+				>
+
+				<div v-if="showImportBtn" class="u-btn-upload">
+					<el-popover
+						v-if="showImportBtn"
+						popper-class="btn-popper"
+						placement="bottom"
+						width="20"
+						trigger="click"
+					>
+						<div class="table-more-btn">
+							<el-upload
+								:headers="$getElUploadHeaders()"
+								ref="upload_community"
+								style="text-align: center"
+								:multiple="false"
+								:show-file-list="false"
+								:before-upload="
+									(file) => {
+										beforeUpload(file, 'community');
+									}
+								"
+								action=""
+								accept=".xls,.xlsx"
+								:http-request="
+									() => {
+										uploadFile('community');
+									}
+								"
+							>
+								<el-button
+									size="small"
+									type="text"
+									class="diy-button--other"
+									>导入小区数据</el-button
+								>
+							</el-upload>
+						</div>
+
+						<div class="table-more-btn">
+							<el-upload
+								:headers="$getElUploadHeaders()"
+								style="text-align: center"
+								ref="upload_building"
+								:multiple="false"
+								:show-file-list="false"
+								:before-upload="
+									(file) => {
+										beforeUpload(file, 'building');
+									}
+								"
+								action=""
+								accept=".xls,.xlsx"
+								:http-request="
+									() => {
+										uploadFile('building');
+									}
+								"
+							>
+								<el-button
+									size="small"
+									type="text"
+									class="diy-button--other"
+									>导入楼栋数据</el-button
+								>
+							</el-upload>
+						</div>
+
+						<div class="table-more-btn">
+							<el-upload
+								:headers="$getElUploadHeaders()"
+								style="text-align: center"
+								ref="upload_room"
+								:multiple="false"
+								:show-file-list="false"
+								:before-upload="
+									(file) => {
+										beforeUpload(file, 'room');
+									}
+								"
+								action=""
+								accept=".xls,.xlsx"
+								:http-request="
+									() => {
+										uploadFile('room');
+									}
+								"
+							>
+								<el-button
+									size="small"
+									type="text"
+									class="diy-button--other"
+									>导入房屋数据</el-button
+								>
+							</el-upload>
+						</div>
+						<el-button
+							size="small"
+							style="float: right"
+							class="diy-button--white"
+							slot="reference"
+							>导入<i
+								class="el-icon-arrow-down el-icon--right"
+							></i
+						></el-button>
+					</el-popover>
+				</div>
+				<el-button
+					style="margin-left: 10px"
+					class="diy-button--white"
+					size="small"
+					@click="handleExportOpen"
+					>导出</el-button
+				>
+
+				<el-button
+					style="margin-left: 10px"
+					class="diy-button--white"
+					size="small"
+					@click="deleteBatch"
+					>批量删除</el-button
+				>
+
+				<!-- <el-button style=";margin-left:10px"
                  class="diy-button--export"
                  size="small"
                  :disabled="yihuyidangDisabled"
                  @click="handleExportYihuyidang()">导出一户一档</el-button> -->
-      </div>
-      <div>
-        <el-popover popper-class="btn-popper"
-                    placement="bottom"
-                    style="margin-left: 10px"
-                    width="20"
-                    trigger="click">
-          <div v-if="showImportBtn"
-               class="table-more-btn">
-            <el-button class="diy-button--other"
-                       size="small"
-                       type="text"
-                       @click="handleExportModule('community')">下载小区模板</el-button>
-          </div>
-
-          <div v-if="showImportBtn"
-               class="table-more-btn">
-            <el-button :headers="$getElUploadHeaders()"
-                       class="diy-button--other"
-                       size="small"
-                       type="text"
-                       @click="handleExportModule('building')">下载楼栋模板</el-button>
-          </div>
-          <div v-if="showImportBtn"
-               class="table-more-btn">
-            <el-button :headers="$getElUploadHeaders()"
-                       class="diy-button--other"
-                       size="small"
-                       type="text"
-                       @click="handleExportModule('room')">下载房屋模板</el-button>
-          </div>
-          <div v-if="showYhymInfo && customerId!=='1535072605621841922'"
-               class="table-more-btn">
-            <el-button :headers="$getElUploadHeaders()"
-                       class="diy-button--other"
-                       size="small"
-                       type="text"
-                       :loading="yhymLoading"
-                       @click="handleYhymInfo">补全一房一码信息</el-button>
-
-          </div>
-          <div v-if="showYhymInfo && customerId!=='1535072605621841922'"
-               class="table-more-btn">
-            <el-button class="diy-button--other"
-                       size="small"
-                       type="text"
-                       :loading="xcxmLoading"
-                       @click="createBatchNeiQrUrl">补全小程序小区码</el-button>
-          </div>
-          <div v-if="displayedBaobiaoBtn"
-               class="table-more-btn">
-            <el-button size="small"
-                       type="text"
-                       class="diy-button--other"
-                       @click="reportForm">智能填报</el-button>
-          </div>
-          <div v-if="agencyObj.level == 'community'"
-               class="table-more-btn">
-            <el-button class="diy-button--other"
-                       size="small"
-                       type="text"
-                       @click="handleDownQr(agencyObj, 'community')">社区二维码</el-button>
-          </div>
-          <el-button size="small"
-                     style="float:right"
-                     class="diy-button--white"
-                     slot="reference">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
-        </el-popover>
-      </div>
-    </div>
-
-    <div class="m-table-item">
-      <el-table ref="ref_table"
-                :data="tableData"
-                border
-                :height="tableHeight"
-                v-loading="tableLoading"
-                style="width: 100%"
-                :show-overflow-tooltip="true"
-                @select-all="selectAll"
-                @selection-change="selectionChange">
-        <el-table-column type="selection"
-                         :selectable="checkSelect"
-                         width="55">
-        </el-table-column>
-        <el-table-column prop="neighborHoodName"
-                         label="小区名称"
-                         header-align="left"
-                         align="left"
-                         min-width="100">
-          <template slot-scope="scope">
-            <a class="name-a"
-               @click="handleToNextLevel(scope.row)">
-              {{ scope.row.neighborHoodName }}
-            </a>
-          </template>
-        </el-table-column>
-        <el-table-column prop="agencyName"
-                         label="所属组织"
-                         header-align="left"
-                         align="left"
-                         min-width="100">
-        </el-table-column>
-        <el-table-column prop="gridName"
-                         label="所属网格"
-                         header-align="left"
-                         align="left"
-                         min-width="120">
-        </el-table-column>
-        <!-- <el-table-column prop="总单元数"
+			</div>
+			<div>
+				<el-popover
+					popper-class="btn-popper"
+					placement="bottom"
+					style="margin-left: 10px"
+					width="20"
+					trigger="click"
+				>
+					<div v-if="showImportBtn" class="table-more-btn">
+						<el-button
+							class="diy-button--other"
+							size="small"
+							type="text"
+							@click="handleExportModule('community')"
+							>下载小区模板</el-button
+						>
+					</div>
+
+					<div v-if="showImportBtn" class="table-more-btn">
+						<el-button
+							:headers="$getElUploadHeaders()"
+							class="diy-button--other"
+							size="small"
+							type="text"
+							@click="handleExportModule('building')"
+							>下载楼栋模板</el-button
+						>
+					</div>
+					<div v-if="showImportBtn" class="table-more-btn">
+						<el-button
+							:headers="$getElUploadHeaders()"
+							class="diy-button--other"
+							size="small"
+							type="text"
+							@click="handleExportModule('room')"
+							>下载房屋模板</el-button
+						>
+					</div>
+					<div
+						v-if="
+							showYhymInfo && customerId !== '1535072605621841922'
+						"
+						class="table-more-btn"
+					>
+						<el-button
+							:headers="$getElUploadHeaders()"
+							class="diy-button--other"
+							size="small"
+							type="text"
+							:loading="yhymLoading"
+							@click="handleYhymInfo"
+							>补全一房一码信息</el-button
+						>
+					</div>
+					<div
+						v-if="
+							showYhymInfo && customerId !== '1535072605621841922'
+						"
+						class="table-more-btn"
+					>
+						<el-button
+							class="diy-button--other"
+							size="small"
+							type="text"
+							:loading="xcxmLoading"
+							@click="createBatchNeiQrUrl"
+							>补全小程序小区码</el-button
+						>
+					</div>
+					<div v-if="displayedBaobiaoBtn" class="table-more-btn">
+						<el-button
+							size="small"
+							type="text"
+							class="diy-button--other"
+							@click="reportForm"
+							>智能填报</el-button
+						>
+					</div>
+					<div
+						v-if="agencyObj.level == 'community'"
+						class="table-more-btn"
+					>
+						<el-button
+							class="diy-button--other"
+							size="small"
+							type="text"
+							@click="handleDownQr(agencyObj, 'community')"
+							>社区二维码</el-button
+						>
+					</div>
+					<el-button
+						size="small"
+						style="float: right"
+						class="diy-button--white"
+						slot="reference"
+						>更多<i class="el-icon-arrow-down el-icon--right"></i
+					></el-button>
+				</el-popover>
+			</div>
+		</div>
+
+		<div class="m-table-item">
+			<el-table
+				ref="ref_table"
+				:data="tableData"
+				border
+				:height="tableHeight"
+				v-loading="tableLoading"
+				style="width: 100%"
+				:show-overflow-tooltip="true"
+				@select-all="selectAll"
+				@selection-change="selectionChange"
+			>
+				<el-table-column
+					type="selection"
+					:selectable="checkSelect"
+					width="55"
+				>
+				</el-table-column>
+				<el-table-column
+					prop="neighborHoodName"
+					label="小区名称"
+					header-align="left"
+					align="left"
+					min-width="100"
+				>
+					<template slot-scope="scope">
+						<a class="name-a" @click="handleToNextLevel(scope.row)">
+							{{ scope.row.neighborHoodName }}
+						</a>
+					</template>
+				</el-table-column>
+				<el-table-column
+					prop="agencyName"
+					label="所属组织"
+					header-align="left"
+					align="left"
+					min-width="100"
+				>
+				</el-table-column>
+				<el-table-column
+					prop="gridName"
+					label="所属网格"
+					header-align="left"
+					align="left"
+					min-width="120"
+				>
+				</el-table-column>
+				<!-- <el-table-column prop="总单元数"
                          label="所属网格"
                          min-width="80">
         </el-table-column>
@@ -206,79 +294,100 @@
                          label="所属网格"
                          min-width="80">
         </el-table-column> -->
-        <el-table-column prop="address"
-                         label="详细地址"
-                         header-align="left"
-                         align="left"
-                         min-width="180">
-        </el-table-column>
-
-        <el-table-column label="操作"
-                         fixed="right"
-                         width="220"
-                         header-align="center"
-                         align="center"
-                         class="operate">
-          <template slot-scope="scope">
-
-            <el-button type="text"
-                       class="div-table-button--blue"
-                       size="small"
-                       @click="handleDetail(scope.row)">查看</el-button>
-            <el-button v-if="scope.row.showBtn"
-                       type="text"
-                       class="div-table-button--blue"
-                       size="small"
-                       @click="handleEdit(scope.row)">编辑</el-button>
-
-            <el-button v-if="scope.row.showBtn"
-                       type="text"
-                       class="div-table-button--blue"
-                       size="small"
-                       @click="handleDelete(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div>
-        <el-pagination @size-change="handleSizeChange"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="pageNo"
-                       :page-sizes="[20, 50, 100, 200]"
-                       :page-size="pageSize"
-                       layout="sizes, prev, pager, next, total"
-                       :total="total">
-        </el-pagination>
-      </div>
-
-    </div>
-    <!-- 详情弹出框 -->
-    <el-dialog :visible.sync="detailShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="'小区详情'"
-               width="920px"
-               top="5vh"
-               class="dialog-h"
-               @closed="detailFormCancle">
-      <community-detail ref="ref_form_detail"
-                        @diaDetailClose="detailFormCancle"></community-detail>
-    </el-dialog>
-
-    <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="formShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="formTitle"
-               width="670px"
-               top="5vh"
-               class="dialog-h"
-               @closed="diaClose">
-      <community-form ref="ref_form"
-                      @dialogCancle="addFormCancle"
-                      @dialogOk="addFormOk"></community-form>
-    </el-dialog>
-
-    <!-- <el-dialog title="导出"
+				<el-table-column
+					prop="address"
+					label="详细地址"
+					header-align="left"
+					align="left"
+					min-width="180"
+				>
+				</el-table-column>
+
+				<el-table-column
+					label="操作"
+					fixed="right"
+					width="220"
+					header-align="center"
+					align="center"
+					class="operate"
+				>
+					<template slot-scope="scope">
+						<el-button
+							type="text"
+							class="div-table-button--blue"
+							size="small"
+							@click="handleDetail(scope.row)"
+							>查看</el-button
+						>
+						<el-button
+							v-if="scope.row.showBtn"
+							type="text"
+							class="div-table-button--blue"
+							size="small"
+							@click="handleEdit(scope.row)"
+							>编辑</el-button
+						>
+
+						<el-button
+							v-if="scope.row.showBtn"
+							type="text"
+							class="div-table-button--blue"
+							size="small"
+							@click="handleDelete(scope.row)"
+							>删除</el-button
+						>
+					</template>
+				</el-table-column>
+			</el-table>
+			<div>
+				<el-pagination
+					@size-change="handleSizeChange"
+					@current-change="handleCurrentChange"
+					:current-page.sync="pageNo"
+					:page-sizes="[20, 50, 100, 200]"
+					:page-size="pageSize"
+					layout="sizes, prev, pager, next, total"
+					:total="total"
+				>
+				</el-pagination>
+			</div>
+		</div>
+		<!-- 详情弹出框 -->
+		<el-dialog
+			:visible.sync="detailShow"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			:title="'小区详情'"
+			width="920px"
+			top="5vh"
+			class="dialog-h"
+			@closed="detailFormCancle"
+		>
+			<community-detail
+				ref="ref_form_detail"
+				@diaDetailClose="detailFormCancle"
+			></community-detail>
+		</el-dialog>
+
+		<!-- 修改弹出框 -->
+		<el-dialog
+			:visible.sync="formShow"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			:title="formTitle"
+			width="670px"
+			top="5vh"
+			class="dialog-h"
+			@closed="diaClose"
+		>
+			<community-form
+				ref="ref_form"
+				@dialogCancle="addFormCancle"
+				@dialogOk="addFormOk"
+			></community-form>
+		</el-dialog>
+
+		<!-- <el-dialog title="导出"
                :visible.sync="dialogVisible"
                width="30%"
                :before-close="handleClose">
@@ -299,937 +408,963 @@
 
     </el-dialog> -->
 
-    <el-dialog :visible.sync="diyDialog"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               width="1150px"
-               title="导出模板"
-               top="5vh"
-               class="dialog-h">
-      <community-export-info v-if="diyDialog"
-                             ref="ref_diy"
-                             :list="exportList"
-                             :search="{
-          formCode: 'community_info',
-          pageNo: pageNo,
-          pageSize: pageSize,
-          conditions: conditions,
-        }"
-                             @close="handleDiyClose"></community-export-info>
-    </el-dialog>
-
-    <baobiao ref="baobiao" />
-  </div>
+		<el-dialog
+			:visible.sync="diyDialog"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			width="1150px"
+			title="导出模板"
+			top="5vh"
+			class="dialog-h"
+		>
+			<community-export-info
+				v-if="diyDialog"
+				ref="ref_diy"
+				:list="exportList"
+				:search="{
+					formCode: 'community_info',
+					pageNo: pageNo,
+					pageSize: pageSize,
+					conditions: conditions,
+				}"
+				@close="handleDiyClose"
+			></community-export-info>
+		</el-dialog>
+
+		<baobiao ref="baobiao" />
+	</div>
 </template>
 
 <script>
-
-import CommunityForm from './communityForm'
-import CommunityDetail from './communityDetail'
+import CommunityForm from "./communityForm";
+import CommunityDetail from "./communityDetail";
 import communityExportInfo from "./communityExportInfo.vue";
 
 import { requestPost } from "@/js/dai/request";
-import { mapGetters } from 'vuex'
-import { Loading } from 'element-ui' // 引入Loading服务
-import axios from 'axios'
+import { mapGetters } from "vuex";
+import { Loading } from "element-ui"; // 引入Loading服务
+import axios from "axios";
 import baobiao from "@/views/modules/cpts/baobiao";
+import util from "@/js/util";
+
+let loading; // 加载动画
 
-let loading // 加载动画
 export default {
-  data () {
-    return {
-      searchHeight: 190,//搜索栏高度
-      // tableHeight: 0,
-      importBuildingLoading: false,
-      importRoomLoading: false,
-      importCommunityLoading: false,
-      total: 0,
-      pageSize: 20,
-      pageNo: 0,
-      tableLoading: true,
-
-      showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断
-      roleList: [],//角色列表
-      showYhymInfo: false, // 是否显示补全一房一码信息按钮
-      yhymLoading: false,
-      xcxmLoading: false,
-
-      agencyObj: {},//树所选的组织对象
-
-      tableData: [],
-      validTableDataNum: 0,//有效的数据数量，即有权限操作的数据数量
-      selection: [],
-      showDeletBtn: false,
-
-      //form相关
-      formShow: false,
-      formTitle: '新增小区',
-
-      detailShow: false,
-
-      files: "",
-      fileName: "",
-      uploadUlr: window.SITE_CONFIG['apiURL'] + '/gov/org/neighborhood/import',
-      yihuyidangDisabled: false,
-      yihuyimaDisabled: false,
-      exportBtn: false,
-
-      displayedBaobiaoBtn: false,
-      customerId: '',//烟台的客户id :  1535072605621841922
-
-      //导出
-      exportList: [],
-      diyDialog: false,
-      conditions: [],
-    }
-  },
-  components: {
-    baobiao,
-    CommunityForm,
-    CommunityDetail,
-    communityExportInfo
-  },
-  activated () {
-
-  },
-  async mounted () {
-
-    this.customerId = localStorage.getItem('customerId')
-    // this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
-    //   elseParams: {
-    //     categoryKeys: ['house_info'], categoryKey: 'house_info',
-    //   }
-    // });
-  },
-
-  methods: {
-    reportForm () {
-      let paramMap = {
-        pageSize: this.pageSize,
-        pageNo: this.pageNo,
-        level: this.agencyObj.level,
-        id: this.agencyObj.id,
-        ownerName: this.ownerName,
-        ownerPhone: this.ownerPhone,
-        rentFlag: this.rentFlag,
-        purpose: this.purpose,
-        remark: this.remark,
-        sortType: this.sortType,
-        updateStartDate: this.updateStartDate,
-        updateEndDate: this.updateEndDate,
-      };
-      this.$refs.baobiao.init({
-        elseParams: {
-          categoryKeys: ['house_info'], categoryKey: 'house_info', paramMap
-        }
-      })
-    },
-    async loadTable (fromTree, treeObj) {
-      console.log(111, this.staffAgencyId)
-      // 是否显示补全一房一码信息按钮
-      this.roleList = localStorage.getItem('roleList')
-      if (this.roleList.indexOf('root_manager') > -1 || this.roleList.indexOf('manager') > -1) {
-        this.showYhymInfo = true
-      } else {
-        this.showYhymInfo = false
-      }
-      this.tableLoading = true
-      if (fromTree) {
-        this.agencyObj = treeObj
-        if (this.agencyObj.level === 'community') {//只有社区和网格显示操作按钮
-          if (this.agencyObj.id === this.staffAgencyId) {//如果所选树的组织id和登录人员id相同，有权限
-            this.showImportBtn = true
-          } else {
-            this.showImportBtn = false
-          }
-        } else if (this.agencyObj.level === 'grid') {//网格下
-          if (this.agencyObj.pid === this.staffAgencyId) {//如果所选树的父级组织id和登录人员id相同，有权限
-            this.showImportBtn = true
-          } else {
-            this.showImportBtn = false
-          }
-        } else {
-          this.showImportBtn = false
-        }
-      }
-
-      const url = "/actual/base/communityQuarters/listQuarters"
-
-      let params = {
-        pageSize: this.pageSize,
-        pageNo: this.pageNo,
-
-        level: this.agencyObj.level,
-        id: this.agencyObj.id
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.validTableDataNum = 0
-        this.total = data.total
-        data.list.forEach(item => {
-          if (item.agencyId === this.staffAgencyId) {
-            item.showBtn = true
-            this.validTableDataNum++
-          } else {
-            item.showBtn = false
-          }
-
-        });
-        this.tableData = data.list
-      } else {
-        this.$message.error(msg)
-      }
-      this.tableLoading = false
-    },
-
-    checkSelect (row, index) {
-      let isChecked = false;
-      if (row.showBtn) { // 判断里面是否存在某个参数
-        isChecked = true
-      } else {
-        isChecked = false
-      }
-      return isChecked
-    },
-
-    diaClose () {
-      this.$refs.ref_form.resetData()
-      this.formShow = false
-    },
-
-    async handleDetail (row) {
-      // this.formTitle = '小区详情'
-      // this.formShow = true
-      // const _data = await this.detail(row)
-      // this.$nextTick(() => {
-      //   this.$refs.ref_form.initForm('detail', _data, this.agencyObj)
-      // })
-
-      this.detailShow = true
-
-      const _data = await this.detail(row)
-      this.$nextTick(() => {
-        this.$refs.ref_form_detail.initForm(_data)
-      })
-    },
-
-    handleAdd () {
-      this.formTitle = '新增小区'
-      this.formShow = true
-      this.$nextTick(() => {
-        this.$refs.ref_form.initForm('add', null, this.agencyObj)
-      })
-    },
-    async detail (row) {
-      const url = "/actual/base/communityQuarters/getQuartersDetail/" + row.neighborHoodId
-
-
-      const { data, code, msg } = await requestPost(url)
-
-      if (code === 0) {
-        return data
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 补全一房一码点击事件
-    async handleYhymInfo () {
-      this.yhymLoading = true
-      const url = "/gov/org/house/createBatchHouseCodeAndUrl"
-
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.yhymLoading = false
-        this.$message({
-          type: "success",
-          message: "批量生成成功"
-        });
-      } else if (code > 8000) {
-        this.yhymLoading = false
-        this.$message({
-          showClose: true,
-          message: msg,
-          duration: 0
-        })
-      } else {
-        this.yhymLoading = false
-        this.$message.error(msg)
-      }
-    },
-    // 补全小程序一户一码
-    async createBatchNeiQrUrl () {
-      this.xcxmLoading = true
-      const url = "/gov/org/neighborhood/createBatchNeiQrUrl"
-
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.xcxmLoading = false
-        this.$message({
-          type: "success",
-          message: "批量生成成功"
-        });
-      } else if (code > 8000) {
-        this.xcxmLoading = false
-        this.$message({
-          showClose: true,
-          message: msg,
-          duration: 0
-        })
-      } else {
-        this.xcxmLoading = false
-        this.$message.error(msg)
-      }
-    },
-    async handleEdit (row) {
-      this.formTitle = '修改小区'
-      this.formShow = true
-      const _data = await this.detail(row)
-      this.$nextTick(() => {
-        this.$refs.ref_form.initForm('edit', _data, this.agencyObj)
-      })
-    },
-
-    handleToNextLevel (row) {
-      this.$emit('toNextLevel', row, 'community')
-    },
-
-    addFormCancle () {
-      this.formShow = false
-
-    },
-    detailFormCancle () {
-      this.$refs.ref_form_detail.diaDestroy()
-      this.detailShow = false
-    },
-    addFormOk () {
-      this.formShow = false
-      this.loadTable()
-      this.$emit('refreshTree')
-    },
-
-    deleteBatch () {
-      if (this.selection.length > 0) {
-        this.$confirm("确认删除选择的小区?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        })
-          .then(() => {
-            this.deleteCommunityBatch()
-          })
-          .catch(err => {
-            if (err == "cancel") {
-              // this.$message({
-              //   type: "info",
-              //   message: "已取消删除"
-              // });
-            }
-
-          });
-      } else {
-        this.$message.warning('请先选择要删除的小区')
-      }
-    },
-    selectAll (selection) {
-
-      this.selection = selection
-
-
-    },
-    selectionChange (selection) {
-      this.selection = selection
-
-    },
-
-    async handleDelete (row) {
-
-      this.$confirm("确认删除?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      })
-        .then(() => {
-          this.deleteCommunity(row)
-        })
-        .catch(err => {
-          if (err == "cancel") {
-            // this.$message({
-            //   type: "info",
-            //   message: "已取消删除"
-            // });
-          }
-
-        });
-    },
-
-    async deleteCommunityBatch () {
-      let ids = []
-      console.log(this.selection)
-      this.selection.forEach(element => {
-
-        ids.push(element.neighborHoodId)
-      });
-
-      const url = "/actual/base/communityHouse/deleteCommunityInfoByIds"
-
-      let params = {
-        type: 'neighborHood',
-        ids: ids
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message({
-          type: "success",
-          message: "删除成功"
-        });
-        this.$emit('refreshTree')
-        this.loadTable()
-      } else if (code > 8000) {
-        this.$message({
-          showClose: true,
-          message: msg,
-          duration: 0
-        })
-        this.$emit('refreshTree')
-        this.loadTable()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    async deleteCommunity (row) {
-      const url = "/actual/base/communityQuarters/deleteQuarters"
-
-      let params = {
-        quartersId: row.neighborHoodId
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message({
-          type: "success",
-          message: "删除成功"
-        });
-        this.$emit('refreshTree')
-        this.loadTable()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    async handleDownQr (row, type) {
-      let title = row.label + '二维码.png'
-      // const url = window.SITE_CONFIG['apiURL'] + `/gov/org/icneighborhood/createQrCode/${row.neighborHoodId}`
-      const url = '/gov/org/agency/create-qrcode'
-      const _id = type == 'community' ? row.id : row.neighborHoodId
-      const params = {
-        id: _id,
-        type
-      }
-      await axios({
-        method: 'POST',
-        url: window.SITE_CONFIG['apiURL'] + url,
-        data: params,
-        responseType: 'blob'
-      }).then(res => {
-        console.log('res----1r', res)
-        if (res.data) {
-          // let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
-          // console.log('filename', fileName)
-          this.download(res.data, title) //释放掉blob对象
-        } else this.$message.error('下载失败')
-        // this.download(res.data, '1.png')
-      })
-    },
-    // 导出按钮点击事件
-    async handleExportOpen () {
-      await this.getExportList();
-
-    },
-    async getExportList (type) {
-      const url = "/oper/customize/icformitemgroup/list";
-      let params = {
-        formCode: "community_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);
-      }
-
-      // if (code === 0) {
-      //   //暂无接口
-      //   let dataTemp = [
-      //     {
-      //       childShowFlag: "0",
-      //       customerId: "45687aa479955f9d06204d415238f7cc",
-      //       display: false,
-      //       formCode: "resi_base_info",
-      //       formId: "20220422102809_1",
-      //       groupCode: "jcxx",
-      //       id: "45687aa479955f9d06204d415238f7cc_0",
-      //       label: "小区信息",
-      //       policyFlag: "1",
-      //       sort: 0,
-      //       supportAdd: false,
-      //       tableName: "ic_resi_user"
-      //     },
-      //     {
-      //       childShowFlag: "0",
-      //       customerId: "45687aa479955f9d06204d415238f7cc",
-      //       display: true,
-      //       formCode: "resi_base_info",
-      //       formId: "20220422102809_1",
-      //       groupCode: "jyxx",
-      //       id: "20220422102809_101",
-      //       label: "楼栋信息",
-      //       policyFlag: "1",
-      //       sort: 1,
-      //       supportAdd: false,
-      //       tableName: "ic_resi_user",
-      //     },
-      //     {
-      //       childShowFlag: "0",
-      //       customerId: "45687aa479955f9d06204d415238f7cc",
-      //       display: true,
-      //       formCode: "resi_base_info",
-      //       formId: "20220422102809_1",
-      //       groupCode: "xqah",
-      //       id: "20220422102809_102",
-      //       label: "房屋信息",
-      //       policyFlag: "1",
-      //       sort: 2,
-      //       supportAdd: false,
-      //       tableName: "ic_resi_user",
-      //     }
-      //   ]
-      //   dataTemp.forEach((item) => {
-      //     (async (id) => {
-      //       // item.queryItemList = await this.getExportChildList(id)
-      //       item.queryItemList = [];
-      //     })(item.id);
-      //   });
-      //   this.exportList = [...dataTemp];
-      //   this.$nextTick(() => {
-      //     this.diyDialog = true;
-      //   });
-      //   console.log("获取详情成功getExportList----", this.exportList);
-      // } else {
-      //   this.$message.error(msg);
-      // }
-    },
-    //导出表格 以前是导出 现在改成导出房屋数据
-    async handleExport () {
-      let title = this.agencyObj.label
-      title = title + '—小区列表'
-
-      const url = "/gov/org/neighborhood/exportneighborhoodinfo"
-      let params = {
-
-        level: this.agencyObj.level,
-        id: this.agencyObj.id
-      }
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
-        },
-        (rspMsg, data) => {
-          this.$message.error(rspMsg);
-        }
-      );
-
-    },
-    handleDiyClose () {
-      this.diyDialog = false;
-    },
-    handleClose (done) {
-      this.diyDialog = false
-    },
-
-    // 下载文件
-    download (data, downFileName) {
-      if (!data) {
-        return
-      }
-
-      var csvData = new Blob([data])
-
-      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
-        window.navigator.msSaveOrOpenBlob(csvData, downFileName);
-      }
-      // for Non-IE (chrome, firefox etc.)
-      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 = downFileName;
-        a.click();
-        a.remove();
-        window.URL.revokeObjectURL(url);
-      }
-
-    },
-
-    handleExportModule (type) {
-      let title = ''
-      let url = ""
-      if (type === 'community') {
-        title = '小区导入模板'
-        url = '/gov/org/neighborhood/exporttemplate'
-
-      } else if (type === 'building') {
-        title = '楼栋导入模板'
-        url = '/gov/org/building/exporttemplate'
-
-      } else if (type === 'room') {
-        title = '房间导入模板'
-        url = '/gov/org/house/exporttemplate'
-      }
-
-      let params = {}
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
-        },
-        (rspMsg, data) => {
-          this.$message.error(rspMsg);
-        }
-      );
-    },
-
-    //导出一户一档
-    handleExportYihuyidang () {
-      this.yihuyidangDisabled = true
-      let title = this.agencyObj.label
-      title = title + '-一户一档'
-      let url = "/gov/org/house/exportHouseUser"
-
-
-      let params = {
-        agencyId: '',
-        gridId: '',
-        ownerName: this.ownerName,
-        ownerPhone: this.ownerPhone,
-        rentFlag: this.rentFlag,
-        purpose: this.purpose,
-        remark: this.remark,
-        updateStartDate: this.updateStartDate,
-        updateEndDate: this.updateEndDate,
-      }
-
-      if (this.agencyObj.level === 'grid') {
-        params.gridId = this.agencyObj.id
-        params.agencyId = ''
-      } else {
-        params.gridId = ''
-        params.agencyId = this.agencyObj.id
-      }
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
-          this.yihuyidangDisabled = false
-        },
-        (rspMsg, data) => {
-          this.yihuyidangDisabled = false
-          this.$message.error(rspMsg);
-        }
-      );
-    },
-
-
-    // 导出一房一码
-
-    handleExportYihuyima () {
-      this.exportBtn = true
-      this.yihuyimaDisabled = true
-      let title = this.agencyObj.label
-      title = title + '-一房一码'
-      let url = "/gov/org/house/downloadZip"
-
-
-      let params = {
-        level: this.agencyObj.level,
-        id: this.agencyObj.id
-      }
-
-
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.Zip')
-          this.exportBtn = false
-          this.yihuyimaDisabled = false
-        },
-        (rspMsg, data) => {
-          this.exportBtn = false
-          this.yihuyimaDisabled = false
-          this.$message.error(rspMsg);
-        }
-      );
-    },
-
-
-
-    // 上传文件之前的钩子
-    beforeUpload (file, type) {
-      this.files = file;
-
-      const isText = file.type === 'application/vnd.ms-excel'
-      const isTextComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-
-      if (!isText && !isTextComputer) {
-        this.$message.error('请选择正确格式的文件')
-        this.files = null
-        this.fileName = ''
-        return false
-      } else {
-        this.fileName = file.name;
-        return true
-      }
-
-    },
-    // 上传文件个数超过定义的数量
-    handleExceed (files, fileList) {
-      this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)
-    },
-
-    async uploadFile (type) {
-
-      if (this.fileName == "") {
-        this.$message.warning('请选择要上传的文件！')
-        return false
-      }
-
-      this.$message({
-        showClose: true,
-        message: '导入中，请到系统管理-导入记录中查看进度',
-        duration: 0
-      })
-
-
-      //清空上传列表
-      let url = ''
-
-      let fileFormData = new FormData();
-      fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      fileFormData.append('orgId', this.agencyObj.id);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      fileFormData.append('orgType', this.agencyObj.level === 'grid' ? 'grid' : 'agency');//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-
-      if (type === 'community') {
-        this.importCommunityLoading = true
-        this.$refs['upload_community'].clearFiles()
-        url = '/gov/org/icneighborhood/neighborhoodimport'
-
-
-      } else if (type === 'building') {
-        this.$refs['upload_building'].clearFiles()
-        url = '/gov/org/building/buildingimport'
-        this.importBuildingLoading = true
-
-      } else if (type === 'room') {
-        this.$refs['upload_room'].clearFiles()
-        url = '/gov/org/house/houseimport'
-        this.importRoomLoading = true
-      }
-
-      window.app.ajax.post2(url, fileFormData,
-        (data, rspMsg) => {
-
-          if (data.code === 0 && data.msg == 'success') {
-            // this.$message.success('导入成功')
-          } else {
-            // this.$message({
-            //   showClose: true,
-            //   message: rspMsg,
-            //   duration: 0,
-            //   type: "error"
-            // })
-            // this.$message.error(rspMsg)
-          }
-          this.$emit('refreshTree')
-          this.loadTable()
-          // this.showMessage(rspMsg)
-          if (type === 'community') {
-            this.importCommunityLoading = false
-
-          } else if (type === 'building') {
-            this.importBuildingLoading = false
-
-          } else if (type === 'room') {
-            this.importRoomLoading = false
-          }
-        },
-        (rspMsg, data) => {
-          if (type === 'community') {
-            this.importCommunityLoading = false
-
-          } else if (type === 'building') {
-            this.importBuildingLoading = false
-
-          } else if (type === 'room') {
-            this.importRoomLoading = false
-          }
-          // this.$message.error(rspMsg)
-        }, { headers: { 'Content-Type': 'multipart/form-data' } })
-
-
-    },
-
-    showMessage (msg) {
-      this.$alert(msg, '操作结果', {
-        confirmButtonText: '关闭',
-        callback: action => {
-          this.$emit('refreshTree')
-          this.loadTable()
-        }
-      });
-    },
-    handleSizeChange (val) {
-      this.pageSize = val
-      this.pageNo = 1
-      this.loadTable()
-    },
-    handleCurrentChange (val) {
-      this.pageNo = val
-      this.loadTable()
-    },
-
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close()
-      }
-    }
-  },
-  computed: {
-    tableHeight () {
-      console.log(this.searchHeight)
-      let height = this.searchHeight + 270
-      return this.$store.state.inIframe ? this.clientHeight - height + this.iframeHeight : this.clientHeight - height
-
-    },
-
-    ...mapGetters(['clientHeight', 'iframeHeight'])
-  },
-  watch: {
-    selection (val) {
-
-      if (val.length > 0) {
-        this.showDeletBtn = true
-      } else {
-        this.showDeletBtn = false
-      }
-
-    },
-    '$store.state.sidebarFold': {
-      handler (newVal, oldVal) {
-        if (newVal) {//收起
-          this.searchHeight = 155
-
-        } else {
-
-          this.searchHeight = 190
-        }
-
-
-      },
-      deep: true
-    }
-  },
-  props: {
-    staffAgencyId: {
-      type: String,
-      default: '',
-    },
-    ownerName: {
-      type: String,
-      default: '',
-    },
-    ownerPhone: {
-      type: String,
-      default: '',
-    },
-    rentFlag: {
-      type: String,
-      default: '',
-    },
-    purpose: {
-      type: String,
-      default: '',
-    },
-    remark: {
-      type: String,
-      default: '',
-    },
-    updateStartDate: {
-      type: String,
-      default: '',
-    },
-    updateEndDate: {
-      type: String,
-      default: '',
-    },
-
-
-  }
-}
+	props: {
+		staffAgencyId: {
+			type: String,
+			default: "",
+		},
+		ownerName: {
+			type: String,
+			default: "",
+		},
+		ownerPhone: {
+			type: String,
+			default: "",
+		},
+		rentFlag: {
+			type: String,
+			default: "",
+		},
+		purpose: {
+			type: String,
+			default: "",
+		},
+		remark: {
+			type: String,
+			default: "",
+		},
+		updateStartDate: {
+			type: String,
+			default: "",
+		},
+		updateEndDate: {
+			type: String,
+			default: "",
+		},
+	},
+
+	data() {
+		return {
+			searchHeight: 190, //搜索栏高度
+			// tableHeight: 0,
+			importBuildingLoading: false,
+			importRoomLoading: false,
+			importCommunityLoading: false,
+			total: 0,
+			pageSize: 20,
+			pageNo: 0,
+			tableLoading: true,
+
+			showImportBtn: false, //是否显示操作按钮，根据登录人所属组织判断
+			roleList: [], //角色列表
+			showYhymInfo: false, // 是否显示补全一房一码信息按钮
+			yhymLoading: false,
+			xcxmLoading: false,
+
+			agencyObj: {}, //树所选的组织对象
+
+			tableData: [],
+			validTableDataNum: 0, //有效的数据数量，即有权限操作的数据数量
+			selection: [],
+			showDeletBtn: false,
+
+			//form相关
+			formShow: false,
+			formTitle: "新增小区",
+
+			detailShow: false,
+
+			files: "",
+			fileName: "",
+			uploadUlr:
+				window.SITE_CONFIG["apiURL"] + "/gov/org/neighborhood/import",
+			yihuyidangDisabled: false,
+			yihuyimaDisabled: false,
+			exportBtn: false,
+
+			displayedBaobiaoBtn: false,
+			customerId: "", //烟台的客户id :  1535072605621841922
+
+			//导出
+			exportList: [],
+			diyDialog: false,
+			conditions: [],
+
+			queryConditions: [],
+		};
+	},
+
+	computed: {
+		tableHeight() {
+			console.log(this.searchHeight);
+			let height = this.searchHeight + 270;
+			return this.$store.state.inIframe
+				? this.clientHeight - height + this.iframeHeight
+				: this.clientHeight - height;
+		},
+
+		...mapGetters(["clientHeight", "iframeHeight"]),
+	},
+	watch: {
+		selection(val) {
+			if (val.length > 0) {
+				this.showDeletBtn = true;
+			} else {
+				this.showDeletBtn = false;
+			}
+		},
+		"$store.state.sidebarFold": {
+			handler(newVal, oldVal) {
+				if (newVal) {
+					//收起
+					this.searchHeight = 155;
+				} else {
+					this.searchHeight = 190;
+				}
+			},
+			deep: true,
+		},
+	},
+
+	components: {
+		baobiao,
+		CommunityForm,
+		CommunityDetail,
+		communityExportInfo,
+	},
+
+	activated() {},
+
+	async mounted() {
+		this.customerId = localStorage.getItem("customerId");
+		// this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
+		//   elseParams: {
+		//     categoryKeys: ['house_info'], categoryKey: 'house_info',
+		//   }
+		// });
+		this.getQueryConditions();
+	},
+
+	methods: {
+		async getQueryConditions() {
+			let params = {
+				formCode: "community_info",
+				customerId: this.$store.state.user.customerId,
+			};
+
+			const { data } = await this.$http.post(
+				"/oper/customize/icform/queryItems",
+				params
+			);
+
+			if (data.code === 0) {
+				this.queryConditions = data.data.map((item) => {
+					return {
+						...item,
+						humpName: util.capitalToHump(item.columnName),
+					};
+				});
+				console.log(this.queryConditions);
+			} else {
+				this.$message.error(data.msg);
+			}
+		},
+
+		reportForm() {
+			let paramMap = {
+				pageSize: this.pageSize,
+				pageNo: this.pageNo,
+				level: this.agencyObj.level,
+				id: this.agencyObj.id,
+				ownerName: this.ownerName,
+				ownerPhone: this.ownerPhone,
+				rentFlag: this.rentFlag,
+				purpose: this.purpose,
+				remark: this.remark,
+				sortType: this.sortType,
+				updateStartDate: this.updateStartDate,
+				updateEndDate: this.updateEndDate,
+			};
+			this.$refs.baobiao.init({
+				elseParams: {
+					categoryKeys: ["house_info"],
+					categoryKey: "house_info",
+					paramMap,
+				},
+			});
+		},
+		async loadTable(fromTree, treeObj) {
+			console.log(111, treeObj);
+			// 是否显示补全一房一码信息按钮
+			this.roleList = localStorage.getItem("roleList");
+			let conditions = [];
+			if (treeObj.level == "grid") {
+				conditions.push({
+					queryType: "equal",
+					columnName: "GRID_ID",
+					tableName: "community_quarters",
+					columnValue: [treeObj.id],
+				});
+			} else {
+				conditions.push({
+					queryType: "equal",
+					columnName: "AGENCY_ID",
+					tableName: "community_quarters",
+					columnValue: [treeObj.id],
+				});
+			}
+      this.conditions = conditions ;
+      
+			if (
+				this.roleList.indexOf("root_manager") > -1 ||
+				this.roleList.indexOf("manager") > -1
+			) {
+				this.showYhymInfo = true;
+			} else {
+				this.showYhymInfo = false;
+			}
+			this.tableLoading = true;
+			if (fromTree) {
+				this.agencyObj = treeObj;
+				if (this.agencyObj.level === "community") {
+					//只有社区和网格显示操作按钮
+					if (this.agencyObj.id === this.staffAgencyId) {
+						//如果所选树的组织id和登录人员id相同，有权限
+						this.showImportBtn = true;
+					} else {
+						this.showImportBtn = false;
+					}
+				} else if (this.agencyObj.level === "grid") {
+					//网格下
+					if (this.agencyObj.pid === this.staffAgencyId) {
+						//如果所选树的父级组织id和登录人员id相同，有权限
+						this.showImportBtn = true;
+					} else {
+						this.showImportBtn = false;
+					}
+				} else {
+					this.showImportBtn = false;
+				}
+			}
+
+			const url = "/actual/base/communityQuarters/listQuarters";
+
+			let params = {
+				pageSize: this.pageSize,
+				pageNo: this.pageNo,
+
+				level: this.agencyObj.level,
+				id: this.agencyObj.id,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.validTableDataNum = 0;
+				this.total = data.total;
+				data.list.forEach((item) => {
+					if (item.agencyId === this.staffAgencyId) {
+						item.showBtn = true;
+						this.validTableDataNum++;
+					} else {
+						item.showBtn = false;
+					}
+				});
+				this.tableData = data.list;
+			} else {
+				this.$message.error(msg);
+			}
+			this.tableLoading = false;
+		},
+
+		checkSelect(row, index) {
+			let isChecked = false;
+			if (row.showBtn) {
+				// 判断里面是否存在某个参数
+				isChecked = true;
+			} else {
+				isChecked = false;
+			}
+			return isChecked;
+		},
+
+		diaClose() {
+			this.$refs.ref_form.resetData();
+			this.formShow = false;
+		},
+
+		async handleDetail(row) {
+			// this.formTitle = '小区详情'
+			// this.formShow = true
+			// const _data = await this.detail(row)
+			// this.$nextTick(() => {
+			//   this.$refs.ref_form.initForm('detail', _data, this.agencyObj)
+			// })
+
+			this.detailShow = true;
+
+			const _data = await this.detail(row);
+			this.$nextTick(() => {
+				this.$refs.ref_form_detail.initForm(_data);
+			});
+		},
+
+		handleAdd() {
+			this.formTitle = "新增小区";
+			this.formShow = true;
+			this.$nextTick(() => {
+				this.$refs.ref_form.initForm("add", null, this.agencyObj);
+			});
+		},
+		async detail(row) {
+			const url =
+				"/actual/base/communityQuarters/getQuartersDetail/" +
+				row.neighborHoodId;
+
+			const { data, code, msg } = await requestPost(url);
+
+			if (code === 0) {
+				return data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		// 补全一房一码点击事件
+		async handleYhymInfo() {
+			this.yhymLoading = true;
+			const url = "/gov/org/house/createBatchHouseCodeAndUrl";
+
+			let params = {};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.yhymLoading = false;
+				this.$message({
+					type: "success",
+					message: "批量生成成功",
+				});
+			} else if (code > 8000) {
+				this.yhymLoading = false;
+				this.$message({
+					showClose: true,
+					message: msg,
+					duration: 0,
+				});
+			} else {
+				this.yhymLoading = false;
+				this.$message.error(msg);
+			}
+		},
+		// 补全小程序一户一码
+		async createBatchNeiQrUrl() {
+			this.xcxmLoading = true;
+			const url = "/gov/org/neighborhood/createBatchNeiQrUrl";
+
+			let params = {};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.xcxmLoading = false;
+				this.$message({
+					type: "success",
+					message: "批量生成成功",
+				});
+			} else if (code > 8000) {
+				this.xcxmLoading = false;
+				this.$message({
+					showClose: true,
+					message: msg,
+					duration: 0,
+				});
+			} else {
+				this.xcxmLoading = false;
+				this.$message.error(msg);
+			}
+		},
+		async handleEdit(row) {
+			this.formTitle = "修改小区";
+			this.formShow = true;
+			const _data = await this.detail(row);
+			this.$nextTick(() => {
+				this.$refs.ref_form.initForm("edit", _data, this.agencyObj);
+			});
+		},
+
+		handleToNextLevel(row) {
+			this.$emit("toNextLevel", row, "community");
+		},
+
+		addFormCancle() {
+			this.formShow = false;
+		},
+		detailFormCancle() {
+			this.$refs.ref_form_detail.diaDestroy();
+			this.detailShow = false;
+		},
+		addFormOk() {
+			this.formShow = false;
+			this.loadTable();
+			this.$emit("refreshTree");
+		},
+
+		deleteBatch() {
+			if (this.selection.length > 0) {
+				this.$confirm("确认删除选择的小区?", "提示", {
+					confirmButtonText: "确定",
+					cancelButtonText: "取消",
+					type: "warning",
+				})
+					.then(() => {
+						this.deleteCommunityBatch();
+					})
+					.catch((err) => {
+						if (err == "cancel") {
+							// this.$message({
+							//   type: "info",
+							//   message: "已取消删除"
+							// });
+						}
+					});
+			} else {
+				this.$message.warning("请先选择要删除的小区");
+			}
+		},
+		selectAll(selection) {
+			this.selection = selection;
+		},
+		selectionChange(selection) {
+			this.selection = selection;
+		},
+
+		async handleDelete(row) {
+			this.$confirm("确认删除?", "提示", {
+				confirmButtonText: "确定",
+				cancelButtonText: "取消",
+				type: "warning",
+			})
+				.then(() => {
+					this.deleteCommunity(row);
+				})
+				.catch((err) => {
+					if (err == "cancel") {
+						// this.$message({
+						//   type: "info",
+						//   message: "已取消删除"
+						// });
+					}
+				});
+		},
+
+		async deleteCommunityBatch() {
+			let ids = [];
+			console.log(this.selection);
+			this.selection.forEach((element) => {
+				ids.push(element.neighborHoodId);
+			});
+
+			const url = "/actual/base/communityHouse/deleteCommunityInfoByIds";
+
+			let params = {
+				type: "neighborHood",
+				ids: ids,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.$message({
+					type: "success",
+					message: "删除成功",
+				});
+				this.$emit("refreshTree");
+				this.loadTable();
+			} else if (code > 8000) {
+				this.$message({
+					showClose: true,
+					message: msg,
+					duration: 0,
+				});
+				this.$emit("refreshTree");
+				this.loadTable();
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		async deleteCommunity(row) {
+			const url = "/actual/base/communityQuarters/deleteQuarters";
+
+			let params = {
+				quartersId: row.neighborHoodId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.$message({
+					type: "success",
+					message: "删除成功",
+				});
+				this.$emit("refreshTree");
+				this.loadTable();
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		async handleDownQr(row, type) {
+			let title = row.label + "二维码.png";
+			// const url = window.SITE_CONFIG['apiURL'] + `/gov/org/icneighborhood/createQrCode/${row.neighborHoodId}`
+			const url = "/gov/org/agency/create-qrcode";
+			const _id = type == "community" ? row.id : row.neighborHoodId;
+			const params = {
+				id: _id,
+				type,
+			};
+			await axios({
+				method: "POST",
+				url: window.SITE_CONFIG["apiURL"] + url,
+				data: params,
+				responseType: "blob",
+			}).then((res) => {
+				console.log("res----1r", res);
+				if (res.data) {
+					// let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+					// console.log('filename', fileName)
+					this.download(res.data, title); //释放掉blob对象
+				} else this.$message.error("下载失败");
+				// this.download(res.data, '1.png')
+			});
+		},
+		// 导出按钮点击事件
+		async handleExportOpen() {
+			await this.getExportList();
+		},
+		async getExportList(type) {
+			const url = "/oper/customize/icformitemgroup/list";
+			let params = {
+				formCode: "community_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);
+			}
+
+			// if (code === 0) {
+			//   //暂无接口
+			//   let dataTemp = [
+			//     {
+			//       childShowFlag: "0",
+			//       customerId: "45687aa479955f9d06204d415238f7cc",
+			//       display: false,
+			//       formCode: "resi_base_info",
+			//       formId: "20220422102809_1",
+			//       groupCode: "jcxx",
+			//       id: "45687aa479955f9d06204d415238f7cc_0",
+			//       label: "小区信息",
+			//       policyFlag: "1",
+			//       sort: 0,
+			//       supportAdd: false,
+			//       tableName: "ic_resi_user"
+			//     },
+			//     {
+			//       childShowFlag: "0",
+			//       customerId: "45687aa479955f9d06204d415238f7cc",
+			//       display: true,
+			//       formCode: "resi_base_info",
+			//       formId: "20220422102809_1",
+			//       groupCode: "jyxx",
+			//       id: "20220422102809_101",
+			//       label: "楼栋信息",
+			//       policyFlag: "1",
+			//       sort: 1,
+			//       supportAdd: false,
+			//       tableName: "ic_resi_user",
+			//     },
+			//     {
+			//       childShowFlag: "0",
+			//       customerId: "45687aa479955f9d06204d415238f7cc",
+			//       display: true,
+			//       formCode: "resi_base_info",
+			//       formId: "20220422102809_1",
+			//       groupCode: "xqah",
+			//       id: "20220422102809_102",
+			//       label: "房屋信息",
+			//       policyFlag: "1",
+			//       sort: 2,
+			//       supportAdd: false,
+			//       tableName: "ic_resi_user",
+			//     }
+			//   ]
+			//   dataTemp.forEach((item) => {
+			//     (async (id) => {
+			//       // item.queryItemList = await this.getExportChildList(id)
+			//       item.queryItemList = [];
+			//     })(item.id);
+			//   });
+			//   this.exportList = [...dataTemp];
+			//   this.$nextTick(() => {
+			//     this.diyDialog = true;
+			//   });
+			//   console.log("获取详情成功getExportList----", this.exportList);
+			// } else {
+			//   this.$message.error(msg);
+			// }
+		},
+		//导出表格 以前是导出 现在改成导出房屋数据
+		async handleExport() {
+			let title = this.agencyObj.label;
+			title = title + "—小区列表";
+
+			const url = "/gov/org/neighborhood/exportneighborhoodinfo";
+			let params = {
+				level: this.agencyObj.level,
+				id: this.agencyObj.id,
+			};
+
+			app.ajax.exportFilePost(
+				url,
+				params,
+				(data, rspMsg) => {
+					this.download(data, title + ".xls");
+				},
+				(rspMsg, data) => {
+					this.$message.error(rspMsg);
+				}
+			);
+		},
+		handleDiyClose() {
+			this.diyDialog = false;
+		},
+		handleClose(done) {
+			this.diyDialog = false;
+		},
+
+		// 下载文件
+		download(data, downFileName) {
+			if (!data) {
+				return;
+			}
+
+			var csvData = new Blob([data]);
+
+			if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+				window.navigator.msSaveOrOpenBlob(csvData, downFileName);
+			}
+			// for Non-IE (chrome, firefox etc.)
+			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 = downFileName;
+				a.click();
+				a.remove();
+				window.URL.revokeObjectURL(url);
+			}
+		},
+
+		handleExportModule(type) {
+			let title = "";
+			let url = "";
+			if (type === "community") {
+				title = "小区导入模板";
+				url = "/gov/org/neighborhood/exporttemplate";
+			} else if (type === "building") {
+				title = "楼栋导入模板";
+				url = "/gov/org/building/exporttemplate";
+			} else if (type === "room") {
+				title = "房间导入模板";
+				url = "/gov/org/house/exporttemplate";
+			}
+
+			let params = {};
+
+			app.ajax.exportFilePost(
+				url,
+				params,
+				(data, rspMsg) => {
+					this.download(data, title + ".xls");
+				},
+				(rspMsg, data) => {
+					this.$message.error(rspMsg);
+				}
+			);
+		},
+
+		//导出一户一档
+		handleExportYihuyidang() {
+			this.yihuyidangDisabled = true;
+			let title = this.agencyObj.label;
+			title = title + "-一户一档";
+			let url = "/gov/org/house/exportHouseUser";
+
+			let params = {
+				agencyId: "",
+				gridId: "",
+				ownerName: this.ownerName,
+				ownerPhone: this.ownerPhone,
+				rentFlag: this.rentFlag,
+				purpose: this.purpose,
+				remark: this.remark,
+				updateStartDate: this.updateStartDate,
+				updateEndDate: this.updateEndDate,
+			};
+
+			if (this.agencyObj.level === "grid") {
+				params.gridId = this.agencyObj.id;
+				params.agencyId = "";
+			} else {
+				params.gridId = "";
+				params.agencyId = this.agencyObj.id;
+			}
+
+			app.ajax.exportFilePost(
+				url,
+				params,
+				(data, rspMsg) => {
+					this.download(data, title + ".xls");
+					this.yihuyidangDisabled = false;
+				},
+				(rspMsg, data) => {
+					this.yihuyidangDisabled = false;
+					this.$message.error(rspMsg);
+				}
+			);
+		},
+
+		// 导出一房一码
+
+		handleExportYihuyima() {
+			this.exportBtn = true;
+			this.yihuyimaDisabled = true;
+			let title = this.agencyObj.label;
+			title = title + "-一房一码";
+			let url = "/gov/org/house/downloadZip";
+
+			let params = {
+				level: this.agencyObj.level,
+				id: this.agencyObj.id,
+			};
+
+			app.ajax.exportFilePost(
+				url,
+				params,
+				(data, rspMsg) => {
+					this.download(data, title + ".Zip");
+					this.exportBtn = false;
+					this.yihuyimaDisabled = false;
+				},
+				(rspMsg, data) => {
+					this.exportBtn = false;
+					this.yihuyimaDisabled = false;
+					this.$message.error(rspMsg);
+				}
+			);
+		},
+
+		// 上传文件之前的钩子
+		beforeUpload(file, type) {
+			this.files = file;
+
+			const isText = file.type === "application/vnd.ms-excel";
+			const isTextComputer =
+				file.type ===
+				"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+
+			if (!isText && !isTextComputer) {
+				this.$message.error("请选择正确格式的文件");
+				this.files = null;
+				this.fileName = "";
+				return false;
+			} else {
+				this.fileName = file.name;
+				return true;
+			}
+		},
+		// 上传文件个数超过定义的数量
+		handleExceed(files, fileList) {
+			this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`);
+		},
+
+		async uploadFile(type) {
+			if (this.fileName == "") {
+				this.$message.warning("请选择要上传的文件！");
+				return false;
+			}
+
+			this.$message({
+				showClose: true,
+				message: "导入中，请到系统管理-导入记录中查看进度",
+				duration: 0,
+			});
+
+			//清空上传列表
+			let url = "";
+
+			let fileFormData = new FormData();
+			fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+			fileFormData.append("orgId", this.agencyObj.id); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+			fileFormData.append(
+				"orgType",
+				this.agencyObj.level === "grid" ? "grid" : "agency"
+			); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+
+			if (type === "community") {
+				this.importCommunityLoading = true;
+				this.$refs["upload_community"].clearFiles();
+				url = "/gov/org/icneighborhood/neighborhoodimport";
+			} else if (type === "building") {
+				this.$refs["upload_building"].clearFiles();
+				url = "/gov/org/building/buildingimport";
+				this.importBuildingLoading = true;
+			} else if (type === "room") {
+				this.$refs["upload_room"].clearFiles();
+				url = "/gov/org/house/houseimport";
+				this.importRoomLoading = true;
+			}
+
+			window.app.ajax.post2(
+				url,
+				fileFormData,
+				(data, rspMsg) => {
+					if (data.code === 0 && data.msg == "success") {
+						// this.$message.success('导入成功')
+					} else {
+						// this.$message({
+						//   showClose: true,
+						//   message: rspMsg,
+						//   duration: 0,
+						//   type: "error"
+						// })
+						// this.$message.error(rspMsg)
+					}
+					this.$emit("refreshTree");
+					this.loadTable();
+					// this.showMessage(rspMsg)
+					if (type === "community") {
+						this.importCommunityLoading = false;
+					} else if (type === "building") {
+						this.importBuildingLoading = false;
+					} else if (type === "room") {
+						this.importRoomLoading = false;
+					}
+				},
+				(rspMsg, data) => {
+					if (type === "community") {
+						this.importCommunityLoading = false;
+					} else if (type === "building") {
+						this.importBuildingLoading = false;
+					} else if (type === "room") {
+						this.importRoomLoading = false;
+					}
+					// this.$message.error(rspMsg)
+				},
+				{ headers: { "Content-Type": "multipart/form-data" } }
+			);
+		},
+
+		showMessage(msg) {
+			this.$alert(msg, "操作结果", {
+				confirmButtonText: "关闭",
+				callback: (action) => {
+					this.$emit("refreshTree");
+					this.loadTable();
+				},
+			});
+		},
+		handleSizeChange(val) {
+			this.pageSize = val;
+			this.pageNo = 1;
+			this.loadTable();
+		},
+		handleCurrentChange(val) {
+			this.pageNo = val;
+			this.loadTable();
+		},
+
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
+};
 </script>
-<style lang="scss" scoped >
+<style lang="scss" scoped>
 @import "@/assets/scss/modules/visual/communityManage.scss";
 @import "@/assets/scss/modules/management/list-main.scss";
 </style>
 
-<style >
+<style>
 .el-message.is-closable .el-message__content {
-  line-height: 20px;
+	line-height: 20px;
 }
 </style>
-
diff --git a/src/views/modules/base/resi.vue b/src/views/modules/base/resi.vue
index d49dd13d4..0ed681b5d 100644
--- a/src/views/modules/base/resi.vue
+++ b/src/views/modules/base/resi.vue
@@ -853,7 +853,7 @@ export default {
 				);
 				conditions.push({
 					queryType: "daterange",
-					columnValue: [dateEnd,dateStart],
+					columnValue: [dateEnd, dateStart],
 					columnName: "BIRTHDAY",
 					label: "出生日期",
 					tableName: "resident_base_info",
diff --git a/src/views/modules/base/smartImport.vue b/src/views/modules/base/smartImport.vue
index e95c17fc9..ae4350037 100644
--- a/src/views/modules/base/smartImport.vue
+++ b/src/views/modules/base/smartImport.vue
@@ -1,472 +1,456 @@
 <template>
-  <div class="g-main">
-    <div class="m-table">
-      <div class="u-table-btn1">
-
-        <el-upload :headers="$getElUploadHeaders()"
-                   ref="upload"
-                   class="upload-btn"
-                   action="uploadUlr"
-                   :limit="1"
-                   :accept="'.xls,.xlsx'"
-                   :with-credentials="true"
-                   :show-file-list="false"
-                   :auto-upload="true"
-                   :on-progress="handleProgress"
-                   :on-success="handleExcelSuccess"
-                   :before-upload="beforeExcelUpload"
-                   :http-request="uploadHttpRequest">
-          <el-button size="small"
-                     class="diy-button--white"
-                     :loading="importLoading">表格导入</el-button>
-        </el-upload>
-        <el-button class="diy-button--white"
-                   size="small"
-                   style="margin-left:10px"
-                   @click="handleExportModule()">下载模板</el-button>
-
-      </div>
-      <el-table ref="ref_table"
-                :data="dataList"
-                border
-                :height="tableHeight"
-                class="m-table-item"
-                v-loading="dataListLoading"
-                style="width: 100%">
-        <el-table-column label="序号"
-                         header-align="center"
-                         align="center"
-                         type="index"
-                         width="100"></el-table-column>
-
-        <el-table-column prop="deptName"
-                         header-align="center"
-                         align="center"
-                         label="表格信息"
-                         min-width="100">
-        </el-table-column>
-        <el-table-column prop="dataName"
-                         header-align="center"
-                         align="center"
-                         label="平台对应信息"
-                         min-width="110">
-          <template slot-scope="scope">
-
-            <el-select class="item_width_sel"
-                       v-model="scope.row.itemGroupId"
-                       size="small"
-                       placeholder="请选择">
-              <el-option v-for="item in groupList"
-                         @click.native="handleSelGroup(scope.$index,item)"
-                         :key="item.id"
-                         :label="item.label"
-                         :value="item.id">
-              </el-option>
-            </el-select>
-
-            <el-select class="item_width_sel"
-                       v-model="scope.row.itemId"
-                       size="small"
-                       style="margin-left:10px"
-                       placeholder="请选择">
-              <el-option v-for="item in scope.row.itemList"
-                         :key="item.itemId"
-                         :label="item.label"
-                         :value="item.itemId">
-              </el-option>
-            </el-select>
-
-          </template>
-        </el-table-column>
-
-      </el-table>
-      <div>
-        <el-pagination @size-change="handleSizeChange"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="pageNo"
-                       :page-sizes="[20, 50, 100, 200]"
-                       :page-size="pageSize"
-                       layout="sizes, prev, pager, next, total"
-                       :total="total">
-        </el-pagination>
-      </div>
-
-      <div ref="divEditBtn"
-           class="m-edit-btn">
-
-        <el-button type="primary"
-                   size="small"
-                   class="diy-button--blue"
-                   @click="handleComfirm">保 存</el-button>
-      </div>
-
-    </div>
-
-    <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="formShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="'数据更新配置'"
-               width="850px"
-               top="5vh"
-               class="dialog-h"
-               @closed="diaClose">
-      <div class="div_form">
-        <el-form ref="ref_form"
-                 :inline="true"
-                 :model="formData">
-
-          <el-form-item label="适用范围"
-                        label-width="150px"
-                        style="display: block">
-
-          </el-form-item>
-
-        </el-form>
-      </div>
-
-      <div class="div-btn">
-        <el-button size="small"
-                   @click="diaClose">取 消</el-button>
-        <el-button size="small"
-                   type="primary"
-                   @click="editDiaOK">确 定</el-button>
-      </div>
-    </el-dialog>
-
-  </div>
+	<div class="g-main">
+		<div class="m-table">
+			<div class="u-table-btn1">
+				<el-upload
+					:headers="$getElUploadHeaders()"
+					ref="upload"
+					class="upload-btn"
+					action="uploadUlr"
+					:limit="1"
+					:accept="'.xls,.xlsx'"
+					:with-credentials="true"
+					:show-file-list="false"
+					:auto-upload="true"
+					:on-progress="handleProgress"
+					:on-success="handleExcelSuccess"
+					:before-upload="beforeExcelUpload"
+					:http-request="uploadHttpRequest"
+				>
+					<el-button
+						size="small"
+						class="diy-button--white"
+						:loading="importLoading"
+						>表格导入</el-button
+					>
+				</el-upload>
+
+				<el-button
+					class="diy-button--white"
+					size="small"
+					style="margin-left: 10px"
+					@click="handleExportModule()"
+					>下载模板</el-button
+				>
+			</div>
+
+			<div v-if="dataList.length > 0">
+				<el-table
+					ref="ref_table"
+					:data="dataList"
+					border
+					:height="tableHeight"
+					class="m-table-item"
+					v-loading="dataListLoading"
+					style="width: 100%"
+				>
+					<el-table-column
+						label="序号"
+						header-align="center"
+						align="center"
+						type="index"
+						width="100"
+					></el-table-column>
+
+					<el-table-column
+						prop="srcField"
+						header-align="center"
+						align="center"
+						label="表格信息"
+						min-width="100"
+					>
+					</el-table-column>
+					<el-table-column
+						prop="field"
+						header-align="center"
+						align="center"
+						label="平台对应信息"
+						min-width="110"
+					>
+						<template slot-scope="scope">
+							<span v-if="scope.row.exist">{{
+								scope.row.field
+							}}</span>
+
+							<div v-else>
+								<el-select
+									class="item_width_sel"
+									v-model="scope.row.itemGroupId"
+									size="small"
+									placeholder="请选择"
+								>
+									<el-option
+										v-for="item in groupList"
+										@click.native="
+											handleSelGroup(scope.$index, item)
+										"
+										:key="item.id"
+										:label="item.label"
+										:value="item.id"
+									>
+									</el-option>
+								</el-select>
+
+								<el-select
+									class="item_width_sel"
+									v-model="scope.row.field"
+									size="small"
+									style="margin-left: 10px"
+									placeholder="请选择"
+								>
+									<el-option
+										v-for="item in scope.row.itemList"
+										:key="item.itemId"
+										:label="item.label"
+										:value="item.label"
+									>
+									</el-option>
+								</el-select>
+							</div>
+						</template>
+					</el-table-column>
+				</el-table>
+
+				<div ref="divEditBtn" class="m-edit-btn">
+					<el-button
+						type="primary"
+						size="small"
+						class="diy-button--blue"
+						@click="handleComfirm"
+						>保 存</el-button
+					>
+				</div>
+			</div>
+
+			<div class="m-hint" v-else>请先导入表格</div>
+		</div>
+	</div>
 </template>
 
 <script>
+import { requestPost } from "@/js/dai/request";
+import { mapGetters } from "vuex";
 
-import { requestPost } from '@/js/dai/request'
-
-import { mapGetters } from 'vuex'
 export default {
-
-  data () {
-    return {
-      customerId: '', // 客户id，父组件传
-      customerName: '', // 客户名称，父组件传
-
-      tableParams: {
-        customerId: ''
-      },
-      // tableHeight: 500,
-      search: '',
-      dataList: [],
-
-      dataListLoading: false,
-      total: 0,
-      pageSize: 20,
-      pageNo: 0,
-
-
-      formShow: false,
-      formData: {},
-
-      scopeList: [],
-      dataSyncConfigId: '',
-      importLoading: false,
-
-      groupList: [],
-      sHeight: 0,
-    }
-  },
-
-  computed: {
-    tableHeight () {
-      const h = this.clientHeight - this.sHeight + this.iframeHeigh
-      const _h = this.clientHeight - this.sHeight
-      return this.$store.state.inIframe ? h : _h
-    },
-
-    ...mapGetters(['clientHeight', 'iframeHeight'])
-  },
-  components: {
-
-  },
-  created () {
-
-  },
-  async mounted () {
-    await this.loadData()
-    await this.loadPersonGroup()
-
-    this.sHeight = this.$refs.divEditBtn.offsetHeight + 300
-  },
-  methods: {
-
-
-    diaClose () {
-      this.formShow = false
-    },
-
-    async loadPersonGroup () {
-      const url = '/oper/customize/icformitemgroup/list'
-      // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
-      let params = {
-        formCode: 'resi_base_info',
-        policyFlag: '1'
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.groupList = data
-      } else {
-        this.$message.error(msg)
-      }
-
-    },
-
-    //选择人员信息第一列下拉框
-    async handleSelGroup (index, item, isSet) {
-      const url = '/oper/customize/icformitem/getItemListV2'
-      // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
-      let params = {
-        policyFlag: '1',
-        groupId: item.id,
-
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-
-        let oneData = this.dataList[index]
-        oneData.itemList = data
-        this.$set(this.dataList, index, oneData)
-      } else {
-        this.$message.error(msg)
-      }
-    },
-
-    // 加载列表数据
-    async loadData () {
-      this.dataListLoading = true
-      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/list'
-      const url = '/epmetuser/dataSyncConfig/list'
-
-      this.tableParams = {
-        pageSize: this.pageSize,
-        pageNo: this.pageNo
-      }
-
-      const { data, code, msg } = await requestPost(url, this.tableParams)
-      this.dataListLoading = false
-      if (code === 0) {
-        this.total = data.total
-        this.dataList = data.list
-        this.dataList.forEach(element => {
-
-          element.stateShow = element.switchStatus === 'open' ? true : false
-
-        })
-      } else {
-        // this.$message.error(msg )
-      }
-    },
-
-    handleChangeScope (value) {
-      // console.log('value', value)
-
-      this.orgIdArray = value
-      this.scopeList = []
-      let selArray = this.$refs["myCascader"].getCheckedNodes()
-
-      // console.log('selArray', selArray)
-
-      selArray.forEach((element, index) => {
-
-        let obj = {
-          orgId: element.data.agencyId,
-          orgType: element.data.level,
-          orgIdPath: element.path.join(':'),
-
-        }
-        this.scopeList.push(obj)
-      });
-
-      console.log('this.scopeList', this.scopeList)
-
-    },
-
-    handleComfirm () {
-      console.log(this.dataList)
-    },
-
-    async editDiaOK () {
-      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/scopeSave'
-      const url = '/epmetuser/dataSyncConfig/scopeSave'
-
-      let params = {
-        dataSyncConfigId: this.dataSyncConfigId,
-        scopeList: this.scopeList
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.formShow = false
-        this.loadData()
-      } else {
-        // this.$message.error(msg )
-      }
-    },
-
-    async handleExportModule () {
-      let url = "/heart/iccommunityselforganization/import-template-download";
-
-      let params = {};
-      await this.$http({
-        method: "POST",
-        url,
-        responseType: "blob",
-        data: params,
-      })
-        .then((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("网络错误");
-        });
-    },
-    // 上传大图标成功
-    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 < 10;
-      if (!fileType) {
-        this.$message.error("上传文件只能是xls/xlsx格式！");
-      }
-
-      if (!isLt1M) {
-        this.$message.error("上传文件大小不能超过 10MB!");
-      }
-      return fileType && isLt1M;
-    },
-    async uploadHttpRequest (file) {
-      this.importLoading = true;
-      this.importBtnTitle = "正在上传中...";
-      this.$message({
-        showClose: true,
-        message: "导入中，请到系统管理-导入记录中查看进度",
-        duration: 0,
-      });
-      const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
-      formData.append("file", file.file); //添加文件对象
-      await this.$http
-        .post(
-          "/heart/iccommunityselforganization/importcommunityselforganization",
-          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('导入失败')
-        });
-      // axios({
-      //   url:
-      //     window.SITE_CONFIG["apiURL"] +
-      //     "/heart/iccommunityselforganization/importcommunityselforganization",
-      //   method: "post",
-      //   data: formData,
-      //   // responseType: "blob",
-      // })
-      //   .then((res) => {
-      //     this.importLoading = false;
-      //     this.importBtnTitle = "导入";
-      //     console.log("resresresresresresres", res);
-
-      //     this.getTableData();
-      //     if (res.data.code == 0) {
-      //       return this.$message.success(res.data.data || "导入成功");
-      //     } else {
-      //       return this.$message.error(res.data.msg);
-      //     }
-      //   })
-      //   .catch((err) => {
-      //     console.log("失败", err);
-      //   });
-      this.importLoading = false;
-      this.importBtnTitle = "导入";
-      this.$refs.upload.clearFiles();
-    },
-
-    handleSizeChange (val) {
-      this.pageSize = val
-      this.pageNo = 1
-      this.loadData()
-    },
-    handleCurrentChange (val) {
-      this.pageNo = val
-      this.loadData()
-    },
-
-    // 取消
-    diaCancel () {
-      this.$emit('cancleBack')
-    },
-
-
-  }
-}
+	data() {
+		return {
+			customerId: "", // 客户id，父组件传
+			customerName: "", // 客户名称，父组件传
+
+			tableParams: {
+				customerId: "",
+			},
+			// tableHeight: 500,
+			search: "",
+			dataList: [],
+
+			dataListLoading: false,
+			total: 0,
+			pageSize: 20,
+			pageNo: 0,
+
+			formShow: false,
+			formData: {},
+
+			scopeList: [],
+			dataSyncConfigId: "",
+			importLoading: false,
+
+			groupList: [],
+			sHeight: 0,
+
+			importCode: "",
+			importOption: { exist: {}, notExist: {} },
+		};
+	},
+
+	computed: {
+		tableHeight() {
+			const h = this.clientHeight - this.sHeight + this.iframeHeigh;
+			const _h = this.clientHeight - this.sHeight;
+			return this.$store.state.inIframe ? h : _h;
+		},
+
+		...mapGetters(["clientHeight", "iframeHeight"]),
+	},
+	components: {},
+	created() {},
+	async mounted() {
+		// await this.loadData();
+		await this.loadPersonGroup();
+
+		this.sHeight = this.$refs.divEditBtn.offsetHeight + 300;
+	},
+	methods: {
+		diaClose() {
+			this.formShow = false;
+		},
+
+		async loadPersonGroup() {
+			const url = "/oper/customize/icformitemgroup/list";
+			// const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+			let params = {
+				formCode: "resi_base_info",
+				policyFlag: "1",
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.groupList = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		//选择人员信息第一列下拉框
+		async handleSelGroup(index, item, isSet) {
+			const url = "/oper/customize/icformitem/getItemListV2";
+			// const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+			let params = {
+				policyFlag: "1",
+				groupId: item.id,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				let oneData = this.dataList[index];
+				oneData.itemList = data;
+				this.$set(this.dataList, index, oneData);
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		// 加载列表数据
+		async loadData() {
+			this.dataListLoading = true;
+			// const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/list'
+			const url = "/epmetuser/dataSyncConfig/list";
+
+			this.tableParams = {
+				pageSize: this.pageSize,
+				pageNo: this.pageNo,
+			};
+
+			const { data, code, msg } = await requestPost(
+				url,
+				this.tableParams
+			);
+			this.dataListLoading = false;
+			if (code === 0) {
+				this.total = data.total;
+				this.dataList = data.list;
+				this.dataList.forEach((element) => {
+					element.stateShow =
+						element.switchStatus === "open" ? true : false;
+				});
+			} else {
+				// this.$message.error(msg )
+			}
+		},
+
+		handleChangeScope(value) {
+			// console.log('value', value)
+
+			this.orgIdArray = value;
+			this.scopeList = [];
+			let selArray = this.$refs["myCascader"].getCheckedNodes();
+
+			// console.log('selArray', selArray)
+
+			selArray.forEach((element, index) => {
+				let obj = {
+					orgId: element.data.agencyId,
+					orgType: element.data.level,
+					orgIdPath: element.path.join(":"),
+				};
+				this.scopeList.push(obj);
+			});
+
+			console.log("this.scopeList", this.scopeList);
+		},
+
+		async handleExportModule() {
+			let url = "/epmetuser/icresiuser/import/download-template";
+
+			let params = {};
+			await this.$http({
+				method: "POST",
+				url,
+				responseType: "blob",
+				data: params,
+			})
+				.then((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("网络错误");
+				});
+		},
+		// 上传大图标成功
+		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 < 10;
+			if (!fileType) {
+				this.$message.error("上传文件只能是xls/xlsx格式！");
+			}
+
+			if (!isLt1M) {
+				this.$message.error("上传文件大小不能超过 10MB!");
+			}
+			return fileType && isLt1M;
+		},
+
+		async uploadHttpRequest(file) {
+			this.importLoading = true;
+			this.importBtnTitle = "正在上传中...";
+			const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+			formData.append("file", file.file); //添加文件对象
+			formData.append("code", ""); //添加文件对象
+			await this.$http
+				.post("/actual/base/residentBaseInfo/importExcel", formData)
+				.then((res) => {
+					console.log("res-up", res);
+					if (res.data.code == 0 && res.data.msg == "success") {
+						console.log(res.data.data);
+						const data = res.data.data;
+
+						this.dataList = [
+							...Object.keys(data.option.exist).map((k) => {
+								return {
+									index: k,
+									srcField: data.option.exist[k],
+									exist: true,
+									field: data.option.exist[k],
+								};
+							}),
+							...Object.keys(data.option.notExist).map((k) => {
+								return {
+									index: k,
+									srcField: data.option.notExist[k],
+									exist: false,
+									field: "",
+								};
+							}),
+						];
+						this.importOption = data.option;
+						this.importCode = data.code;
+					} 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();
+		},
+
+		async handleComfirm() {
+			this.importLoading = true;
+			this.importBtnTitle = "正在上传中...";
+			this.$message({
+				showClose: true,
+				message: "导入中，请到系统管理-导入记录中查看进度",
+				duration: 0,
+			});
+			const { importOption, importCode, dataList } = this;
+			dataList.forEach((item) => {
+				if (!item.exist) {
+					importOption.notExist[item.index] = item.field;
+				}
+			});
+			await this.$http
+				.post("/actual/base/residentBaseInfo/import/header", {
+					code: importCode,
+					option: {
+						exist: importOption.exist,
+						notExist: importOption.notExist,
+					},
+				})
+				.then((res) => {
+					console.log("res-up", res);
+					if (res.data.code == 0 && res.data.msg == "success") {
+						// this.$message.success('导入成功')
+						this.dataList = [];
+					} else this.$message.error(res.data.msg);
+				})
+				.catch((err) => {
+					console.log("失败", err);
+					file.onError(); //上传失败的文件会从文件列表中删除
+					// this.$message.error('导入失败')
+				});
+			this.importLoading = false;
+			this.importBtnTitle = "导入";
+		},
+
+		// 取消
+		diaCancel() {
+			this.$emit("cancleBack");
+		},
+	},
+};
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/list-main.scss";
 
 .m-edit-btn {
-  display: flex;
-  margin-top: 20px;
-  margin-right: 16px;
-  justify-content: flex-end;
-  text-align: center;
+	display: flex;
+	margin-top: 20px;
+	margin-right: 16px;
+	justify-content: flex-end;
+	text-align: center;
 }
 
 .item_width_sel {
-  width: 200px;
+	width: 200px;
+}
+
+.m-hint {
+	font-size: 50px;
+	line-height: 300px;
+	text-align: center;
+	color: #aaaaaa;
 }
 </style>