From 64d408d0cb8af19c36c65f30bace9dff8c7c2157 Mon Sep 17 00:00:00 2001
From: tianq <tianq>
Date: Thu, 27 Apr 2023 11:21:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../base/organization/organization.vue        | 2035 ++++++-----------
 1 file changed, 688 insertions(+), 1347 deletions(-)

diff --git a/src/views/modules/base/organization/organization.vue b/src/views/modules/base/organization/organization.vue
index 73cba7801..c69687863 100644
--- a/src/views/modules/base/organization/organization.vue
+++ b/src/views/modules/base/organization/organization.vue
@@ -1,27 +1,11 @@
 <template>
 	<div class="app-container">
 		<el-row>
-			<el-col
-				:span="24"
-				style="margin-left: 10px; margin-top: 10px; margin-bottom: 20px"
-			>
+			<el-col :span="24" style="margin-left: 10px; margin-top: 10px; margin-bottom: 20px">
 				<el-breadcrumb separator-class="el-icon-arrow-right">
-					<el-breadcrumb-item
-						v-for="(breadcrumb, index) in breadcrumbArr"
-						:key="breadcrumb.id"
-					>
-						<el-link
-							v-if="breadcrumb.id === currentBreadcrumbKey"
-							type="primary"
-							@click.native="refreshThisPage(index)"
-							>{{ breadcrumb.name }}</el-link
-						>
-						<el-link
-							v-else
-							type="info"
-							@click.native="refreshThisPage(index)"
-							>{{ breadcrumb.name }}</el-link
-						>
+					<el-breadcrumb-item v-for="(breadcrumb, index) in breadcrumbArr" :key="breadcrumb.id">
+						<el-link v-if="breadcrumb.id === currentBreadcrumbKey" type="primary" @click.native="refreshThisPage(index)">{{ breadcrumb.name }}</el-link>
+						<el-link v-else type="info" @click.native="refreshThisPage(index)">{{ breadcrumb.name }}</el-link>
 						<el-link
 							v-if="index === breadcrumbArr.length - 1"
 							type="primary"
@@ -33,172 +17,122 @@
 								cursor: pointer;
 							"
 							icon="el-icon-edit"
-							>修改</el-link
 						>
+							修改
+						</el-link>
 					</el-breadcrumb-item>
 				</el-breadcrumb>
 			</el-col>
 		</el-row>
 		<!-- 组织列表 -->
-		<el-table
-			v-show="agencyTableFlag"
-			height="250"
-			:data="agencyTableListData"
-			style="width: 100%"
-		>
-			<el-table-column
-				prop="agencyName"
-				label="下级组织"
-			></el-table-column>
+		<el-table v-show="agencyTableFlag" height="250" :data="agencyTableListData" style="width: 100%">
+			<el-table-column prop="agencyName" label="下级组织"></el-table-column>
 			<el-table-column prop="contacts" label="联系人"></el-table-column>
 			<el-table-column prop="mobile" label="联系人电话"></el-table-column>
-			<el-table-column
-				label="操作"
-				align="center"
-				class-name="small-padding fixed-width"
-			>
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template slot="header">
-					<el-button
-						size="mini"
-						type="primary"
-						icon="el-icon-plus"
-						@click="addAgency()"
-						>新增</el-button
-					>
+					<el-button size="mini" type="primary" icon="el-icon-plus" @click="addAgency()">新增</el-button>
 				</template>
 				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="warning"
-						icon="el-icon-arrow-right"
-						@click="entryAgency(scope.row.agencyId)"
-						>进入</el-button
-					>
+					<el-button size="mini" type="warning" icon="el-icon-arrow-right" @click="entryAgency(scope.row.agencyId)">进入</el-button>
 				</template>
 			</el-table-column>
 		</el-table>
 
 		<!-- 下级机关单位/基层科室列表 -->
-		<el-table
-			v-show="departmentTableFlag"
-			height="250"
-			:data="departmentTableListData"
-			style="width: 100%"
-		>
-			<el-table-column
-				prop="departmentName"
-				label="下级机关单位/基层科室"
-			></el-table-column>
-			<el-table-column
-				prop="departmentTypeShow"
-				label="部门类型"
-			></el-table-column>
+		<el-table v-show="departmentTableFlag" height="250" :data="departmentTableListData" style="width: 100%">
+			<el-table-column prop="departmentName" label="下级机关单位/基层科室"></el-table-column>
+			<el-table-column prop="departmentTypeShow" label="部门类型"></el-table-column>
 			<el-table-column prop="contacts" label="联系人"></el-table-column>
 			<el-table-column prop="mobile" label="联系人电话"></el-table-column>
-			<el-table-column
-				label="操作"
-				align="center"
-				class-name="small-padding fixed-width"
-			>
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template slot="header" slot-scope="scope">
-					<el-button
+					<!-- <el-button
 						size="mini"
 						type="primary"
 						icon="el-icon-plus"
 						@click="addCommunity(scope.row)"
-						>新增</el-button
+						>下载导入模板</el-button
 					>
-				</template>
-				<template slot-scope="scope">
 					<el-button
 						size="mini"
-						type="warning"
-						icon="el-icon-arrow-right"
-						@click="entryDepartment(scope.row)"
-						>进入</el-button
-					>
+						type="primary"
+						icon="el-icon-plus"
+						@click="addCommunity(scope.row)"
+						>导入</el-button
+					> -->
+
+					<!-- <el-button class="diy-button--add"
+					             type="primary"
+					             size="small"
+					             @click="handleAdd">{{ $t('add') }}</el-button> -->
+					<div style="display: flex;">
+						<el-button size="small" style="margin-right:10px" type="primary" @click="handleExportModule()">下载导入模板</el-button>
+
+						<el-upload
+							:headers="$getElUploadHeaders()"
+							ref="upload"
+							class="upload-btn"
+							:multiple="false"
+							:show-file-list="false"
+							:before-upload="
+								file => {
+									beforeUpload(file);
+								}
+							"
+							action=""
+							accept=".xls,.xlsx"
+							:http-request="
+								() => {
+									uploadFile();
+								}
+							"
+						>
+							<el-button type="primary" style="margin-right:10px" size="small">导入</el-button>
+						</el-upload>
+						<!-- <el-button class="diy-button--reset"
+					             size="small"
+					             @click="handleExport">导出</el-button> -->
+
+						<el-button size="mini" type="primary" icon="el-icon-plus" @click="addCommunity(scope.row)">新增</el-button>
+					</div>
+				</template>
+				<template slot-scope="scope">
+					<el-button size="mini" type="warning" icon="el-icon-arrow-right" @click="entryDepartment(scope.row)">进入</el-button>
 				</template>
 			</el-table-column>
 		</el-table>
 
 		<!-- 网格列表 -->
-		<el-table
-			v-if="currentAgencyLevel == 'community'"
-			v-show="gridTableFlag"
-			height="250"
-			:data="gridTableListData"
-			style="width: 100%"
-		>
+		<el-table v-if="currentAgencyLevel == 'community'" v-show="gridTableFlag" height="250" :data="gridTableListData" style="width: 100%">
 			<el-table-column prop="gridName" label="直属网格"></el-table-column>
-			<el-table-column
-				prop="gridTypeName"
-				label="网格类型"
-			></el-table-column>
+			<el-table-column prop="gridTypeName" label="网格类型"></el-table-column>
 			<el-table-column prop="contacts" label="联系人"></el-table-column>
 			<el-table-column prop="mobile" label="联系人电话"></el-table-column>
-			<el-table-column
-				label="操作"
-				align="center"
-				class-name="small-padding fixed-width"
-			>
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template slot="header" slot-scope="scope">
-					<el-button
-						size="mini"
-						type="primary"
-						icon="el-icon-plus"
-						@click="addGrid(scope.row)"
-						>新增</el-button
-					>
+					<el-button size="mini" type="primary" icon="el-icon-plus" @click="addGrid(scope.row)">新增</el-button>
 				</template>
 				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="warning"
-						icon="el-icon-arrow-right"
-						@click="entryGrid(scope.row.gridId)"
-						>进入</el-button
-					>
+					<el-button size="mini" type="warning" icon="el-icon-arrow-right" @click="entryGrid(scope.row.gridId)">进入</el-button>
 				</template>
 			</el-table-column>
 		</el-table>
 
 		<!-- 本级工作人员 -->
-		<el-table
-			v-show="currentAgencyStaffTableFlag"
-			:data="cleanAgencyStaffTableListData"
-			style="width: 100%"
-			height="350"
-		>
+		<el-table v-show="currentAgencyStaffTableFlag" :data="cleanAgencyStaffTableListData" style="width: 100%" height="350">
 			<el-table-column prop="name" label="本级工作人员名字" width="260">
 				<template slot-scope="scope">
 					<span>{{ scope.row.name }}</span>
-					<el-tag
-						v-if="scope.row.enableFlag === 'disabled'"
-						type="danger"
-						style="margin-left: 10px"
-						size="mini"
-						disable-transitions
-						>{{ "已禁用" }}</el-tag
-					>
+					<el-tag v-if="scope.row.enableFlag === 'disabled'" type="danger" style="margin-left: 10px" size="mini" disable-transitions>{{ '已禁用' }}</el-tag>
 				</template>
 			</el-table-column>
 			<el-table-column prop="roles" label="本级工作人员职责" width="260">
 				<template slot-scope="scope">
-					<el-tag
-						type="primary"
-						size="mini"
-						v-for="(role, index) in scope.row.roles"
-						:key="index"
-						disable-transitions
-						>{{ role }}</el-tag
-					>
+					<el-tag type="primary" size="mini" v-for="(role, index) in scope.row.roles" :key="index" disable-transitions>{{ role }}</el-tag>
 				</template>
 			</el-table-column>
-			<el-table-column
-				label="操作"
-				align="center"
-				class-name="small-padding fixed-width"
-			>
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template slot="header" slot-scope="scope">
 					<el-input
 						placeholder="请输入姓名或手机号"
@@ -207,97 +141,31 @@
 						@input="handleSearchStaff"
 						class="input-with-select"
 					>
-						<el-button
-							@click.stop="handleSearchStaff"
-							slot="append"
-							icon="el-icon-search"
-						></el-button>
+						<el-button @click.stop="handleSearchStaff" slot="append" icon="el-icon-search"></el-button>
 					</el-input>
 
-					<el-button
-						size="mini"
-						type="primary"
-						icon="el-icon-plus"
-						@click="addPeo(scope.row)"
-						>新增</el-button
-					>
+					<el-button size="mini" type="primary" icon="el-icon-plus" @click="addPeo(scope.row)">新增</el-button>
 				</template>
 				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="warning"
-						icon="el-icon-edit"
-						@click="xiuPeo(scope.row)"
-						>修改</el-button
-					>
-					<el-button
-						size="mini"
-						type="success"
-						icon="el-icon-view"
-						@click="lookAngency(scope.row)"
-						>查看</el-button
-					>
-					<el-button
-						size="mini"
-						type="info"
-						icon="el-icon-rank"
-						@click="transfer(scope.row)"
-						>调动</el-button
-					>
-					<el-button
-						v-if="scope.row.enableFlag === 'enable'"
-						size="mini"
-						type="danger"
-						icon="el-icon-circle-close"
-						@click="DisablePeo(scope.row)"
-						>禁用/删除</el-button
-					>
-					<el-button
-						v-if="scope.row.enableFlag === 'disabled'"
-						size="mini"
-						type="danger"
-						icon="el-icon-circle-close"
-						@click="enablestaff(scope.row)"
-						>解禁</el-button
-					>
+					<el-button size="mini" type="warning" icon="el-icon-edit" @click="xiuPeo(scope.row)">修改</el-button>
+					<el-button size="mini" type="success" icon="el-icon-view" @click="lookAngency(scope.row)">查看</el-button>
+					<el-button size="mini" type="info" icon="el-icon-rank" @click="transfer(scope.row)">调动</el-button>
+					<el-button v-if="scope.row.enableFlag === 'enable'" size="mini" type="danger" icon="el-icon-circle-close" @click="DisablePeo(scope.row)">禁用/删除</el-button>
+					<el-button v-if="scope.row.enableFlag === 'disabled'" size="mini" type="danger" icon="el-icon-circle-close" @click="enablestaff(scope.row)">解禁</el-button>
 				</template>
 			</el-table-column>
 		</el-table>
 
 		<!-- 下级机关单位/基层科室工作人员 -->
-		<el-table
-			height="350"
-			v-show="departmentStaffTableFlag"
-			:data="cleanDepartmentStaffTableListData"
-			style="width: 100%"
-		>
-			<el-table-column
-				prop="name"
-				label="下级机关单位/基层科室工作人员"
-				width="260"
-			></el-table-column>
-
-			<el-table-column
-				prop="roles"
-				label="下级机关单位/基层科室工作人员职责"
-				width="260"
-			>
+		<el-table height="350" v-show="departmentStaffTableFlag" :data="cleanDepartmentStaffTableListData" style="width: 100%">
+			<el-table-column prop="name" label="下级机关单位/基层科室工作人员" width="260"></el-table-column>
+
+			<el-table-column prop="roles" label="下级机关单位/基层科室工作人员职责" width="260">
 				<template slot-scope="scope">
-					<el-tag
-						type="primary"
-						size="mini"
-						v-for="(role, index) in scope.row.roles"
-						:key="index"
-						disable-transitions
-						>{{ role }}</el-tag
-					>
+					<el-tag type="primary" size="mini" v-for="(role, index) in scope.row.roles" :key="index" disable-transitions>{{ role }}</el-tag>
 				</template>
 			</el-table-column>
-			<el-table-column
-				label="操作"
-				align="center"
-				class-name="small-padding fixed-width"
-			>
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template slot="header" slot-scope="scope">
 					<el-input
 						placeholder="请输入姓名或手机号"
@@ -306,85 +174,29 @@
 						@input="handleSearchDeptStaff"
 						class="input-with-select"
 					>
-						<el-button
-							@click.stop="handleSearchDeptStaff"
-							slot="append"
-							icon="el-icon-search"
-						></el-button>
+						<el-button @click.stop="handleSearchDeptStaff" slot="append" icon="el-icon-search"></el-button>
 					</el-input>
 
-					<el-button
-						v-if="selDeptType === 'duty'"
-						size="mini"
-						type="primary"
-						icon="el-icon-plus"
-						@click="addCommunityPeo(scope.row)"
-						>新增</el-button
-					>
+					<el-button v-if="selDeptType === 'duty'" size="mini" type="primary" icon="el-icon-plus" @click="addCommunityPeo(scope.row)">新增</el-button>
 				</template>
 				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="warning"
-						icon="el-icon-edit"
-						@click="xiuCommunityPeo(scope.row)"
-						>修改</el-button
-					>
-					<el-button
-						size="mini"
-						type="success"
-						icon="el-icon-view"
-						@click="lookAngency(scope.row)"
-						>查看</el-button
-					>
-					<el-button
-						v-if="selDeptType === 'duty'"
-						size="mini"
-						type="info"
-						icon="el-icon-rank"
-						@click="transfer(scope.row)"
-						>调动</el-button
-					>
-					<el-button
-						size="mini"
-						type="danger"
-						icon="el-icon-circle-close"
-						@click="DisablePeo(scope.row)"
-						>禁用/删除</el-button
-					>
+					<el-button size="mini" type="warning" icon="el-icon-edit" @click="xiuCommunityPeo(scope.row)">修改</el-button>
+					<el-button size="mini" type="success" icon="el-icon-view" @click="lookAngency(scope.row)">查看</el-button>
+					<el-button v-if="selDeptType === 'duty'" size="mini" type="info" icon="el-icon-rank" @click="transfer(scope.row)">调动</el-button>
+					<el-button size="mini" type="danger" icon="el-icon-circle-close" @click="DisablePeo(scope.row)">禁用/删除</el-button>
 				</template>
 			</el-table-column>
 		</el-table>
 
 		<!-- 网格工作人员 -->
-		<el-table
-			v-show="gridStaffTableFlag"
-			:data="cleanGridStaffTableListData"
-			style="width: 100%"
-			height="350"
-		>
-			<el-table-column
-				prop="name"
-				label="网格工作人员名字"
-				width="260"
-			></el-table-column>
+		<el-table v-show="gridStaffTableFlag" :data="cleanGridStaffTableListData" style="width: 100%" height="350">
+			<el-table-column prop="name" label="网格工作人员名字" width="260"></el-table-column>
 			<el-table-column prop="roles" label="网格工作人员职责" width="260">
 				<template slot-scope="scope">
-					<el-tag
-						type="primary"
-						size="mini"
-						v-for="(role, index) in scope.row.roles"
-						:key="index"
-						disable-transitions
-						>{{ role }}</el-tag
-					>
+					<el-tag type="primary" size="mini" v-for="(role, index) in scope.row.roles" :key="index" disable-transitions>{{ role }}</el-tag>
 				</template>
 			</el-table-column>
-			<el-table-column
-				label="操作"
-				align="center"
-				class-name="small-padding fixed-width"
-			>
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 				<template slot="header" slot-scope="scope">
 					<el-input
 						placeholder="请输入姓名或手机号"
@@ -393,86 +205,27 @@
 						@input="handleSearchGridStaff"
 						class="input-with-select"
 					>
-						<el-button
-							@click.stop="handleSearchGridStaff"
-							slot="append"
-							icon="el-icon-search"
-						></el-button>
+						<el-button @click.stop="handleSearchGridStaff" slot="append" icon="el-icon-search"></el-button>
 					</el-input>
 
-					<el-button
-						size="mini"
-						type="primary"
-						icon="el-icon-plus"
-						@click="addGridPeo(scope.row)"
-						>新增</el-button
-					>
+					<el-button size="mini" type="primary" icon="el-icon-plus" @click="addGridPeo(scope.row)">新增</el-button>
 				</template>
 				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="warning"
-						icon="el-icon-edit"
-						@click="xiuGridPeo(scope.row)"
-						>修改</el-button
-					>
-					<el-button
-						size="mini"
-						type="success"
-						icon="el-icon-view"
-						@click="lookAngency(scope.row)"
-						>查看</el-button
-					>
-					<el-button
-						size="mini"
-						type="info"
-						icon="el-icon-rank"
-						@click="transfer(scope.row)"
-						>调动</el-button
-					>
-					<el-button
-						size="mini"
-						type="danger"
-						icon="el-icon-circle-close"
-						@click="DisablePeo(scope.row)"
-						>禁用/删除</el-button
-					>
+					<el-button size="mini" type="warning" icon="el-icon-edit" @click="xiuGridPeo(scope.row)">修改</el-button>
+					<el-button size="mini" type="success" icon="el-icon-view" @click="lookAngency(scope.row)">查看</el-button>
+					<el-button size="mini" type="info" icon="el-icon-rank" @click="transfer(scope.row)">调动</el-button>
+					<el-button size="mini" type="danger" icon="el-icon-circle-close" @click="DisablePeo(scope.row)">禁用/删除</el-button>
 				</template>
 			</el-table-column>
 		</el-table>
 
 		<!-- 新增下级机关单位/基层科室 -->
-		<el-dialog
-			title="新增部门"
-			:visible.sync="dialogVisible"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog title="新增部门" :visible.sync="dialogVisible" width="850" :before-close="handleClose">
 			<el-form label-width="120px" :rules="rules">
-				<el-form-item label="部门名称" prop="addDepartmentName">
-					<el-input
-						v-model="insertForm.departmentName"
-						placeholder="请输入部门名称"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="组织编码" prop="code">
-					<el-input
-						v-model="insertForm.code"
-						placeholder="请输入组织编码"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="联系人" prop="contacts">
-					<el-input
-						v-model="insertForm.contacts"
-						placeholder="请输入联系人姓名"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="联系电话" prop="mobile">
-					<el-input
-						v-model="insertForm.mobile"
-						placeholder="请输入联系电话"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="部门名称" prop="addDepartmentName"><el-input v-model="insertForm.departmentName" placeholder="请输入部门名称"></el-input></el-form-item>
+				<el-form-item label="组织编码" prop="code"><el-input v-model="insertForm.code" placeholder="请输入组织编码"></el-input></el-form-item>
+				<el-form-item label="联系人" prop="contacts"><el-input v-model="insertForm.contacts" placeholder="请输入联系人姓名"></el-input></el-form-item>
+				<el-form-item label="联系电话" prop="mobile"><el-input v-model="insertForm.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="cancel">取 消</el-button>
@@ -482,257 +235,93 @@
 
 		<!-- 新增网格 -->
 		<div v-if="dialogVisibleGrid">
-			<el-dialog
-				title="新增网格"
-				:visible.sync="dialogVisibleGrid"
-				width="850"
-				:before-close="handleClose"
-			>
+			<el-dialog title="新增网格" :visible.sync="dialogVisibleGrid" width="850" :before-close="handleClose">
 				<el-form label-width="120px" :rules="rules">
-					<el-form-item label="网格名称" prop="gridName">
-						<el-input
-							v-model="GridForm.gridName"
-							placeholder="请输入部门名称"
-						></el-input>
-					</el-form-item>
-					<el-form-item label="网格编码" prop="GridCode">
-						<el-input
-							v-model="GridForm.code"
-							placeholder="请输入网格编码"
-						></el-input>
-					</el-form-item>
+					<el-form-item label="网格名称" prop="gridName"><el-input v-model="GridForm.gridName" placeholder="请输入部门名称"></el-input></el-form-item>
+					<el-form-item label="网格编码" prop="GridCode"><el-input v-model="GridForm.code" placeholder="请输入网格编码"></el-input></el-form-item>
 
 					<!-- 网格类型，下拉框 -->
 					<el-form-item label="网格类型" prop="typeTag">
-						<el-select
-							v-model="GridForm.gridType"
-							clearable
-							placeholder="网格类型"
-						>
-							<el-option
-								v-for="item in typeList"
-								:key="item.value"
-								:label="item.label"
-								:value="item.value"
-							>
-							</el-option>
+						<el-select v-model="GridForm.gridType" clearable placeholder="网格类型">
+							<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
 						</el-select>
 					</el-form-item>
 
-					<el-form-item label="联系人" prop="GridContacts">
-						<el-input
-							v-model="GridForm.contacts"
-							placeholder="请输入联系人姓名"
-						></el-input>
-					</el-form-item>
-					<el-form-item label="联系电话" prop="GridMobile">
-						<el-input
-							v-model="GridForm.mobile"
-							placeholder="请输入联系电话"
-						></el-input>
-					</el-form-item>
+					<el-form-item label="联系人" prop="GridContacts"><el-input v-model="GridForm.contacts" placeholder="请输入联系人姓名"></el-input></el-form-item>
+					<el-form-item label="联系电话" prop="GridMobile"><el-input v-model="GridForm.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
 
 					<!-- 组织位置 -->
-					<el-form-item label="坐标">
-						<div id="con"></div>
-					</el-form-item>
+					<el-form-item label="坐标"><div id="con"></div></el-form-item>
 				</el-form>
 
 				<div slot="footer">
 					<el-button @click="cancelGrid">取 消</el-button>
-					<el-button type="primary" @click="submitGrid"
-						>确 定</el-button
-					>
+					<el-button type="primary" @click="submitGrid">确 定</el-button>
 				</div>
 			</el-dialog>
 		</div>
 
 		<!-- 新增人员 -->
 		<div v-if="dialogVisiblePeo">
-			<el-dialog
-				title="新增人员"
-				:visible.sync="dialogVisiblePeo"
-				width="850"
-				:before-close="handleClose"
-			>
-				<el-form
-					:model="peoForm"
-					label-width="120px"
-					ref="addPeoForm"
-					:rules="rulesPeo"
-				>
-					<el-form-item label="姓名" prop="name">
-						<el-input
-							v-model="peoForm.name"
-							placeholder="请输入姓名"
-						></el-input>
-					</el-form-item>
-					<el-form-item label="手机号" prop="mobile">
-						<el-input
-							v-model="peoForm.mobile"
-							placeholder="请输入手机号"
-						></el-input>
-					</el-form-item>
+			<el-dialog title="新增人员" :visible.sync="dialogVisiblePeo" width="850" :before-close="handleClose">
+				<el-form :model="peoForm" label-width="120px" ref="addPeoForm" :rules="rulesPeo">
+					<el-form-item label="姓名" prop="name"><el-input v-model="peoForm.name" placeholder="请输入姓名"></el-input></el-form-item>
+					<el-form-item label="手机号" prop="mobile"><el-input v-model="peoForm.mobile" placeholder="请输入手机号"></el-input></el-form-item>
 					<!-- 性别下拉框 -->
 					<el-form-item label="性别" prop="gender">
-						<el-select
-							v-model="peoForm.gender"
-							clearable
-							placeholder="性别"
-						>
-							<el-option
-								v-for="item in genderList"
-								:key="item.value"
-								:label="item.label"
-								:value="item.value"
-							>
-							</el-option>
+						<el-select v-model="peoForm.gender" clearable placeholder="性别">
+							<el-option v-for="item in genderList" :key="item.value" :label="item.label" :value="item.value"></el-option>
 						</el-select>
 					</el-form-item>
 					<!-- 专兼职下拉框 -->
 					<el-form-item label="专兼职" prop="post">
-						<el-select
-							v-model="peoForm.post"
-							clearable
-							placeholder="专兼职"
-						>
-							<el-option
-								v-for="item in postList"
-								:key="item.value"
-								:label="item.label"
-								:value="item.value"
-							>
-							</el-option>
+						<el-select v-model="peoForm.post" clearable placeholder="专兼职">
+							<el-option v-for="item in postList" :key="item.value" :label="item.label" :value="item.value"></el-option>
 						</el-select>
 					</el-form-item>
 					<!-- 职责下拉框 -->
 					<el-form-item label="职责" prop="duty">
-						<el-select
-							v-model="peoForm.duty"
-							multiple
-							placeholder="请选择"
-						>
-							<el-option
-								v-for="item in dutyList"
-								:key="item.roleId"
-								:label="item.roleName"
-								:value="item.roleId"
-								:disabled="item.disabled"
-							>
-							</el-option>
+						<el-select v-model="peoForm.duty" multiple placeholder="请选择">
+							<el-option v-for="item in dutyList" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.disabled"></el-option>
 						</el-select>
 					</el-form-item>
 
 					<el-form-item label="角色" prop="newRoles">
-						<el-select
-							v-model="peoForm.newRoles"
-							multiple
-							placeholder="请选择"
-						>
-							<el-option
-								v-for="item in roleList"
-								:key="item.id"
-								:label="item.name"
-								:value="item.id"
-							>
-							</el-option>
+						<el-select v-model="peoForm.newRoles" multiple placeholder="请选择">
+							<el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id"></el-option>
 						</el-select>
 					</el-form-item>
 				</el-form>
 				<div slot="footer">
 					<el-button @click="cancelPeo">取 消</el-button>
-					<el-button type="primary" @click="submitPeo"
-						>确 定</el-button
-					>
+					<el-button type="primary" @click="submitPeo">确 定</el-button>
 				</div>
 			</el-dialog>
 		</div>
 
 		<!-- 人员修改 -->
-		<el-dialog
-			v-if="modifyPeo"
-			title="人员修改"
-			:visible.sync="modifyPeo"
-			width="850"
-			:before-close="handleClose"
-		>
-			<el-form
-				:model="peoForm"
-				label-width="120px"
-				ref="editPeoForm"
-				:rules="rulesPeo"
-			>
-				<el-form-item label="姓名" prop="name">
-					<el-input
-						v-model="peoForm.name"
-						placeholder="请输入姓名"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="手机号" prop="mobile">
-					<el-input
-						v-model="peoForm.mobile"
-						placeholder="请输入手机号"
-					></el-input>
-				</el-form-item>
+		<el-dialog v-if="modifyPeo" title="人员修改" :visible.sync="modifyPeo" width="850" :before-close="handleClose">
+			<el-form :model="peoForm" label-width="120px" ref="editPeoForm" :rules="rulesPeo">
+				<el-form-item label="姓名" prop="name"><el-input v-model="peoForm.name" placeholder="请输入姓名"></el-input></el-form-item>
+				<el-form-item label="手机号" prop="mobile"><el-input v-model="peoForm.mobile" placeholder="请输入手机号"></el-input></el-form-item>
 				<el-form-item label="性别" prop="gender">
-					<el-select
-						v-model="peoForm.gender"
-						clearable
-						placeholder="性别"
-					>
-						<el-option
-							v-for="item in genderList"
-							:key="item.value"
-							:label="item.label"
-							:value="item.value"
-						>
-						</el-option>
+					<el-select v-model="peoForm.gender" clearable placeholder="性别">
+						<el-option v-for="item in genderList" :key="item.value" :label="item.label" :value="item.value"></el-option>
 					</el-select>
 				</el-form-item>
 				<el-form-item label="专兼职" prop="post">
-					<el-select
-						v-model="peoForm.post"
-						clearable
-						placeholder="专兼职"
-					>
-						<el-option
-							v-for="item in postList"
-							:key="item.value"
-							:label="item.label"
-							:value="item.value"
-						>
-						</el-option>
+					<el-select v-model="peoForm.post" clearable placeholder="专兼职">
+						<el-option v-for="item in postList" :key="item.value" :label="item.label" :value="item.value"></el-option>
 					</el-select>
 				</el-form-item>
 				<el-form-item label="职责" prop="duty">
-					<el-select
-						v-model="peoForm.duty"
-						multiple
-						placeholder="请选择"
-					>
-						<el-option
-							v-for="item in dutyList"
-							:key="item.roleId"
-							:label="item.roleName"
-							:value="item.roleId"
-							:disabled="item.disabled"
-						>
-						</el-option>
+					<el-select v-model="peoForm.duty" multiple placeholder="请选择">
+						<el-option v-for="item in dutyList" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.disabled"></el-option>
 					</el-select>
 				</el-form-item>
 				<el-form-item label="角色" prop="newRoles">
-					<el-select
-						v-model="peoForm.newRoles"
-						multiple
-						placeholder="请选择"
-					>
-						<el-option
-							v-for="item in roleList"
-							:key="item.id"
-							:label="item.name"
-							:value="item.id"
-						>
-						</el-option>
+					<el-select v-model="peoForm.newRoles" multiple placeholder="请选择">
+						<el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id"></el-option>
 					</el-select>
 				</el-form-item>
 			</el-form>
@@ -743,99 +332,31 @@
 		</el-dialog>
 
 		<!-- 禁用弹窗 -->
-		<el-dialog
-			v-if="Disable"
-			title="确认禁用"
-			:visible.sync="Disable"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="Disable" title="确认禁用" :visible.sync="Disable" width="850" :before-close="handleClose">
 			<span>禁用后该用户将无法登录系统，是否继续？</span>
 			<div slot="footer">
 				<el-button @click="cancelDisable">取 消</el-button>
-				<el-button type="primary" @click="submitDisable"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="submitDisable">确 定</el-button>
 			</div>
 		</el-dialog>
 
 		<!-- 人员查看 -->
-		<el-dialog
-			v-if="details"
-			title="人员详情"
-			:visible.sync="details"
-			width="850"
-			:before-close="handleClosePeoView"
-		>
+		<el-dialog v-if="details" title="人员详情" :visible.sync="details" width="850" :before-close="handleClosePeoView">
 			<el-form label-width="120px">
-				<el-form-item label="姓名">
-					<el-input
-						v-model="peoForm.name"
-						placeholder="姓名"
-						:disabled="true"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="手机号">
-					<el-input
-						v-model="peoForm.mobile"
-						placeholder="手机号"
-						:disabled="true"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="组织/部门">
-					<el-input
-						v-model="peoForm.zuzhi"
-						placeholder="组织/部门"
-						:disabled="true"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="激活时间">
-					<el-input
-						v-model="peoForm.activeTime"
-						placeholder="激活时间"
-						:disabled="true"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="职位">
-					<el-input
-						v-model="peoForm.duty"
-						placeholder="职位"
-						:disabled="true"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="是否禁用">
-					<el-input
-						v-model="peoForm.disableFlag"
-						placeholder="是否禁用"
-						:disabled="true"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="姓名"><el-input v-model="peoForm.name" placeholder="姓名" :disabled="true"></el-input></el-form-item>
+				<el-form-item label="手机号"><el-input v-model="peoForm.mobile" placeholder="手机号" :disabled="true"></el-input></el-form-item>
+				<el-form-item label="组织/部门"><el-input v-model="peoForm.zuzhi" placeholder="组织/部门" :disabled="true"></el-input></el-form-item>
+				<el-form-item label="激活时间"><el-input v-model="peoForm.activeTime" placeholder="激活时间" :disabled="true"></el-input></el-form-item>
+				<el-form-item label="职位"><el-input v-model="peoForm.duty" placeholder="职位" :disabled="true"></el-input></el-form-item>
+				<el-form-item label="是否禁用"><el-input v-model="peoForm.disableFlag" placeholder="是否禁用" :disabled="true"></el-input></el-form-item>
 			</el-form>
-			<div slot="footer">
-				<el-button
-					type="primary"
-					style="margin-right: 170px"
-					@click="cancelDetails"
-					>关 闭</el-button
-				>
-			</div>
+			<div slot="footer"><el-button type="primary" style="margin-right: 170px" @click="cancelDetails">关 闭</el-button></div>
 		</el-dialog>
 
 		<!-- 人员调动 -->
-		<el-dialog
-			v-if="transferPeo"
-			title="人员调动"
-			:visible.sync="transferPeo"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="transferPeo" title="人员调动" :visible.sync="transferPeo" width="850" :before-close="handleClose">
 			<el-form label-width="120px" :model="agencyForm">
-				<el-form-item label="姓名">
-					<el-input
-						v-model="transferForm.name"
-						placeholder="姓名"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="姓名"><el-input v-model="transferForm.name" placeholder="姓名"></el-input></el-form-item>
 				<el-form-item label="调动至">
 					<el-cascader
 						clearable
@@ -847,363 +368,140 @@
 					>
 						<template slot-scope="{ data }">
 							<span>{{ data.label }}</span>
-							<span
-								v-if="data.type != 'agency'"
-								style="color: #aaa; font-size: 12px"
-								>（{{ data.typeName }}）
-							</span>
+							<span v-if="data.type != 'agency'" style="color: #aaa; font-size: 12px">（{{ data.typeName }}）</span>
 						</template>
 					</el-cascader>
 				</el-form-item>
 				<el-form-item label="调动原因">
-					<el-input
-						type="textarea"
-						:rows="2"
-						placeholder="请输入内容"
-						maxlength="500"
-						show-word-limit
-						v-model="transferForm.remarks"
-					>
-					</el-input>
+					<el-input type="textarea" :rows="2" placeholder="请输入内容" maxlength="500" show-word-limit v-model="transferForm.remarks"></el-input>
 				</el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="cancelTransfer">取 消</el-button>
-				<el-button type="primary" @click="submitTransfer"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="submitTransfer">确 定</el-button>
 			</div>
 		</el-dialog>
 
 		<!-- 新增组织 -->
-		<el-dialog
-			v-if="createAgencyDialogFlag"
-			title="新增组织"
-			:visible.sync="createAgencyDialogFlag"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="createAgencyDialogFlag" title="新增组织" :visible.sync="createAgencyDialogFlag" width="850" :before-close="handleClose">
 			<el-form label-width="120px">
-				<el-form-item label="组织名称">
-					<el-input
-						v-model="agencyForm.agencyName"
-						placeholder="请输入组织名称"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织名称"><el-input v-model="agencyForm.agencyName" placeholder="请输入组织名称"></el-input></el-form-item>
 
 				<!-- 组织区划 -->
 				<el-form-item label="组织区划">
-					<el-select
-						v-model="agencyForm.areaCode"
-						placeholder="请选择组织区划"
-						@change="handelZoing"
-					>
-						<el-option
-							v-for="item in zonings"
-							:key="item.areaCode"
-							:label="item.areaName"
-							:value="item.areaCode"
-						>
-						</el-option>
+					<el-select v-model="agencyForm.areaCode" placeholder="请选择组织区划" @change="handelZoing">
+						<el-option v-for="item in zonings" :key="item.areaCode" :label="item.areaName" :value="item.areaCode"></el-option>
 					</el-select>
 				</el-form-item>
 
-				<el-form-item label="组织编码">
-					<el-input
-						v-model="agencyForm.code"
-						placeholder="请输入组织编码"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="负责人">
-					<el-input
-						v-model="agencyForm.contacts"
-						placeholder="请输入负责人名字"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="联系电话">
-					<el-input
-						v-model="agencyForm.mobile"
-						placeholder="请输入联系电话"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织编码"><el-input v-model="agencyForm.code" placeholder="请输入组织编码"></el-input></el-form-item>
+				<el-form-item label="负责人"><el-input v-model="agencyForm.contacts" placeholder="请输入负责人名字"></el-input></el-form-item>
+				<el-form-item label="联系电话"><el-input v-model="agencyForm.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
 				<el-form-item label="组织简介">
-					<el-input
-						v-model="agencyForm.remark"
-						type="textarea"
-						rows="3"
-						maxlength="500"
-						show-word-limit
-						placeholder="请输入组织简介"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="坐标">
-					<div id="con"></div>
+					<el-input v-model="agencyForm.remark" type="textarea" rows="3" maxlength="500" show-word-limit placeholder="请输入组织简介"></el-input>
 				</el-form-item>
+				<el-form-item label="坐标"><div id="con"></div></el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="canceladdNewAgency">取 消</el-button>
-				<el-button type="primary" @click="submitaddNewAgency"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="submitaddNewAgency">确 定</el-button>
 			</div>
 		</el-dialog>
 
 		<!-- 修改市区级组织 -->
-		<el-dialog
-			v-if="modifyCityOrgPop"
-			title="修改组织"
-			:visible.sync="modifyCityOrgPop"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="modifyCityOrgPop" title="修改组织" :visible.sync="modifyCityOrgPop" width="850" :before-close="handleClose">
 			<el-form label-width="120px">
-				<el-form-item label="组织名称">
-					<el-input
-						v-model="OrgDetailsForm.agencyName"
-						placeholder="请输入组织名称"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织名称"><el-input v-model="OrgDetailsForm.agencyName" placeholder="请输入组织名称"></el-input></el-form-item>
 
-				<el-form-item label="组织编码">
-					<el-input
-						v-model="OrgDetailsForm.code"
-						placeholder="请输入组织编码"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="负责人">
-					<el-input
-						v-model="OrgDetailsForm.contacts"
-						placeholder="请输入负责人名字"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="联系电话">
-					<el-input
-						v-model="OrgDetailsForm.mobile"
-						placeholder="请输入联系电话"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织编码"><el-input v-model="OrgDetailsForm.code" placeholder="请输入组织编码"></el-input></el-form-item>
+				<el-form-item label="负责人"><el-input v-model="OrgDetailsForm.contacts" placeholder="请输入负责人名字"></el-input></el-form-item>
+				<el-form-item label="联系电话"><el-input v-model="OrgDetailsForm.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
 				<el-form-item label="组织简介">
-					<el-input
-						type="textarea"
-						v-model="OrgDetailsForm.remark"
-						placeholder="请输入内容"
-						resize="none"
-						rows="3"
-						maxlength="500"
-						show-word-limit
-					>
-					</el-input>
-				</el-form-item>
-				<el-form-item label="坐标">
-					<div id="con"></div>
+					<el-input type="textarea" v-model="OrgDetailsForm.remark" placeholder="请输入内容" resize="none" rows="3" maxlength="500" show-word-limit></el-input>
 				</el-form-item>
+				<el-form-item label="坐标"><div id="con"></div></el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="cancelModifyCityOrgPop">取 消</el-button>
-				<el-button type="primary" @click="sunmitModifyCityOrgPop"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="sunmitModifyCityOrgPop">确 定</el-button>
 			</div>
 		</el-dialog>
 
 		<!-- 修改街道/社区级组织 -->
-		<el-dialog
-			v-if="streetOrCommunity"
-			title="修改组织"
-			:visible.sync="streetOrCommunity"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="streetOrCommunity" title="修改组织" :visible.sync="streetOrCommunity" width="850" :before-close="handleClose">
 			<el-form label-width="120px">
-				<el-form-item label="组织名称">
-					<el-input
-						v-model="OrgDetailsForm.agencyName"
-						placeholder="请输入组织名称"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织名称"><el-input v-model="OrgDetailsForm.agencyName" placeholder="请输入组织名称"></el-input></el-form-item>
 
 				<!-- 组织区划 -->
 				<el-form-item label="组织区划">
-					<el-select
-						v-model="OrgDetailsForm.areaCode"
-						placeholder="请选择组织区划"
-						@change="handelStreeOrCommunityZoing"
-					>
-						<el-option
-							v-for="item in zonings"
-							:key="item.areaCode"
-							:label="item.areaName"
-							:value="item.areaCode"
-						>
-						</el-option>
+					<el-select v-model="OrgDetailsForm.areaCode" placeholder="请选择组织区划" @change="handelStreeOrCommunityZoing">
+						<el-option v-for="item in zonings" :key="item.areaCode" :label="item.areaName" :value="item.areaCode"></el-option>
 					</el-select>
 				</el-form-item>
 
-				<el-form-item label="组织编码">
-					<el-input
-						v-model="OrgDetailsForm.code"
-						placeholder="请输入组织编码"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="负责人">
-					<el-input
-						v-model="OrgDetailsForm.contacts"
-						placeholder="请输入负责人名字"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织编码"><el-input v-model="OrgDetailsForm.code" placeholder="请输入组织编码"></el-input></el-form-item>
+				<el-form-item label="负责人"><el-input v-model="OrgDetailsForm.contacts" placeholder="请输入负责人名字"></el-input></el-form-item>
 				<el-form-item label="组织简介">
-					<el-input
-						type="textarea"
-						v-model="OrgDetailsForm.remark"
-						placeholder="请输入内容"
-						show-word-limit
-						maxlength="500"
-						resize="none"
-						rows="3"
-					>
-					</el-input>
-				</el-form-item>
-				<el-form-item label="联系电话">
-					<el-input
-						v-model="OrgDetailsForm.mobile"
-						placeholder="请输入联系电话"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="坐标">
-					<div id="con"></div>
+					<el-input type="textarea" v-model="OrgDetailsForm.remark" placeholder="请输入内容" show-word-limit maxlength="500" resize="none" rows="3"></el-input>
 				</el-form-item>
+				<el-form-item label="联系电话"><el-input v-model="OrgDetailsForm.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
+				<el-form-item label="坐标"><div id="con"></div></el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="cancelstreetOrCommunity">取 消</el-button>
-				<el-button type="primary" @click="sunmitModifyCityOrgPop"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="sunmitModifyCityOrgPop">确 定</el-button>
 			</div>
 		</el-dialog>
 
 		<!-- 修改下级机关单位 -->
-		<el-dialog
-			v-if="OrgUnitPop"
-			title="修改部门"
-			:visible.sync="OrgUnitPop"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="OrgUnitPop" title="修改部门" :visible.sync="OrgUnitPop" width="850" :before-close="handleClose">
 			<el-form label-width="120px">
-				<el-form-item label="部门名称">
-					<el-input
-						v-model="OrgUnitDetailsForm.departmentName"
-						placeholder="请输入组织名称"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="部门名称"><el-input v-model="OrgUnitDetailsForm.departmentName" placeholder="请输入组织名称"></el-input></el-form-item>
 
-				<el-form-item label="组织编码">
-					<el-input
-						v-model="OrgUnitDetailsForm.code"
-						placeholder="请输入组织编码"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="负责人">
-					<el-input
-						v-model="OrgUnitDetailsForm.contacts"
-						placeholder="请输入负责人名字"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="联系电话1">
-					<el-input
-						v-model="OrgUnitDetailsForm.mobile"
-						placeholder="请输入联系电话"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织编码"><el-input v-model="OrgUnitDetailsForm.code" placeholder="请输入组织编码"></el-input></el-form-item>
+				<el-form-item label="负责人"><el-input v-model="OrgUnitDetailsForm.contacts" placeholder="请输入负责人名字"></el-input></el-form-item>
+				<el-form-item label="联系电话1"><el-input v-model="OrgUnitDetailsForm.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="cancelOrgUnitPop">取 消</el-button>
-				<el-button type="primary" @click="sunmitOrgUnitForm"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="sunmitOrgUnitForm">确 定</el-button>
 			</div>
 		</el-dialog>
 
 		<!-- 修改网格 -->
-		<el-dialog
-			v-if="modifyGridPop"
-			title="修改网格"
-			:visible.sync="modifyGridPop"
-			width="850"
-			:before-close="handleClose"
-		>
+		<el-dialog v-if="modifyGridPop" title="修改网格" :visible.sync="modifyGridPop" width="850" :before-close="handleClose">
 			<el-form label-width="120px">
-				<el-form-item label="网格名称">
-					<el-input
-						v-model="modifyGridFrom.gridName"
-						placeholder="请输入组织名称"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="网格名称"><el-input v-model="modifyGridFrom.gridName" placeholder="请输入组织名称"></el-input></el-form-item>
 
-				<el-form-item label="组织编码">
-					<el-input
-						v-model="modifyGridFrom.code"
-						placeholder="请输入组织编码"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="组织编码"><el-input v-model="modifyGridFrom.code" placeholder="请输入组织编码"></el-input></el-form-item>
 
 				<!-- 网格类型下拉框 -->
 				<el-form-item label="网格类型" prop="typeTag">
-					<el-select
-						v-model="modifyGridFrom.gridType"
-						clearable
-						placeholder="网格类型"
-					>
-						<el-option
-							v-for="item in typeList"
-							:key="item.value"
-							:label="item.label"
-							:value="item.value"
-						>
-						</el-option>
+					<el-select v-model="modifyGridFrom.gridType" clearable placeholder="网格类型">
+						<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
 					</el-select>
 				</el-form-item>
 
 				<!-- 排序 -->
-				<el-form-item label="排序">
-					<el-input-number
-						v-model="modifyGridFrom.gridSort"
-						:min="1"
-						label="排序"
-					></el-input-number>
-				</el-form-item>
+				<el-form-item label="排序"><el-input-number v-model="modifyGridFrom.gridSort" :min="1" label="排序"></el-input-number></el-form-item>
 
-				<el-form-item label="负责人">
-					<el-input
-						v-model="modifyGridFrom.contacts"
-						placeholder="请输入负责人名字"
-					></el-input>
-				</el-form-item>
-				<el-form-item label="联系电话">
-					<el-input
-						v-model="modifyGridFrom.mobile"
-						placeholder="请输入联系电话"
-					></el-input>
-				</el-form-item>
+				<el-form-item label="负责人"><el-input v-model="modifyGridFrom.contacts" placeholder="请输入负责人名字"></el-input></el-form-item>
+				<el-form-item label="联系电话"><el-input v-model="modifyGridFrom.mobile" placeholder="请输入联系电话"></el-input></el-form-item>
 
 				<!-- 组织位置,地图 -->
-				<el-form-item label="坐标">
-					<div id="con"></div>
-				</el-form-item>
+				<el-form-item label="坐标"><div id="con"></div></el-form-item>
 			</el-form>
 			<div slot="footer">
 				<el-button @click="cancelModifyGridPop">取 消</el-button>
-				<el-button type="primary" @click="submitModifyGrid"
-					>确 定</el-button
-				>
+				<el-button type="primary" @click="submitModifyGrid">确 定</el-button>
 			</div>
 		</el-dialog>
 	</div>
 </template>
 
 <script>
-import { requestPost, requestGet } from "@/js/dai/request";
-import daiMap from "@/utils/dai-map";
+import { requestPost, requestGet } from '@/js/dai/request';
+import daiMap from '@/utils/dai-map';
 
 export default {
 	data() {
@@ -1246,34 +544,34 @@ export default {
 			gridStaffTableListData: [],
 
 			// 用户所属组织ID
-			userAgencyId: localStorage.getItem("agencyId"),
+			userAgencyId: localStorage.getItem('agencyId'),
 			// 修改时操作的用户staffId
-			userStaffId: "",
+			userStaffId: '',
 			// 当前被操作的组织的ID
-			currentAgencyId: localStorage.getItem("agencyId"),
+			currentAgencyId: localStorage.getItem('agencyId'),
 			// 当前被操作的部门的ID
-			currentDepartmentId: "14f572e724eecf7668b655505d789cab",
+			currentDepartmentId: '14f572e724eecf7668b655505d789cab',
 			// 当前被操作的网格的ID
-			currentGridOrgId: "63d5ff92ea981b1c58e4914ac894c610",
+			currentGridOrgId: '63d5ff92ea981b1c58e4914ac894c610',
 
 			// 当前被操作的组织的级别
-			currentAgencyLevel: localStorage.getItem("level"),
-			currentAreaCode: "",
-			currentAreaCodeSwitch: "",
-			parentAreaCode: "",
-			parentAgencyId: localStorage.getItem("agencyId"),
-			parentAgencyLevel: localStorage.getItem("level"),
+			currentAgencyLevel: localStorage.getItem('level'),
+			currentAreaCode: '',
+			currentAreaCodeSwitch: '',
+			parentAreaCode: '',
+			parentAgencyId: localStorage.getItem('agencyId'),
+			parentAgencyLevel: localStorage.getItem('level'),
 
 			// 经纬度坐标
-			lat: "",
-			lng: "",
-			latitude: "",
-			longitude: "",
-			Navigation: "",
+			lat: '',
+			lng: '',
+			latitude: '',
+			longitude: '',
+			Navigation: '',
 			// 查询参数
 			queryParams: {
 				deptName: undefined,
-				status: undefined,
+				status: undefined
 			},
 			// 状态列表
 			dictList: [],
@@ -1297,121 +595,114 @@ export default {
 			transferPeo: false,
 			// 社区添加表单项
 			insertForm: {
-				departmentName: "",
-				code: "",
-				contacts: "",
-				mobile: "",
-				agencyId: "",
-				departmentDuty: "123",
+				departmentName: '',
+				code: '',
+				contacts: '',
+				mobile: '',
+				agencyId: '',
+				departmentDuty: '123'
 			},
 			// 网格添加表单项
 			GridForm: {
-				gridName: "",
-				code: "",
-				contacts: "",
-				mobile: "",
-				agencyId: "",
-				manageDistrict: "",
-				gridType: "",
-				location: "", //坐标位置
-				longitude: "", //经度
-				latitude: "", //纬度
-				centerAddress: "",
+				gridName: '',
+				code: '',
+				contacts: '',
+				mobile: '',
+				agencyId: '',
+				manageDistrict: '',
+				gridType: '',
+				location: '', //坐标位置
+				longitude: '', //经度
+				latitude: '', //纬度
+				centerAddress: ''
 			},
 			// 新增组织
 			agencyForm: {
-				parentAgencyId: "",
-				agencyName: "",
-				level: "",
-				areaCodeSwitch: "",
-				areaCode: "",
-				areaName: "",
-				contacts: "",
-				mobile: "",
-				remark: "",
-				code: "",
+				parentAgencyId: '',
+				agencyName: '',
+				level: '',
+				areaCodeSwitch: '',
+				areaCode: '',
+				areaName: '',
+				contacts: '',
+				mobile: '',
+				remark: '',
+				code: ''
 			},
 			// 树
 			tree: [],
 			// 新增人员表单项
 			peoForm: {
-				name: "",
-				mobile: "",
-				gender: "",
-				post: "",
+				name: '',
+				mobile: '',
+				gender: '',
+				post: '',
 				duty: [],
-				orgType: "",
-				activeTime: "",
-				zuzhi: "",
-				disableFlag: "",
-				newRoles: [],
+				orgType: '',
+				activeTime: '',
+				zuzhi: '',
+				disableFlag: '',
+				newRoles: []
 			},
 			// 人员调动
 			transferForm: {
-				name: "",
-				remarks: "",
-				transferTo: "",
-				staffId: "",
-				orgId: "",
-				orgType: "",
+				name: '',
+				remarks: '',
+				transferTo: '',
+				staffId: '',
+				orgId: '',
+				orgType: ''
 			},
 			// 人员禁用
 			DisableForm: {
-				staffId: "",
-				agencyId: "",
-				customerId: "",
+				staffId: '',
+				agencyId: '',
+				customerId: ''
 			},
 			// 组织详细信息
 			OrgDetailsForm: {
-				level: "",
-				agencyName: "",
-				code: "",
-				contacts: "",
-				mobile: "",
-				centerAddress: "",
-				areaCode: "",
-				agencyId: "",
-				areaName: "",
-				remark: "",
+				level: '',
+				agencyName: '',
+				code: '',
+				contacts: '',
+				mobile: '',
+				centerAddress: '',
+				areaCode: '',
+				agencyId: '',
+				areaName: '',
+				remark: ''
 			},
 			// 下级机关单位
 			OrgUnitDetailsForm: {
-				code: "",
-				contacts: "",
-				departmentId: "",
-				departmentName: "",
-				mobile: "",
+				code: '',
+				contacts: '',
+				departmentId: '',
+				departmentName: '',
+				mobile: ''
 			},
 			// 网格修改表单
 			modifyGridFrom: {
-				gridName: "",
-				code: "",
-				gridTypeName: "",
-				contacts: "",
-				mobile: "",
-				latitude: "",
-				longitude: "",
-				agencyId: "",
-				gridType: "",
-				manageDistrict: "",
-				griId: "",
+				gridName: '',
+				code: '',
+				gridTypeName: '',
+				contacts: '',
+				mobile: '',
+				latitude: '',
+				longitude: '',
+				agencyId: '',
+				gridType: '',
+				manageDistrict: '',
+				griId: '',
 				// 排序
-				gridSort: 0,
+				gridSort: 0
 			},
 			judgeOrgInfoLevel: [],
-			keyWords: "",
+			keyWords: '',
 			typeList: [],
 			// 性别字典
-			genderList: [
-				{ value: 1, label: "男" },
-				{ value: 2, label: "女" },
-				{ value: 0, label: "未知" },
-			],
+			genderList: [{ value: 1, label: '男' }, { value: 2, label: '女' }, { value: 0, label: '未知' }],
 			// 专兼职字典
-			postList: [
-				{ value: "fulltime", label: "专职" },
-				{ value: "parttime", label: "兼职" },
-			],
+			postList: [{ value: 'fulltime', label: '专职' }, { value: 'parttime', label: '兼职' }],
 			// 职责字典
 			dutyList: [],
 			// 修改操作是否展示
@@ -1425,7 +716,7 @@ export default {
 			// 顶部 面包屑
 			breadcrumbArr: [],
 			// 面包屑 当前所属机构ID
-			currentBreadcrumbKey: "",
+			currentBreadcrumbKey: '',
 			// 组织区划数据
 			zonings: [],
 			// 校验
@@ -1433,52 +724,40 @@ export default {
 				departmentName: [
 					{
 						required: true,
-						message: "社区名称必填",
-						trigger: "blur",
-					},
+						message: '社区名称必填',
+						trigger: 'blur'
+					}
 				],
 				gridName: [
 					{
 						required: true,
-						message: "网格名称必填",
-						trigger: "blur",
-					},
+						message: '网格名称必填',
+						trigger: 'blur'
+					}
 				],
 				addDepartmentName: [
 					{
 						required: true,
-						message: "部门名称必填",
-						trigger: "blur",
-					},
-				],
+						message: '部门名称必填',
+						trigger: 'blur'
+					}
+				]
 			},
 
 			rulesPeo: {
-				name: [
-					{ required: true, message: "姓名必填", trigger: "blur" },
-				],
-				mobile: [
-					{ required: true, message: "手机号必填", trigger: "blur" },
-				],
-				gender: [
-					{ required: true, message: "性别必填", trigger: "blur" },
-				],
-				post: [
-					{ required: true, message: "专兼职必填", trigger: "blur" },
-				],
-				duty: [
-					{ required: true, message: "职责必填", trigger: "blur" },
-				],
-				newRoles: [
-					{ required: true, message: "角色必填", trigger: "blur" },
-				],
+				name: [{ required: true, message: '姓名必填', trigger: 'blur' }],
+				mobile: [{ required: true, message: '手机号必填', trigger: 'blur' }],
+				gender: [{ required: true, message: '性别必填', trigger: 'blur' }],
+				post: [{ required: true, message: '专兼职必填', trigger: 'blur' }],
+				duty: [{ required: true, message: '职责必填', trigger: 'blur' }],
+				newRoles: [{ required: true, message: '角色必填', trigger: 'blur' }]
 			},
 
-			selDeptType: "",
+			selDeptType: '',
 
-			searchStaffKeyword: "",
-			searchGridStaffKeyword: "",
-			searchDeptStaffKeyword: "",
+			searchStaffKeyword: '',
+			searchGridStaffKeyword: '',
+			searchDeptStaffKeyword: ''
 		};
 	},
 	watch: {
@@ -1513,23 +792,21 @@ export default {
 		modifyGridPop(val) {
 			if (val) {
 				setTimeout(() => {
-					this.createMap("modifyGridFrom");
+					this.createMap('modifyGridFrom');
 				}, 1000);
 			}
-		},
+		}
 	},
 	computed: {
 		cleanAgencyStaffTableListData() {
-			return this.agencyStaffTableListData.filter((item) => !item.hidden);
+			return this.agencyStaffTableListData.filter(item => !item.hidden);
 		},
 		cleanGridStaffTableListData() {
-			return this.gridStaffTableListData.filter((item) => !item.hidden);
+			return this.gridStaffTableListData.filter(item => !item.hidden);
 		},
 		cleanDepartmentStaffTableListData() {
-			return this.departmentStaffTableListData.filter(
-				(item) => !item.hidden
-			);
-		},
+			return this.departmentStaffTableListData.filter(item => !item.hidden);
+		}
 	},
 	mounted() {
 		this.getAgencyList();
@@ -1540,60 +817,163 @@ export default {
 		this.getRoleList();
 		// this.getNavigation()
 		// 更新顶部面包屑
-		this.assembleBreadcrumbArr(localStorage.getItem("agencyId"), "agency");
+		this.assembleBreadcrumbArr(localStorage.getItem('agencyId'), 'agency');
 		// this.initMap()
 	},
 	methods: {
-		handleSearchStaff() {
-			const { searchStaffKeyword, agencyStaffTableListData } = this;
-			this.agencyStaffTableListData = agencyStaffTableListData.map(
-				(item) => {
-					return {
-						...item,
-						hidden: !(
-							item.name.indexOf(searchStaffKeyword) != -1 ||
-							item.mobile.indexOf(searchStaffKeyword) != -1
-						),
-					};
+		// async handleExport () {
+		//   let title = "部门导出";
+
+		//   const url = "/epmetuser/icVaccinePrarmeter/vaccine-export";
+
+		//   app.ajax.exportFilePost(
+		//     url,
+		//     this.dataForm,
+		//     (data, rspMsg) => {
+		//       console.log(data)
+		//       this.download(data, title + ".xlsx");
+		//     },
+		//     (rspMsg, data) => {
+		//       this.$message.error(rspMsg);
+		//     }
+		//   );
+		// },
+		beforeUpload(file) {
+			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;
+			}
+		},
+		async uploadFile() {
+			if (this.fileName == '') {
+				this.$message.warning('请选择要上传的文件！');
+				return false;
+			}
+
+			this.$message({
+				showClose: true,
+				message: '导入中，请到系统管理-导入记录中查看进度',
+				duration: 0
+			});
+
+			//清空上传列表
+			this.$refs['upload'].clearFiles();
+			let url = '';
+
+			let fileFormData = new FormData();
+			fileFormData.append('file', this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+			fileFormData.append('agencyId',this.currentAgencyId);
+			url = '/gov/org/department/yantai/import';
+
+			window.app.ajax.post2(
+				url,
+				fileFormData,
+				(data, rspMsg) => {
+					if (data.code === 0 && data.msg == 'success') {
+						// this.getDepartmentList();
+						// this.$message.success('导入成功')
+					} else {
+						// this.$message({
+						//   showClose: true,
+						//   message: rspMsg,
+						//   duration: 0,
+						//   type: "error"
+						// })
+						// this.$message.error(rspMsg)
+					}
+					// this.loadTable();
+					
+				},
+				(rspMsg, data) => {},
+				{ headers: { 'Content-Type': 'multipart/form-data' } }
+			);
+			this.getDepartmentList();
+		},
+		download(data, fileName) {
+			if (!data) {
+				return;
+			}
+
+			var csvData = new Blob([data]);
+
+			if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+				window.navigator.msSaveOrOpenBlob(csvData, fileName);
+			} else {
+				var a = document.createElement('a');
+				document.body.appendChild(a);
+				a.style = 'display: none';
+				var url = window.URL.createObjectURL(csvData);
+				a.href = url;
+				a.download = fileName;
+				a.click();
+				a.remove();
+				window.URL.revokeObjectURL(url);
+			}
+		},
+		handleExportModule() {
+			let title = '部门导入模板';
+			let url = '/gov/org/department/yantai/download-tem';
+
+			let params = {};
+
+			app.ajax.exportFilePost(
+				url,
+				params,
+				(data, rspMsg) => {
+					this.download(data, title + '.xls');
+				},
+				(rspMsg, data) => {
+					this.$message.error(rspMsg);
 				}
 			);
 		},
+		handleSearchStaff() {
+			const { searchStaffKeyword, agencyStaffTableListData } = this;
+			this.agencyStaffTableListData = agencyStaffTableListData.map(item => {
+				return {
+					...item,
+					hidden: !(item.name.indexOf(searchStaffKeyword) != -1 || item.mobile.indexOf(searchStaffKeyword) != -1)
+				};
+			});
+		},
 		handleSearchGridStaff() {
 			const { searchGridStaffKeyword, gridStaffTableListData } = this;
-			this.gridStaffTableListData = gridStaffTableListData.map((item) => {
+			this.gridStaffTableListData = gridStaffTableListData.map(item => {
 				return {
 					...item,
-					hidden: !(
-						item.name.indexOf(searchGridStaffKeyword) != -1 ||
-						item.mobile.indexOf(searchGridStaffKeyword) != -1
-					),
+					hidden: !(item.name.indexOf(searchGridStaffKeyword) != -1 || item.mobile.indexOf(searchGridStaffKeyword) != -1)
 				};
 			});
 		},
 		handleSearchDeptStaff() {
-			const { searchDeptStaffKeyword, departmentStaffTableListData } =
-				this;
-			this.departmentStaffTableListData =
-				departmentStaffTableListData.map((item) => {
-					return {
-						...item,
-						hidden: !(
-							item.name.indexOf(searchDeptStaffKeyword) != -1 ||
-							item.mobile.indexOf(searchDeptStaffKeyword) != -1
-						),
-					};
-				});
+			const { searchDeptStaffKeyword, departmentStaffTableListData } = this;
+			this.departmentStaffTableListData = departmentStaffTableListData.map(item => {
+				return {
+					...item,
+					hidden: !(item.name.indexOf(searchDeptStaffKeyword) != -1 || item.mobile.indexOf(searchDeptStaffKeyword) != -1)
+				};
+			});
 		},
 
 		// 点击后获取id
 		handleChangeTransferCascader(e) {
-			console.log("*********************");
+			console.log('*********************');
 			function findItem(valueArr, coll) {
-				console.log("--------------------");
+				console.log('--------------------');
 				console.log(valueArr);
 				let copyArr = [...valueArr];
 				let firstValue = copyArr.shift();
-				let item = coll.find((a) => a.value == firstValue);
+				let item = coll.find(a => a.value == firstValue);
 				console.log(item);
 				if (copyArr.length > 0) {
 					return findItem(copyArr, item.children);
@@ -1607,9 +987,9 @@ export default {
 		},
 		/** 查询系统工作人员角色（职责） */
 		async getDutyList() {
-			const url = "/gov/org/staff/rolelist";
+			const url = '/gov/org/staff/rolelist';
 			let params = {
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 			const { data, code, msg } = await requestPost(url, params);
 			if (code === 0) {
@@ -1622,7 +1002,7 @@ export default {
 		async getRoleList() {
 			this.tableLoading = true;
 
-			const url = "/gov/access/govrole/list";
+			const url = '/gov/access/govrole/list';
 
 			let params = {};
 
@@ -1637,9 +1017,9 @@ export default {
 		},
 		/** 查询组织列表 */
 		async getAgencyList() {
-			const url = "/gov/org/agency/agencylist";
+			const url = '/gov/org/agency/agencylist';
 			let params = {
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1652,10 +1032,10 @@ export default {
 		},
 		/** 查询社区列表 */
 		async getDepartmentList() {
-			const url = "/gov/org/department/departmentlist";
+			const url = '/gov/org/department/departmentlist';
 
 			let params = {
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1663,15 +1043,15 @@ export default {
 			if (code === 0) {
 				this.departmentTableListData = data;
 
-				this.departmentTableListData.forEach((element) => {
-					if (element.deptType === "duty") {
-						element.departmentTypeShow = "职能部门";
-					} else if (element.deptType === "party_unit") {
-						element.departmentTypeShow = "联建单位";
-					} else if (element.deptType === "community_org") {
-						element.departmentTypeShow = "社会自组织";
+				this.departmentTableListData.forEach(element => {
+					if (element.deptType === 'duty') {
+						element.departmentTypeShow = '职能部门';
+					} else if (element.deptType === 'party_unit') {
+						element.departmentTypeShow = '联建单位';
+					} else if (element.deptType === 'community_org') {
+						element.departmentTypeShow = '社会自组织';
 					} else {
-						element.departmentTypeShow = "";
+						element.departmentTypeShow = '';
 					}
 				});
 			} else {
@@ -1680,10 +1060,10 @@ export default {
 		},
 		/** 查询网格列表 */
 		async getGridList() {
-			const url = "/gov/org/grid/allgrids";
+			const url = '/gov/org/grid/allgrids';
 
 			let params = {
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1697,13 +1077,13 @@ export default {
 
 		// 查询网格人员列表
 		async getGridStaffListData() {
-			const url = "/data/aggregator/org/stafflist";
+			const url = '/data/aggregator/org/stafflist';
 
 			let params = {
 				orgId: this.currentGridOrgId,
-				orgType: "grid",
+				orgType: 'grid',
 				pageNo: 1,
-				pageSize: 10000,
+				pageSize: 10000
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1716,13 +1096,13 @@ export default {
 		},
 		// 查询组织工作人员
 		async getAgencyStaffListData() {
-			const url = "/data/aggregator/org/stafflist";
+			const url = '/data/aggregator/org/stafflist';
 
 			let params = {
 				orgId: this.currentAgencyId,
-				orgType: "agency",
+				orgType: 'agency',
 				pageNo: 1,
-				pageSize: 10000,
+				pageSize: 10000
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1735,13 +1115,13 @@ export default {
 		},
 		// 查询部门人员
 		async getDepartmentStaffListData() {
-			const url = "/data/aggregator/org/stafflist";
+			const url = '/data/aggregator/org/stafflist';
 
 			let params = {
 				orgId: this.currentDepartmentId,
-				orgType: "dept",
+				orgType: 'dept',
 				pageNo: 1,
-				pageSize: 10000,
+				pageSize: 10000
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1754,7 +1134,7 @@ export default {
 		},
 		// 添加组织
 		async submit() {
-			const url = "/gov/org/department/adddepartment";
+			const url = '/gov/org/department/adddepartment';
 
 			let params = {
 				agencyId: this.insertForm.agencyId,
@@ -1762,13 +1142,13 @@ export default {
 				departmentDuty: this.insertForm.departmentDuty,
 				contacts: this.insertForm.contacts,
 				mobile: this.insertForm.mobile,
-				code: this.insertForm.code,
+				code: this.insertForm.code
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("添加成功");
+				this.$message.success('添加成功');
 				this.dialogVisible = false;
 				this.insertForm = [];
 				this.getAgencyList();
@@ -1781,7 +1161,7 @@ export default {
 		},
 		// 添加网格
 		async submitGrid() {
-			const url = "/gov/org/grid/addgrid";
+			const url = '/gov/org/grid/addgrid';
 
 			let params = {
 				agencyId: this.GridForm.agencyId,
@@ -1792,13 +1172,13 @@ export default {
 				manageDistrict: this.GridForm.manageDistrict,
 				gridType: this.GridForm.gridType,
 				latitude: this.lat,
-				longitude: this.lng,
+				longitude: this.lng
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("添加成功");
+				this.$message.success('添加成功');
 				this.dialogVisibleGrid = false;
 				this.GridForm = [];
 				this.getAgencyList();
@@ -1811,21 +1191,21 @@ export default {
 		},
 
 		async submitPeo() {
-			this.$refs["addPeoForm"].validate((valid, err) => {
+			this.$refs['addPeoForm'].validate((valid, err) => {
 				if (valid) {
 					this.submitPeoDo();
 				} else {
 					app.util.validateRule(err);
-					return console.log("error submit!!", valid, err);
+					return console.log('error submit!!', valid, err);
 				}
 			});
 		},
 
 		// 添加人员
 		async submitPeoDo() {
-			const url = "/gov/org/staff/addstaffv2";
+			const url = '/gov/org/staff/addstaffv2';
 			const {
-				peoForm: { orgType },
+				peoForm: { orgType }
 			} = this;
 			let params = {
 				orgType: this.peoForm.orgType,
@@ -1835,18 +1215,13 @@ export default {
 				workType: this.peoForm.post,
 				roles: this.peoForm.duty,
 				newRoles: this.peoForm.newRoles,
-				orgId:
-					orgType == "agency"
-						? this.currentAgencyId
-						: orgType == "dept"
-						? this.currentDepartmentId
-						: this.currentGridOrgId,
+				orgId: orgType == 'agency' ? this.currentAgencyId : orgType == 'dept' ? this.currentDepartmentId : this.currentGridOrgId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("添加成功");
+				this.$message.success('添加成功');
 				this.dialogVisiblePeo = false;
 				this.peoForm = [];
 				this.getAgencyList();
@@ -1854,9 +1229,9 @@ export default {
 				this.getGridList();
 				this.getAgencyStaffListData();
 				this.insertFormRest();
-				if (orgType == "dept") {
+				if (orgType == 'dept') {
 					this.getDepartmentStaffListData();
-				} else if (orgType == "grid") {
+				} else if (orgType == 'grid') {
 					this.getGridStaffListData();
 				} else {
 					this.getAgencyStaffListData();
@@ -1867,18 +1242,18 @@ export default {
 		},
 
 		async updatePeo() {
-			this.$refs["editPeoForm"].validate((valid, err) => {
+			this.$refs['editPeoForm'].validate((valid, err) => {
 				if (valid) {
 					this.updatePeoDo();
 				} else {
 					app.util.validateRule(err);
-					return console.log("error updatePeo!!", valid, err);
+					return console.log('error updatePeo!!', valid, err);
 				}
 			});
 		},
 		// 人员修改
 		async updatePeoDo() {
-			const url = "/gov/org/staff/editstaff";
+			const url = '/gov/org/staff/editstaff';
 
 			let params = {
 				staffId: this.userStaffId,
@@ -1889,13 +1264,13 @@ export default {
 				workType: this.peoForm.post,
 				roles: this.peoForm.duty,
 				newRoles: this.peoForm.newRoles,
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("修改成功");
+				this.$message.success('修改成功');
 				this.modifyPeo = false;
 
 				this.getAgencyList();
@@ -1912,10 +1287,10 @@ export default {
 
 		// 字典
 		async getDictionaries() {
-			const url = "/sys/dict/data/dictlist";
+			const url = '/sys/dict/data/dictlist';
 
 			let params = {
-				dictType: "grid_type",
+				dictType: 'grid_type'
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -1943,12 +1318,12 @@ export default {
 		},
 		// 社区弹框关闭函数
 		handleClose(done) {
-			this.$confirm("确认关闭？")
-				.then((_) => {
+			this.$confirm('确认关闭？')
+				.then(_ => {
 					this.insertFormRest();
 					done();
 				})
-				.catch((_) => {});
+				.catch(_ => {});
 		},
 		// 人员查看叉号关闭
 		handleClosePeoView(done) {
@@ -1957,107 +1332,99 @@ export default {
 		},
 		// 社区新增弹框重置函数
 		insertFormRest() {
-			this.insertForm.name = "";
-			this.insertForm.contacts = "";
-			this.insertForm.code = "";
-			this.insertForm.mobile = "";
-			this.insertForm.departmentName = "";
+			this.insertForm.name = '';
+			this.insertForm.contacts = '';
+			this.insertForm.code = '';
+			this.insertForm.mobile = '';
+			this.insertForm.departmentName = '';
 
 			this.peoForm = {
-				name: "",
-				mobile: "",
-				gender: "",
-				post: "",
+				name: '',
+				mobile: '',
+				gender: '',
+				post: '',
 				duty: [],
-				orgType: "",
-				activeTime: "",
-				zuzhi: "",
-				disableFlag: "",
-				newRoles: [],
+				orgType: '',
+				activeTime: '',
+				zuzhi: '',
+				disableFlag: '',
+				newRoles: []
 			};
 		},
 		// 网格新增弹框重置函数
 		GridFormRest() {
-			(this.GridForm.gridName = ""),
-				(this.GridForm.code = ""),
-				(this.GridForm.centerAddress = ""),
-				(this.GridForm.contacts = ""),
-				(this.GridForm.mobile = ""),
-				(this.GridForm.agencyId = ""),
-				(this.GridForm.manageDistrict = ""),
-				(this.GridForm.gridType = ""),
-				(this.GridForm.location = ""),
-				(this.GridForm.longitude = ""),
-				(this.GridForm.latitude = "");
+			(this.GridForm.gridName = ''),
+				(this.GridForm.code = ''),
+				(this.GridForm.centerAddress = ''),
+				(this.GridForm.contacts = ''),
+				(this.GridForm.mobile = ''),
+				(this.GridForm.agencyId = ''),
+				(this.GridForm.manageDistrict = ''),
+				(this.GridForm.gridType = ''),
+				(this.GridForm.location = ''),
+				(this.GridForm.longitude = ''),
+				(this.GridForm.latitude = '');
 		},
 		/** 人员清空 */
 		peoFormRest() {
-			(this.peoForm.name = ""),
-				(this.peoForm.mobile = ""),
-				(this.peoForm.gender = ""),
-				(this.peoForm.post = ""),
-				(this.peoForm.duty = "");
+			(this.peoForm.name = ''), (this.peoForm.mobile = ''), (this.peoForm.gender = ''), (this.peoForm.post = ''), (this.peoForm.duty = '');
 			this.peoForm.newRoles = [];
 		},
 		// 人员调动
 		transferRest() {
-			(this.transferForm.name = ""),
-				(this.transferForm.remarks = ""),
-				(this.transferForm.transferTo = "");
-			(this.transferForm.staffId = ""),
-				(this.transferForm.orgId = ""),
-				(this.transferForm.orgType = "");
-			this.selectValue = "";
+			(this.transferForm.name = ''), (this.transferForm.remarks = ''), (this.transferForm.transferTo = '');
+			(this.transferForm.staffId = ''), (this.transferForm.orgId = ''), (this.transferForm.orgType = '');
+			this.selectValue = '';
 			this.options[0] = [];
 		},
 		// 新增组织
 		addNewAgencyRest() {
-			(this.agencyForm.parentAgencyId = ""),
-				(this.agencyForm.agencyName = ""),
-				(this.agencyForm.level = ""),
-				(this.agencyForm.areaCodeSwitch = ""),
-				(this.agencyForm.areaCode = ""),
-				(this.agencyForm.areaName = ""),
-				(this.agencyForm.contacts = ""),
-				(this.agencyForm.mobile = ""),
-				(this.agencyForm.code = ""),
-				(this.agencyForm.remark = ""),
-				(this.latitude = ""),
-				(this.longitude = "");
+			(this.agencyForm.parentAgencyId = ''),
+				(this.agencyForm.agencyName = ''),
+				(this.agencyForm.level = ''),
+				(this.agencyForm.areaCodeSwitch = ''),
+				(this.agencyForm.areaCode = ''),
+				(this.agencyForm.areaName = ''),
+				(this.agencyForm.contacts = ''),
+				(this.agencyForm.mobile = ''),
+				(this.agencyForm.code = ''),
+				(this.agencyForm.remark = ''),
+				(this.latitude = ''),
+				(this.longitude = '');
 		},
 		// 修改市级组织
 		cancelModifyCityOrgPopRest() {
-			(this.OrgDetailsForm.level = ""),
-				(this.OrgDetailsForm.agencyName = ""),
-				(this.OrgDetailsForm.code = ""),
-				(this.OrgDetailsForm.contacts = ""),
-				(this.OrgDetailsForm.mobile = ""),
-				(this.OrgDetailsForm.centerAddress = ""),
-				(this.OrgDetailsForm.areaCode = "");
-			this.OrgDetailsForm.agencyId = "";
-			(this.latitude = ""), (this.longitude = "");
+			(this.OrgDetailsForm.level = ''),
+				(this.OrgDetailsForm.agencyName = ''),
+				(this.OrgDetailsForm.code = ''),
+				(this.OrgDetailsForm.contacts = ''),
+				(this.OrgDetailsForm.mobile = ''),
+				(this.OrgDetailsForm.centerAddress = ''),
+				(this.OrgDetailsForm.areaCode = '');
+			this.OrgDetailsForm.agencyId = '';
+			(this.latitude = ''), (this.longitude = '');
 		},
 		// 修改下级机关单位
 		OrgUnitDetailsRest() {
-			(this.OrgUnitDetailsForm.code = ""),
-				(this.OrgUnitDetailsForm.contacts = ""),
-				(this.OrgUnitDetailsForm.departmentId = ""),
-				(this.OrgUnitDetailsForm.departmentName = ""),
-				(this.OrgUnitDetailsForm.mobile = "");
+			(this.OrgUnitDetailsForm.code = ''),
+				(this.OrgUnitDetailsForm.contacts = ''),
+				(this.OrgUnitDetailsForm.departmentId = ''),
+				(this.OrgUnitDetailsForm.departmentName = ''),
+				(this.OrgUnitDetailsForm.mobile = '');
 		},
 		// 修改网格清空
 		ModifyGridPopRest() {
-			(this.modifyGridFrom.gridName = ""),
-				(this.modifyGridFrom.code = ""),
-				(this.modifyGridFrom.gridTypeName = ""),
-				(this.modifyGridFrom.contacts = ""),
-				(this.modifyGridFrom.mobile = ""),
-				(this.latitude = ""),
-				(this.longitude = ""),
-				(this.modifyGridFrom.agencyId = ""),
-				(this.modifyGridFrom.gridType = ""),
-				(this.modifyGridFrom.manageDistrict = ""),
-				(this.modifyGridFrom.griId = "");
+			(this.modifyGridFrom.gridName = ''),
+				(this.modifyGridFrom.code = ''),
+				(this.modifyGridFrom.gridTypeName = ''),
+				(this.modifyGridFrom.contacts = ''),
+				(this.modifyGridFrom.mobile = ''),
+				(this.latitude = ''),
+				(this.longitude = ''),
+				(this.modifyGridFrom.agencyId = ''),
+				(this.modifyGridFrom.gridType = ''),
+				(this.modifyGridFrom.manageDistrict = ''),
+				(this.modifyGridFrom.griId = '');
 		},
 		// 社区新增弹框取消按钮
 		cancel() {
@@ -2127,7 +1494,7 @@ export default {
 			this.departmentTableFlag = false;
 			this.gridTableFlag = false;
 			this.getGridStaffListData();
-			this.assembleBreadcrumbArr(gridId, "grid");
+			this.assembleBreadcrumbArr(gridId, 'grid');
 		},
 		// 进入部门，查询部门所属人员
 		entryDepartment(row) {
@@ -2145,7 +1512,7 @@ export default {
 
 			this.selDeptType = row.deptType;
 			this.getDepartmentStaffListData();
-			this.assembleBreadcrumbArr(row.departmentId, "department");
+			this.assembleBreadcrumbArr(row.departmentId, 'department');
 		},
 
 		// 进入组织，重新渲染
@@ -2163,7 +1530,7 @@ export default {
 			this.getGridList();
 			this.getAgencyStaffListData();
 			this.getAgencyList();
-			this.assembleBreadcrumbArr(agencyId, "agency");
+			this.assembleBreadcrumbArr(agencyId, 'agency');
 		},
 		// 新增组织
 		addCommunity(row) {
@@ -2180,31 +1547,31 @@ export default {
 		// 新增人员
 		addPeo(row) {
 			this.dialogVisiblePeo = true;
-			this.peoForm.orgType = "agency";
+			this.peoForm.orgType = 'agency';
 		},
 
 		// 新增社区人员
 		addCommunityPeo() {
 			this.dialogVisiblePeo = true;
-			this.peoForm.orgType = "dept";
+			this.peoForm.orgType = 'dept';
 		},
 
 		// 新增网格人员
 		addGridPeo() {
 			this.dialogVisiblePeo = true;
-			this.peoForm.orgType = "grid";
+			this.peoForm.orgType = 'grid';
 		},
 		// 修改网格人员
 		async xiuGridPeo(row) {
 			this.modifyPeo = true;
-			this.peoForm.orgType = "grid";
+			this.peoForm.orgType = 'grid';
 
 			this.userStaffId = row.staffId;
 
-			const url = "/gov/org/staff/editstaffinit";
+			const url = '/gov/org/staff/editstaffinit';
 			let params = {
 				staffId: row.staffId,
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 			const { data, code, msg } = await requestPost(url, params);
 			if (code === 0) {
@@ -2215,7 +1582,7 @@ export default {
 				this.peoForm.post = data.workType;
 				// 已有的权限（职责）
 				let existedDutyArr = [];
-				data.roleList.forEach(function (sysDuty) {
+				data.roleList.forEach(function(sysDuty) {
 					if (sysDuty.selected === true) {
 						existedDutyArr.push(sysDuty.roleId);
 					}
@@ -2223,7 +1590,7 @@ export default {
 				this.peoForm.duty = existedDutyArr;
 				// 已有的权限（角色）
 				let existedRoleArr = [];
-				data.newRoleList.forEach(function (sysRole) {
+				data.newRoleList.forEach(function(sysRole) {
 					if (sysRole.selected === true) {
 						existedRoleArr.push(sysRole.roleId);
 					}
@@ -2236,15 +1603,15 @@ export default {
 		// 修改人员
 		async xiuPeo(row) {
 			this.modifyPeo = true;
-			this.peoForm.orgType = "agency";
+			this.peoForm.orgType = 'agency';
 
 			this.userStaffId = row.staffId;
 
-			const url = "/gov/org/staff/editstaffinit";
+			const url = '/gov/org/staff/editstaffinit';
 
 			let params = {
 				staffId: row.staffId,
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -2257,7 +1624,7 @@ export default {
 				this.peoForm.gender = data.gender;
 				// 已有的权限（职责）
 				let existedDutyArr = [];
-				data.roleList.forEach(function (sysDuty) {
+				data.roleList.forEach(function(sysDuty) {
 					if (sysDuty.selected === true) {
 						existedDutyArr.push(sysDuty.roleId);
 					}
@@ -2265,7 +1632,7 @@ export default {
 				this.peoForm.duty = existedDutyArr;
 				// 已有的权限（角色）
 				let existedRoleArr = [];
-				data.newRoleList.forEach(function (sysRole) {
+				data.newRoleList.forEach(function(sysRole) {
 					if (sysRole.selected === true) {
 						existedRoleArr.push(sysRole.roleId);
 					}
@@ -2278,15 +1645,15 @@ export default {
 		// 修改社区人员
 		async xiuCommunityPeo(row) {
 			this.modifyPeo = true;
-			this.peoForm.orgType = "dept";
+			this.peoForm.orgType = 'dept';
 
 			this.userStaffId = row.staffId;
 
-			const url = "/gov/org/staff/editstaffinit";
+			const url = '/gov/org/staff/editstaffinit';
 
 			let params = {
 				staffId: row.staffId,
-				agencyId: this.currentAgencyId,
+				agencyId: this.currentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -2299,7 +1666,7 @@ export default {
 				this.peoForm.post = data.workType;
 				// 已有的权限（职责）
 				let existedDutyArr = [];
-				data.roleList.forEach(function (sysDuty) {
+				data.roleList.forEach(function(sysDuty) {
 					if (sysDuty.selected === true) {
 						existedDutyArr.push(sysDuty.roleId);
 					}
@@ -2307,7 +1674,7 @@ export default {
 				this.peoForm.duty = existedDutyArr;
 				// 已有的权限（角色）
 				let existedRoleArr = [];
-				data.newRoleList.forEach(function (sysRole) {
+				data.newRoleList.forEach(function(sysRole) {
 					if (sysRole.selected === true) {
 						existedRoleArr.push(sysRole.roleId);
 					}
@@ -2327,16 +1694,16 @@ export default {
 			this.Disable = true;
 		},
 		enablestaff(row) {
-			this.$confirm("确认解禁该员工?", "提示", {
-				confirmButtonText: "确定",
-				cancelButtonText: "取消",
-				type: "warning",
+			this.$confirm('确认解禁该员工?', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning'
 			})
 				.then(() => {
 					this.submitEnable(row);
 				})
-				.catch((err) => {
-					if (err == "cancel") {
+				.catch(err => {
+					if (err == 'cancel') {
 						// this.$message({
 						//   type: "info",
 						//   message: "已取消删除"
@@ -2346,16 +1713,16 @@ export default {
 		},
 		// 确定解禁
 		async submitEnable(row) {
-			const url = "/epmetuser/customerstaff/enablestaff";
+			const url = '/epmetuser/customerstaff/enablestaff';
 
 			let params = {
-				staffId: row.staffId,
+				staffId: row.staffId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("解禁成功");
+				this.$message.success('解禁成功');
 				this.Disable = false;
 				this.getAgencyList();
 				this.getDepartmentList();
@@ -2367,18 +1734,18 @@ export default {
 		},
 		// 确定禁用
 		async submitDisable() {
-			const url = "/epmetuser/customerstaff/disabledstaff";
+			const url = '/epmetuser/customerstaff/disabledstaff';
 
 			let params = {
 				staffId: this.DisableForm.staffId,
 				agencyId: this.DisableForm.agencyId,
-				customerId: this.DisableForm.customerId,
+				customerId: this.DisableForm.customerId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("禁用成功");
+				this.$message.success('禁用成功');
 				this.Disable = false;
 				this.getAgencyList();
 				this.getDepartmentList();
@@ -2390,25 +1757,24 @@ export default {
 		},
 		// 查看按钮
 		async lookAngency(row) {
-			const url = "/data/aggregator/org/staffdetailv2";
+			const url = '/data/aggregator/org/staffdetailv2';
 
 			let params = {
-				staffId: row.staffId,
+				staffId: row.staffId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
 				this.peoForm.name = data.name;
-				this.peoForm.mobile =
-					data.mobile.substr(0, 3) + "****" + data.mobile.substr(7);
+				this.peoForm.mobile = data.mobile.substr(0, 3) + '****' + data.mobile.substr(7);
 				this.peoForm.activeTime = data.activeTime;
 				this.peoForm.duty = data.roles;
 				this.peoForm.zuzhi = data.orgName;
-				if (data.enableFlag === "enable") {
-					this.peoForm.disableFlag = "已启用";
+				if (data.enableFlag === 'enable') {
+					this.peoForm.disableFlag = '已启用';
 				} else {
-					this.peoForm.disableFlag = "已禁用";
+					this.peoForm.disableFlag = '已禁用';
 				}
 			}
 			this.details = true;
@@ -2420,7 +1786,7 @@ export default {
 			this.transferForm.staffId = row.staffId;
 
 			this.transferPeo = true;
-			const url = "/gov/org/customeragency/orgtree";
+			const url = '/gov/org/customeragency/orgtree';
 
 			let params = {};
 
@@ -2431,49 +1797,47 @@ export default {
 					return {
 						label: opt.agencyName,
 						value: opt.agencyId,
-						type: "agency",
+						type: 'agency',
 						children: [
-							...(opt.departmentList || []).map((item) => ({
+							...(opt.departmentList || []).map(item => ({
 								label: item.deptName,
 								value: item.deptId,
-								type: "dept",
-								typeName: "部门",
+								type: 'dept',
+								typeName: '部门'
 							})),
-							...(opt.gridList || []).map((item) => ({
+							...(opt.gridList || []).map(item => ({
 								label: item.gridName,
 								value: item.gridId,
-								type: "grid",
-								typeName: "网格",
+								type: 'grid',
+								typeName: '网格'
 							})),
-							...(opt.subAgencyList || []).map((item) =>
-								computeOption(item)
-							),
-						],
+							...(opt.subAgencyList || []).map(item => computeOption(item))
+						]
 					};
 				}
 				if (data) {
 					this.options = [computeOption(data)];
-					console.log("树树树树树树树树树树", this.options[0]);
+					console.log('树树树树树树树树树树', this.options[0]);
 				}
 			} else {
-				this.$message.error("树查询失败", msg);
+				this.$message.error('树查询失败', msg);
 			}
 		},
 		// 人员调动确定
 		async submitTransfer() {
-			const url = "/gov/org/staff/stafftransferv2";
+			const url = '/gov/org/staff/stafftransferv2';
 
 			let params = {
 				staffId: this.transferForm.staffId,
 				orgId: this.transferForm.orgId,
 				orgType: this.transferForm.orgType,
-				remarks: this.transferForm.remarks,
+				remarks: this.transferForm.remarks
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("调动成功");
+				this.$message.success('调动成功');
 				this.transferRest();
 				this.transferPeo = false;
 				this.getAgencyList();
@@ -2505,10 +1869,10 @@ export default {
 		// 组装顶部面包屑数组
 		async assembleBreadcrumbArr(id, orgType) {
 			this.currentBreadcrumbKey = id;
-			if (orgType === "agency") {
-				const url = "/gov/org/agency/agencydetail";
+			if (orgType === 'agency') {
+				const url = '/gov/org/agency/agencydetail';
 				let params = {
-					agencyId: id,
+					agencyId: id
 				};
 				const { data, code, msg } = await requestPost(url, params);
 				if (code === 0) {
@@ -2517,16 +1881,11 @@ export default {
 					this.currentAreaCode = data.areaCode;
 					this.currentAreaCodeSwitch = data.areaCodeSwitch;
 					if (data.parentList && data.parentList.length > 0) {
-						this.parentAreaCode =
-							data.parentList[
-								data.parentList.length - 1
-							].areaCode;
-						this.parentAgencyId =
-							data.parentList[data.parentList.length - 1].id;
-						this.parentAgencyLevel =
-							data.parentList[data.parentList.length - 1].level;
+						this.parentAreaCode = data.parentList[data.parentList.length - 1].areaCode;
+						this.parentAgencyId = data.parentList[data.parentList.length - 1].id;
+						this.parentAgencyLevel = data.parentList[data.parentList.length - 1].level;
 					}
-					if (data.level === "community") {
+					if (data.level === 'community') {
 						this.agencyTableFlag = false;
 					} else {
 						this.agencyTableFlag = true;
@@ -2536,12 +1895,12 @@ export default {
 							{
 								id: data.agencyId,
 								name: data.agencyName,
-								type: orgType,
-							},
+								type: orgType
+							}
 						];
 					} else {
 						let hasBreadcrumbArr = false;
-						this.breadcrumbArr.forEach(function (bc) {
+						this.breadcrumbArr.forEach(function(bc) {
 							if (bc.id === id) {
 								hasBreadcrumbArr = true;
 							}
@@ -2550,7 +1909,7 @@ export default {
 							let breadcrumb = {
 								id: data.agencyId,
 								name: data.agencyName,
-								type: orgType,
+								type: orgType
 							};
 							this.breadcrumbArr.push(breadcrumb);
 						}
@@ -2558,10 +1917,10 @@ export default {
 				} else {
 					this.$message.error(msg);
 				}
-			} else if (orgType === "department") {
-				const url = "/gov/org/department/departmentdetail";
+			} else if (orgType === 'department') {
+				const url = '/gov/org/department/departmentdetail';
 				let params = {
-					departmentId: id,
+					departmentId: id
 				};
 				const { data, code, msg } = await requestPost(url, params);
 				if (code === 0) {
@@ -2570,12 +1929,12 @@ export default {
 							{
 								id: data.departmentId,
 								name: data.departmentName,
-								type: orgType,
-							},
+								type: orgType
+							}
 						];
 					} else {
 						let hasBreadcrumbArr = false;
-						this.breadcrumbArr.forEach(function (bc) {
+						this.breadcrumbArr.forEach(function(bc) {
 							if (bc.id === id) {
 								hasBreadcrumbArr = true;
 							}
@@ -2584,7 +1943,7 @@ export default {
 							let breadcrumb = {
 								id: data.departmentId,
 								name: data.departmentName,
-								type: orgType,
+								type: orgType
 							};
 							this.breadcrumbArr.push(breadcrumb);
 						}
@@ -2592,10 +1951,10 @@ export default {
 				} else {
 					this.$message.error(msg);
 				}
-			} else if (orgType === "grid") {
-				const url = "/gov/org/grid/griddetail";
+			} else if (orgType === 'grid') {
+				const url = '/gov/org/grid/griddetail';
 				let params = {
-					gridId: id,
+					gridId: id
 				};
 				const { data, code, msg } = await requestPost(url, params);
 				if (code === 0) {
@@ -2604,12 +1963,12 @@ export default {
 							{
 								id: data.grid,
 								name: data.gridName,
-								type: orgType,
-							},
+								type: orgType
+							}
 						];
 					} else {
 						let hasBreadcrumbArr = false;
-						this.breadcrumbArr.forEach(function (bc) {
+						this.breadcrumbArr.forEach(function(bc) {
 							if (bc.id === id) {
 								hasBreadcrumbArr = true;
 							}
@@ -2618,7 +1977,7 @@ export default {
 							let breadcrumb = {
 								id: data.grid,
 								name: data.gridName,
-								type: orgType,
+								type: orgType
 							};
 							this.breadcrumbArr.push(breadcrumb);
 						}
@@ -2641,7 +2000,7 @@ export default {
 			const orgId = selectOrg.id;
 			const orgType = selectOrg.type;
 
-			if (orgType === "agency") {
+			if (orgType === 'agency') {
 				this.agencyTableListData = [];
 				this.agencyStaffTableListData = [];
 				this.departmentTableListData = [];
@@ -2658,7 +2017,7 @@ export default {
 				this.gridTableFlag = true;
 				this.gridStaffTableFlag = false;
 
-				this.assembleBreadcrumbArr(orgId, "agency");
+				this.assembleBreadcrumbArr(orgId, 'agency');
 				this.getAgencyList();
 				this.getDepartmentList();
 				this.getGridList();
@@ -2702,12 +2061,12 @@ export default {
 		},
 		// 获取组织区划信息
 		async getZoning(areaCode, parentAgencyId, parentAgencyLevel) {
-			const url = "/data/aggregator/org/nextlevelareacodelist";
+			const url = '/data/aggregator/org/nextlevelareacodelist';
 
 			let params = {
 				areaCode: areaCode,
 				level: parentAgencyLevel,
-				parentAgencyId: parentAgencyId,
+				parentAgencyId: parentAgencyId
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -2720,7 +2079,7 @@ export default {
 		},
 
 		handelZoing(val) {
-			this.zonings.forEach((item) => {
+			this.zonings.forEach(item => {
 				if (item.areaCode == val) {
 					this.agencyForm.level = item.level;
 					this.agencyForm.areaName = item.areaName;
@@ -2729,7 +2088,7 @@ export default {
 			});
 		},
 		handelStreeOrCommunityZoing(val) {
-			this.zonings.forEach((item) => {
+			this.zonings.forEach(item => {
 				if (item.areaCode == val) {
 					this.OrgDetailsForm.level = item.level;
 					this.OrgDetailsForm.areaName = item.areaName;
@@ -2741,15 +2100,11 @@ export default {
 		addAgency() {
 			this.createAgencyDialogFlag = true;
 			this.addNewAgencyRest();
-			this.getZoning(
-				this.currentAreaCode,
-				this.currentAgencyId,
-				this.currentAgencyLevel
-			);
+			this.getZoning(this.currentAreaCode, this.currentAgencyId, this.currentAgencyLevel);
 		},
 		// 新增组织确定按钮
 		async submitaddNewAgency() {
-			const url = "/gov/org/agency/addagency-v2";
+			const url = '/gov/org/agency/addagency-v2';
 
 			let params = {
 				parentAgencyId: this.currentAgencyId,
@@ -2763,13 +2118,13 @@ export default {
 				code: this.agencyForm.code,
 				remark: this.agencyForm.remark,
 				latitude: this.latitude,
-				longitude: this.longitude,
+				longitude: this.longitude
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("添加成功");
+				this.$message.success('添加成功');
 				this.createAgencyDialogFlag = false;
 				this.getAgencyList();
 				this.getDepartmentList();
@@ -2782,25 +2137,20 @@ export default {
 
 		// 修改面包屑
 		modifyOrgInfo() {
-			this.judgeOrgInfoLevel =
-				this.breadcrumbArr[this.breadcrumbArr.length - 1];
-			if (this.judgeOrgInfoLevel.type === "agency") {
+			this.judgeOrgInfoLevel = this.breadcrumbArr[this.breadcrumbArr.length - 1];
+			if (this.judgeOrgInfoLevel.type === 'agency') {
 				this.getOrgDetailsById();
 				setTimeout(() => {
-					if (this.OrgDetailsForm.level === "district") {
+					if (this.OrgDetailsForm.level === 'district') {
 						/** 修改市区级弹窗 */
 						this.modifyCityOrgPop = true;
 					} else {
 						/** 街道级和社区级弹窗 */
-						this.getZoning(
-							this.parentAreaCode,
-							this.parentAgencyId,
-							this.parentAgencyLevel
-						);
+						this.getZoning(this.parentAreaCode, this.parentAgencyId, this.parentAgencyLevel);
 						this.streetOrCommunity = true;
 					}
 				}, 1000);
-			} else if (this.judgeOrgInfoLevel.type === "department") {
+			} else if (this.judgeOrgInfoLevel.type === 'department') {
 				/** 下级机关单位修改 */
 				this.OrgUnitPop = true;
 				this.getOrgUnitDetailsById();
@@ -2814,10 +2164,10 @@ export default {
 
 		// 根据id获取组织机构详细信息
 		async getOrgDetailsById() {
-			const url = "/gov/org/agency/agencydetail";
+			const url = '/gov/org/agency/agencydetail';
 
 			let params = {
-				agencyId: this.judgeOrgInfoLevel.id,
+				agencyId: this.judgeOrgInfoLevel.id
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -2826,12 +2176,9 @@ export default {
 				this.currentAgencyLevel = data.level;
 				this.currentAreaCode = data.areaCode;
 				if (data.parentList && data.parentList.length > 0) {
-					this.parentAreaCode =
-						data.parentList[data.parentList.length - 1].areaCode;
-					this.parentAgencyId =
-						data.parentList[data.parentList.length - 1].id;
-					this.parentAgencyLevel =
-						data.parentList[data.parentList.length - 1].level;
+					this.parentAreaCode = data.parentList[data.parentList.length - 1].areaCode;
+					this.parentAgencyId = data.parentList[data.parentList.length - 1].id;
+					this.parentAgencyLevel = data.parentList[data.parentList.length - 1].level;
 				}
 
 				this.OrgDetailsForm.level = data.level;
@@ -2852,10 +2199,10 @@ export default {
 
 		// 根据id获取下级机关单位详情
 		async getOrgUnitDetailsById() {
-			const url = "/gov/org/department/departmentdetail";
+			const url = '/gov/org/department/departmentdetail';
 
 			let params = {
-				departmentId: this.judgeOrgInfoLevel.id,
+				departmentId: this.judgeOrgInfoLevel.id
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -2873,10 +2220,10 @@ export default {
 
 		// 根据id获取网格详情
 		async getGridDetailsById() {
-			const url = "/gov/org/grid/griddetail";
+			const url = '/gov/org/grid/griddetail';
 
 			let params = {
-				gridId: this.judgeOrgInfoLevel.id,
+				gridId: this.judgeOrgInfoLevel.id
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
@@ -2901,7 +2248,7 @@ export default {
 
 		// 市级/街道/社区级组织修改确定按钮
 		async sunmitModifyCityOrgPop() {
-			const url = "/gov/org/agency/editagency";
+			const url = '/gov/org/agency/editagency';
 
 			let params = {
 				agencyId: this.OrgDetailsForm.agencyId,
@@ -2911,13 +2258,13 @@ export default {
 				code: this.OrgDetailsForm.code,
 				latitude: this.latitude,
 				longitude: this.longitude,
-				remark: this.OrgDetailsForm.remark,
+				remark: this.OrgDetailsForm.remark
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("修改成功");
+				this.$message.success('修改成功');
 				this.modifyCityOrgPop = false;
 				this.streetOrCommunity = false;
 				this.getAgencyList();
@@ -2930,20 +2277,20 @@ export default {
 		},
 		// 修改下级机关单位确定按钮
 		async sunmitOrgUnitForm() {
-			const url = "/gov/org/department/editdepartment";
+			const url = '/gov/org/department/editdepartment';
 
 			let params = {
 				code: this.OrgUnitDetailsForm.code,
 				contacts: this.OrgUnitDetailsForm.contacts,
 				departmentId: this.OrgUnitDetailsForm.departmentId,
 				departmentName: this.OrgUnitDetailsForm.departmentName,
-				mobile: this.OrgUnitDetailsForm.mobile,
+				mobile: this.OrgUnitDetailsForm.mobile
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("修改成功");
+				this.$message.success('修改成功');
 				this.OrgUnitPop = false;
 				this.getAgencyList();
 				this.getDepartmentList();
@@ -2955,7 +2302,7 @@ export default {
 		},
 		// 修改网格确定按钮
 		async submitModifyGrid() {
-			const url = "/gov/org/grid/editgrid";
+			const url = '/gov/org/grid/editgrid';
 
 			let params = {
 				gridId: this.modifyGridFrom.griId,
@@ -2967,13 +2314,13 @@ export default {
 				gridType: this.modifyGridFrom.gridType,
 				sort: this.modifyGridFrom.gridSort,
 				latitude: this.modifyGridFrom.latitude,
-				longitude: this.modifyGridFrom.longitude,
+				longitude: this.modifyGridFrom.longitude
 			};
 
 			const { data, code, msg } = await requestPost(url, params);
 
 			if (code === 0) {
-				this.$message.success("修改成功");
+				this.$message.success('修改成功');
 				this.modifyGridPop = false;
 				this.getAgencyList();
 				this.getDepartmentList();
@@ -2987,15 +2334,9 @@ export default {
 		/** 地图初始化 */
 		createMap(type) {
 			let { latitude, longitude } = this[type] || this;
-			if (
-				latitude === null ||
-				latitude === "" ||
-				longitude === null ||
-				longitude === ""
-			) {
-				let { latitude: latitude2, longitude: longitude2 } =
-					this.$store.state.user;
-				if (!latitude2 || latitude2 == "" || latitude2 == "0") {
+			if (latitude === null || latitude === '' || longitude === null || longitude === '') {
+				let { latitude: latitude2, longitude: longitude2 } = this.$store.state.user;
+				if (!latitude2 || latitude2 == '' || latitude2 == '0') {
 					latitude = 39.9088810666821;
 					longitude = 116.39743841556731;
 				} else {
@@ -3004,17 +2345,17 @@ export default {
 				}
 			}
 			var map = new daiMap(
-				document.getElementById("con"),
+				document.getElementById('con'),
 				{ latitude, longitude },
 				{
 					zoom: 16.2, // 设置地图缩放级别
 					pitch: 43.5, // 设置俯仰角
-					rotation: 45, // 设置地图旋转角度
+					rotation: 45 // 设置地图旋转角度
 				}
 			);
 
 			// 监听地图平移结束
-			map.on("dragend", (e) => {
+			map.on('dragend', e => {
 				//修改地图中心点
 				const { lat, lng } = map.getCenter();
 				map.setMarker(lat, lng);
@@ -3028,8 +2369,8 @@ export default {
 			});
 
 			map.setMarker(latitude, longitude);
-		},
-	},
+		}
+	}
 };
 </script>