From 7caaa0e2e5e94c3b7009a5c5f36bf9c8b7adbe8a Mon Sep 17 00:00:00 2001
From: HAHA <HAHA@etoak.com>
Date: Mon, 25 Jul 2022 17:34:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../base/organization/organization.vue        | 4421 ++++++++---------
 1 file changed, 2061 insertions(+), 2360 deletions(-)

diff --git a/src/views/modules/base/organization/organization.vue b/src/views/modules/base/organization/organization.vue
index 18aa71b4..147ae6bb 100644
--- a/src/views/modules/base/organization/organization.vue
+++ b/src/views/modules/base/organization/organization.vue
@@ -1,2256 +1,2075 @@
 <template>
-  <div class="app-container">
-    <el-row>
-      <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-link v-if="index === breadcrumbArr.length - 1"
-                     type="primary"
-                     @click.native="modifyOrgInfo"
-                     style="margin-left:10px;margin-top:0px;color:#3E8EF7;cursor:pointer"
-                     icon="el-icon-edit">修改</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-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">
-        <template slot="header">
-          <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>
-        </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="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">
-        <template slot="header"
-                  slot-scope="scope">
-          <el-button size="mini"
-                     type="primary"
-                     icon="el-icon-plus"
-                     @click="addCommunity(scope.row)">新增</el-button>
-        </template>
-        <template slot-scope="scope">
-          <el-button size="mini"
-                     type="warning"
-                     icon="el-icon-arrow-right"
-                     @click="entryDepartment(scope.row.departmentId)">进入</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 网格列表 -->
-    <el-table 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="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">
-        <template slot="header"
-                  slot-scope="scope">
-          <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>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 本级工作人员 -->
-    <el-table v-show="currentAgencyStaffTableFlag"
-              :data="agencyStaffTableListData"
-              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>
-        </template>
-      </el-table-column>
-      <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="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 size="mini"
-                     type="danger"
-                     icon="el-icon-circle-close"
-                     @click="DisablePeo(scope.row)">禁用</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 下级机关单位/基层科室工作人员 -->
-    <el-table height="350"
-              v-show="departmentStaffTableFlag"
-              :data="departmentStaffTableListData"
-              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>
-        </template>
-      </el-table-column>
-      <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="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 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="gridStaffTableListData"
-              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>
-        </template>
-      </el-table-column>
-      <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="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>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 新增下级机关单位/基层科室 -->
-    <el-dialog title="新增部门"
-               :visible.sync="dialogVisible"
-               width="30%"
-               :before-close="handleClose">
-      <el-form :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>
-      <div slot="footer">
-        <el-button @click="cancel">取 消</el-button>
-        <el-button type="primary"
-                   @click="submit">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 新增网格 -->
-    <div v-if="dialogVisibleGrid">
-      <el-dialog title="新增网格"
-                 :visible.sync="dialogVisibleGrid"
-                 width="60%"
-                 :before-close="handleClose">
-        <el-form :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="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>
-          </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>
-            <div id="container">当前点击坐标为：<span id="position"></span></div>
-          </el-form-item>
-
-        </el-form>
-
-        <div slot="footer">
-          <el-button @click="cancelGrid">取 消</el-button>
-          <el-button type="primary"
-                     @click="submitGrid">确 定</el-button>
+    <div class="app-container">
+        <el-row>
+            <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-link v-if="index === breadcrumbArr.length - 1" type="primary" @click.native="modifyOrgInfo" style="margin-left:10px;margin-top:0px;color:#3E8EF7;cursor:pointer" icon="el-icon-edit">修改</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-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">
+                <template slot="header" slot-scope="scope">
+                    <el-button size="mini"
+                        type="primary"
+                        icon="el-icon-plus"
+                        @click="addAgency(scope.row)"
+                    >新增</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>
+                </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="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">
+                <template slot="header" slot-scope="scope">
+                    <el-button size="mini"
+                        type="primary"
+                        icon="el-icon-plus"
+                        @click="addCommunity(scope.row)"
+                    >新增</el-button>
+                </template>
+                <template slot-scope="scope">
+                    <el-button 
+                        size="mini"
+                        type="warning"
+                        icon="el-icon-arrow-right"
+                        @click="entryDepartment(scope.row.departmentId)"
+                    >进入</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 网格列表 -->
+        <el-table 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="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">
+                <template slot="header" slot-scope="scope">
+                    <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>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 本级工作人员 -->
+        <el-table v-show="currentAgencyStaffTableFlag"
+        :data="agencyStaffTableListData"
+        style="width: 100%"
+        height="250">
+            <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>
+                </template>
+            </el-table-column>
+            <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="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 
+                    size="mini"
+                    type="danger"
+                    icon="el-icon-circle-close"
+                    @click="DisablePeo(scope.row)"
+                >禁用</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 下级机关单位/基层科室工作人员 -->
+        <el-table height="250" v-show="departmentStaffTableFlag"
+        :data="departmentStaffTableListData"
+        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>
+                </template>
+            </el-table-column>
+            <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="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 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="gridStaffTableListData"
+        style="width: 100%"
+        height="250">
+            <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>
+                </template>
+            </el-table-column>
+            <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="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>
+                </template>
+            </el-table-column>
+        </el-table>
+
+  
+        <!-- 新增下级机关单位/基层科室 -->
+        <el-dialog 
+        title="新增部门"
+        :visible.sync="dialogVisible"
+        width="30%"
+        :before-close="handleClose">
+            <el-form :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>
+            <div slot="footer" >
+                <el-button @click="cancel">取 消</el-button>
+                <el-button type="primary" @click="submit">确 定</el-button>
+            </div>
+        </el-dialog>
+
+
+        <!-- 新增网格 -->
+        <div v-if="dialogVisibleGrid">
+            <el-dialog 
+            title="新增网格"
+            :visible.sync="dialogVisibleGrid"
+            width="60%"
+            :before-close="handleClose">
+                <el-form :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="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>
+                    </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>
+                        <div id="container">当前点击坐标为：<span id="position"></span></div>
+                    </el-form-item>
+
+                </el-form>
+
+                <div slot="footer" >
+                    <el-button @click="cancelGrid">取 消</el-button>
+                    <el-button type="primary" @click="submitGrid">确 定</el-button>
+                </div>
+            </el-dialog>
         </div>
-      </el-dialog>
-    </div>
 
-    <!-- 新增人员 -->
-    <div v-if="dialogVisiblePeo">
-      <el-dialog title="新增人员"
-                 :visible.sync="dialogVisiblePeo"
-                 width="30%"
-                 :before-close="handleClose">
-        <el-form>
-          <el-form-item label="姓名"
-                        prop="peoName">
-            <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>
-          </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>
-          </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>
-          </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>
-          </el-form-item>
-
-        </el-form>
-        <div slot="footer">
-          <el-button @click="cancelPeo">取 消</el-button>
-          <el-button type="primary"
-                     @click="submitPeo">确 定</el-button>
+        <!-- 新增人员 -->
+        <div v-if="dialogVisiblePeo">
+            <el-dialog 
+            title="新增人员"
+            :visible.sync="dialogVisiblePeo"
+            width="30%"
+            :before-close="handleClose">
+                <el-form>
+                    <el-form-item label="姓名" prop="peoName">
+                        <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>
+                    </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>
+                    </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>
+                    </el-form-item>
+
+                </el-form>
+                <div slot="footer" >
+                    <el-button @click="cancelPeo">取 消</el-button>
+                    <el-button type="primary" @click="submitPeo">确 定</el-button>
+                </div>
+            </el-dialog>
         </div>
-      </el-dialog>
-    </div>
 
-    <!-- 人员修改 -->
-    <el-dialog title="人员修改"
-               :visible.sync="modifyPeo"
-               width="30%"
-               :before-close="handleClose">
-      <el-form>
-        <el-form-item label="姓名"
-                      prop="peoName">
-          <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>
-        </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>
-        </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>
-        </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>
-        </el-form-item>
-
-      </el-form>
-      <div slot="footer">
-        <el-button @click="cancelXiugai">取 消</el-button>
-        <el-button type="primary"
-                   @click="updatePeo">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 禁用弹窗 -->
-    <el-dialog title="确认禁用"
-               :visible.sync="Disable"
-               width="30%"
-               :before-close="handleClose">
-      <span>禁用后该用户将无法登录系统，是否继续？</span>
-      <div slot="footer">
-        <el-button @click="cancelDisable">取 消</el-button>
-        <el-button type="primary"
-                   @click="submitDisable">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 人员查看 -->
-    <el-dialog title="人员详情"
-               :visible.sync="details"
-               width="30%"
-               :before-close="handleClosePeoView">
-      <el-form>
-        <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>
-    </el-dialog>
-
-    <!-- 人员调动 -->
-    <el-dialog title="人员调动"
-               :visible.sync="transferPeo"
-               width="30%"
-               :before-close="handleClose">
-      <el-form :model="agencyForm">
-        <el-form-item label="姓名">
-          <el-input v-model="transferForm.name"
-                    placeholder="姓名"></el-input>
-        </el-form-item>
-        <el-form-item label="调动至">
-          <el-cascader clearable
-                       :props="{ checkStrictly: true }"
-                       v-model="selectValue"
-                       :options="options"
-                       @change="handleChange">
-          </el-cascader>
-        </el-form-item>
-        <el-form-item label="调动原因">
-          <el-input type="textarea"
+        <!-- 人员修改 -->
+        <el-dialog 
+        title="人员修改"
+        :visible.sync="modifyPeo"
+        width="30%"
+        :before-close="handleClose">
+            <el-form >
+                <el-form-item label="姓名" prop="peoName">
+                    <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>
+                </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>
+                </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>
+                </el-form-item>
+
+            </el-form>
+            <div slot="footer" >
+                <el-button @click="cancelXiugai">取 消</el-button>
+                <el-button type="primary" @click="updatePeo">确 定</el-button>
+            </div>
+        </el-dialog>
+
+        <!-- 禁用弹窗 -->
+        <el-dialog 
+        title="确认禁用"
+        :visible.sync="Disable"
+        width="30%"
+        :before-close="handleClose"
+        >
+            <span>禁用后该用户将无法登录系统，是否继续？</span>
+            <div slot="footer" >
+                <el-button @click="cancelDisable">取 消</el-button>
+                <el-button type="primary" @click="submitDisable">确 定</el-button>
+            </div>
+        </el-dialog>
+
+
+        <!-- 人员查看 -->
+        <el-dialog
+        title="人员详情"
+        :visible.sync="details"
+        width="30%"
+        :before-close="handleClosePeoView">
+            <el-form>
+                <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>
+        </el-dialog>
+
+        <!-- 人员调动 -->
+        <el-dialog 
+        title="人员调动"
+        :visible.sync="transferPeo"
+        width="30%"
+        :before-close="handleClose">
+            <el-form :model="agencyForm">
+                <el-form-item label="姓名">
+                    <el-input v-model="transferForm.name" placeholder="姓名"></el-input>
+                </el-form-item>
+                <el-form-item label="调动至">
+                    <el-cascader 
+                        clearable
+                        :props="{ checkStrictly: true }"
+                        v-model="selectValue"
+                        :options="options"
+                        @change="handleChange">
+                    </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-form-item>
-      </el-form>
-      <div slot="footer">
-        <el-button @click="cancelTransfer">取 消</el-button>
-        <el-button type="primary"
-                   @click="submitTransfer">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 新增组织 -->
-    <el-dialog title="新增组织"
-               :visible.sync="createAgencyDialogFlag"
-               width="60%"
-               :before-close="handleClose">
-      <el-form>
-        <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>
-        </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>
-          <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>
-      </div>
-    </el-dialog>
-
-    <!-- 修改市区级组织 -->
-    <el-dialog title="修改组织"
-               :visible.sync="modifyCityOrgPop"
-               width="60%"
-               :before-close="handleClose">
-      <el-form>
-        <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>
-          <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>
-      </div>
-    </el-dialog>
-
-    <!-- 修改街道/社区级组织 -->
-    <el-dialog title="修改组织"
-               :visible.sync="streetOrCommunity"
-               width="60%"
-               :before-close="handleClose">
-      <el-form>
-        <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>
-        </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>
-          <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>
-      </div>
-    </el-dialog>
-
-    <!-- 修改下级机关单位 -->
-    <el-dialog title="修改部门"
-               :visible.sync="OrgUnitPop"
-               width="60%"
-               :before-close="handleClose">
-      <el-form>
-        <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="联系电话">
-          <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>
-      </div>
-    </el-dialog>
-
-    <!-- 修改网格 -->
-    <el-dialog title="修改网格"
-               :visible.sync="modifyGridPop"
-               width="60%"
-               :before-close="handleClose">
-      <el-form>
-        <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="网格类型"
-                      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>
-        </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>
-          <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>
-      </div>
-    </el-dialog>
-
-  </div>
+                    </el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" >
+                <el-button @click="cancelTransfer">取 消</el-button>
+                <el-button type="primary" @click="submitTransfer">确 定</el-button>
+            </div>
+        </el-dialog>
+
+        <!-- 新增组织 -->
+        <el-dialog
+        title="新增组织"
+        :visible.sync="createAgencyDialogFlag"
+        width="60%"
+        :before-close="handleClose">
+            <el-form>
+                <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>
+                </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>
+                    <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>
+            </div>
+        </el-dialog>
+
+
+        <!-- 修改市区级组织 -->
+        <el-dialog
+        title="修改组织"
+        :visible.sync="modifyCityOrgPop"
+        width="60%"
+        :before-close="handleClose">
+            <el-form>
+                <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>
+                    <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>
+            </div>
+        </el-dialog>
+
+
+        <!-- 修改街道/社区级组织 -->
+        <el-dialog
+        title="修改组织"
+        :visible.sync="streetOrCommunity"
+        width="60%"
+        :before-close="handleClose">
+            <el-form>
+                <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>
+                </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>
+                    <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>
+            </div>
+        </el-dialog>
+
+
+        <!-- 修改下级机关单位 -->
+        <el-dialog
+        title="修改部门"
+        :visible.sync="OrgUnitPop"
+        width="60%"
+        :before-close="handleClose">
+            <el-form>
+                <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="联系电话">
+                    <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>
+            </div>
+        </el-dialog>
+
+
+        <!-- 修改网格 -->
+        <el-dialog
+        title="修改网格"
+        :visible.sync="modifyGridPop"
+        width="60%"
+        :before-close="handleClose">
+            <el-form>
+                <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="网格类型" 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>
+                    </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>
+                    <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>
+            </div>
+        </el-dialog>
+
+    </div>
 </template>
 
 <script>
 
-import { requestPost, requestGet } from "@/js/dai/request";
+import { requestPost } from "@/js/dai/request";
 
 export default {
-  data () {
-    return {
-      // 新增组织弹窗
-      createAgencyDialogFlag: false,
-      // 修改市区级组织弹窗
-      modifyCityOrgPop: false,
-      // 修改街道/社区级组织弹窗
-      streetOrCommunity: false,
-      // 修改下级机关单位弹窗
-      OrgUnitPop: false,
-      // 修改网格弹窗
-      modifyGridPop: false,
-      // 组织列表展示标识
-      agencyTableFlag: true,
-      // 组织工作人员列表展示标识
-      currentAgencyStaffTableFlag: true,
-      // 组织列表数据
-      agencyTableListData: [],
-      // 组织工作人员列表数据
-      agencyStaffTableListData: [],
-
-      // 部门列表（机关、科室列表）列表展示标识
-      departmentTableFlag: true,
-      // 部门人员列表展示标识
-      departmentStaffTableFlag: false,
-      // 部门列表数据
-      departmentTableListData: [],
-      // 部门工作人员列表数据
-      departmentStaffTableListData: [],
-
-      // 网格列表展示标识
-      gridTableFlag: true,
-      // 网格人员列表展示标识
-      gridStaffTableFlag: false,
-      // 网格列表数据
-      gridTableListData: [],
-      // 网格工作人员列表数据
-      gridStaffTableListData: [],
-
-      // 用户所属组织ID
-      userAgencyId: localStorage.getItem("agencyId"),
-      // 修改时操作的用户staffId
-      userStaffId: '',
-      // 当前被操作的组织的ID
-      currentAgencyId: localStorage.getItem("agencyId"),
-      // 当前被操作的部门的ID
-      currentDepartmentId: '14f572e724eecf7668b655505d789cab',
-      // 当前被操作的网格的ID
-      currentGridOrgId: '63d5ff92ea981b1c58e4914ac894c610',
-
-      // 当前被操作的组织的级别
-      currentAgencyLevel: localStorage.getItem("level"),
-      currentAreaCode: '',
-      parentAreaCode: '',
-      parentAgencyId: localStorage.getItem("agencyId"),
-      parentAgencyLevel: localStorage.getItem("level"),
-
-      // 经纬度坐标
-      lat: '11',
-      lng: '11',
-      latitude: '11',
-      longitude: '11',
-      Navigation: '',
-      // 查询参数
-      queryParams: {
-        deptName: undefined,
-        status: undefined
-      },
-      // 状态列表
-      dictList: [],
-      // 重新渲染表格状态
-      refreshTable: true,
-      // 是否展开，默认全部展开
-      isExpandAll: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 遮罩层
-      loading: true,
-      // 表格树数据
-      deptList: [],
-
-      // 弹窗开关
-      dialogVisible: false,
-      dialogVisibleGrid: false,
-      dialogVisiblePeo: false,
-      Disable: false,
-      details: false,
-      transferPeo: false,
-      // 社区添加表单项
-      insertForm: {
-        departmentName: '',
-        code: '',
-        contacts: '',
-        mobile: '',
-        agencyId: '',
-        departmentDuty: '123'
-      },
-      // 网格添加表单项
-      GridForm: {
-        gridName: '',
-        code: '',
-        contacts: '',
-        mobile: '',
-        agencyId: '',
-        manageDistrict: '',
-        gridType: '',
-        location: '', //坐标位置
-        longitude: '11', //经度
-        latitude: '11',//纬度
-        centerAddress: ''
-      },
-      // 新增组织
-      agencyForm: {
-        parentAgencyId: '',
-        agencyName: '',
-        level: '',
-        areaCodeSwitch: '',
-        areaCode: '',
-        areaName: '',
-        contacts: '',
-        mobile: '',
-        code: ''
-      },
-      // 树
-      tree: [],
-      // 新增人员表单项
-      peoForm: {
-        name: '',
-        mobile: '',
-        gender: '',
-        post: '',
-        duty: [],
-        orgType: '',
-        activeTime: '',
-        zuzhi: '',
-        disableFlag: '',
-        newRoles: []
-      },
-      // 人员调动
-      transferForm: {
-        name: '',
-        remarks: '',
-        transferTo: '',
-        staffId: '',
-        orgId: '',
-        orgType: ''
-      },
-      // 人员禁用
-      DisableForm: {
-        staffId: '',
-        agencyId: '',
-        customerId: ''
-      },
-      // 组织详细信息
-      OrgDetailsForm: {
-        level: '',
-        agencyName: '',
-        code: '',
-        contacts: '',
-        mobile: '',
-        centerAddress: '',
-        areaCode: '',
-        agencyId: '',
-        areaName: ''
-      },
-      // 下级机关单位
-      OrgUnitDetailsForm: {
-        code: '',
-        contacts: '',
-        departmentId: '',
-        departmentName: '',
-        mobile: ''
-      },
-      // 网格修改表单
-      modifyGridFrom: {
-        gridName: '',
-        code: '',
-        gridTypeName: '',
-        contacts: '',
-        mobile: '',
-        latitude: '',
-        longitude: '',
-        agencyId: '',
-        gridType: '',
-        manageDistrict: '',
-        griId: ''
-      },
-      judgeOrgInfoLevel: [],
-      keyWords: '',
-      typeList: [],
-      // 性别字典
-      genderList: [
-        { value: '1', label: '男' },
-        { value: '2', label: '女' },
-      ],
-      // 专兼职字典
-      postList: [
-        { value: 'fulltime', label: '专职' },
-        { value: 'parttime', label: '兼职' }
-      ],
-      // 职责字典
-      dutyList: [],
-      // 修改操作是否展示
-      modifyPeo: false,
-
-      roleList: [],
-
-      // 级联数据
-      options: [
-        {
-          value: '',
-          label: '',
-          children: [
-            {
-              value: '',
-              label: '',
-              children: []
+    data(){
+        return{
+            // 新增组织弹窗
+            createAgencyDialogFlag: false,
+            // 修改市区级组织弹窗
+            modifyCityOrgPop:false,
+            // 修改街道/社区级组织弹窗
+            streetOrCommunity:false,
+            // 修改下级机关单位弹窗
+            OrgUnitPop:false,
+            // 修改网格弹窗
+            modifyGridPop:false,
+            // 组织列表展示标识
+            agencyTableFlag: true,
+            // 组织工作人员列表展示标识
+            currentAgencyStaffTableFlag: true,
+            // 组织列表数据
+            agencyTableListData: [],
+            // 组织工作人员列表数据
+            agencyStaffTableListData:[],
+
+            // 部门列表（机关、科室列表）列表展示标识
+            departmentTableFlag: true,
+            // 部门人员列表展示标识
+            departmentStaffTableFlag: false,
+            // 部门列表数据
+            departmentTableListData: [],
+            // 部门工作人员列表数据
+            departmentStaffTableListData:[],
+
+            // 网格列表展示标识
+            gridTableFlag:true,
+            // 网格人员列表展示标识
+            gridStaffTableFlag: false,
+            // 网格列表数据
+            gridTableListData: [],
+            // 网格工作人员列表数据
+            gridStaffTableListData:[],
+
+            // 用户所属组织ID
+            userAgencyId: localStorage.getItem("agencyId"),
+            // 修改时操作的用户staffId
+            userStaffId: '',
+            // 当前被操作的组织的ID
+            currentAgencyId: localStorage.getItem("agencyId"),
+            // 当前被操作的部门的ID
+            currentDepartmentId:'14f572e724eecf7668b655505d789cab',
+            // 当前被操作的网格的ID
+            currentGridOrgId:'63d5ff92ea981b1c58e4914ac894c610',
+           
+            // 经纬度坐标
+            lat:'11',
+            lng:'11',
+            latitude:'11',
+            longitude:'11',
+            Navigation:'',
+            // 查询参数
+            queryParams: {
+                deptName: undefined,
+                status: undefined
+            },
+            // 状态列表
+            dictList:[],
+            // 重新渲染表格状态
+            refreshTable: true,
+            // 是否展开，默认全部展开
+            isExpandAll: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 遮罩层
+            loading: true,
+            // 表格树数据
+            deptList: [],
+
+            // 弹窗开关
+            dialogVisible: false,
+            dialogVisibleGrid: false,
+            dialogVisiblePeo: false,
+            Disable: false,
+            details: false,
+            transferPeo: false,
+            // 社区添加表单项
+            insertForm:{
+                departmentName:'',
+                code:'',
+                contacts:'',
+                mobile:'',
+                agencyId:'',
+                departmentDuty:'123'
+            },
+            // 网格添加表单项
+            GridForm:{
+                gridName:'',
+                code:'',
+                contacts:'',
+                mobile:'',
+                agencyId:'',
+                manageDistrict:'',
+                gridType:'',
+                location: '', //坐标位置
+                longitude: '11', //经度
+                latitude: '11' ,//纬度
+                centerAddress:''
+            },
+            // 新增组织
+            agencyForm:{
+                parentAgencyId:'',
+                agencyName:'',
+                level:'',
+                areaCodeSwitch:'',
+                areaCode:'',
+                areaName:'',
+                contacts:'',
+                mobile:'',
+                code:''
+            },
+            // 树
+            tree:[],
+            // 新增人员表单项
+            peoForm:{
+                name:'',
+                mobile:'',
+                gender:'',
+                post:'',
+                duty:[],
+                orgType:'',
+                activeTime:'',
+                zuzhi:'',
+                disableFlag:''
             },
-            {
-              value: '',
-              label: '',
-              children: []
+            // 人员调动
+            transferForm:{
+                name:'',
+                remarks:'',
+                transferTo:'',
+                staffId:'',
+                orgId:'',
+                orgType:''
+            },
+            // 人员禁用
+            DisableForm:{
+                staffId:'',
+                agencyId:'',
+                customerId:''
+            },
+            // 当前用户信息,用于获取组织区划
+            userForm:{
+                areaCode:'',
+                level:'',
+                parentAgencyId:''
+            },
+            // 组织详细信息
+            OrgDetailsForm:{
+                level:'',
+                agencyName:'',
+                code:'',
+                contacts:'',
+                mobile:'',
+                centerAddress:'',
+                areaCode:'',
+                agencyId:'',
+                areaName:''
+            },
+            // 下级机关单位
+            OrgUnitDetailsForm:{
+                code:'',
+                contacts:'',
+                departmentId:'',
+                departmentName:'',
+                mobile:''
+            },
+            // 网格修改表单
+            modifyGridFrom:{
+                gridName:'',
+                code:'',
+                gridTypeName:'',
+                contacts:'',
+                mobile:'',
+                latitude:'',
+                longitude:'',
+                agencyId:'',
+                gridType:'',
+                manageDistrict:'',
+                griId:''
+            },
+            judgeOrgInfoLevel:[],
+            keyWords: '',
+            typeList:[],
+            // 性别字典
+            genderList: [
+                {value: '1', label: '男'},
+                {value: '2', label: '女'},
+            ],
+            // 专兼职字典
+            postList:[
+                {value: 'fulltime' , label: '专职'},
+                {value: 'parttime' , label: '兼职'}
+            ],
+            // 职责字典
+            dutyList:[],
+            // 修改操作是否展示
+            modifyPeo:false,
+            submitOrgid:'',
+            // 级联数据
+            options:[
+                {
+                    value:'',
+                    label:'',
+                    children:[
+                        {
+                            value:'',
+                            label:'',
+                            children:[]
+                        },
+                        {
+                            value:'',
+                            label:'',
+                            children:[]
+                        }
+                    ],
+                }
+            ],
+            selectValue: [],
+            // 顶部 面包屑
+            breadcrumbArr: [],
+            // 面包屑 当前所属机构ID
+            currentBreadcrumbKey: '',
+            // 组织区划数据
+            zonings:[],
+            // 校验
+            rules: {
+                departmentName:[
+                    { required: true, message: '社区名称必填', trigger: 'blur' }
+                ],
+                gridName:[
+                    { required: true, message: '网格名称必填', trigger: 'blur' }
+                ],
+                addDepartmentName:[
+                    { required: true, message: '部门名称必填', trigger: 'blur' }
+                ]
             }
-          ],
         }
-      ],
-      selectValue: [],
-      // 顶部 面包屑
-      breadcrumbArr: [],
-      // 面包屑 当前所属机构ID
-      currentBreadcrumbKey: '',
-      // 组织区划数据
-      zonings: [],
-      // 校验
-      rules: {
-        departmentName: [
-          { required: true, message: '社区名称必填', trigger: 'blur' }
-        ],
-        gridName: [
-          { required: true, message: '网格名称必填', trigger: 'blur' }
-        ],
-        addDepartmentName: [
-          { required: true, message: '部门名称必填', trigger: 'blur' }
-        ]
-      }
-    }
-  },
-  created () {
-    this.getAgencyList()
-    this.getDepartmentList()
-    this.getGridList()
-    this.getAgencyStaffListData()
-    this.getDutyList()
-    this.getRoleList()
-    // this.getNavigation()
-    // 更新顶部面包屑
-    this.assembleBreadcrumbArr(localStorage.getItem('agencyId'), 'agency')
-  },
-
-  watch: {
-    dialogVisibleGrid (val) {
-      if (val) {
-        setTimeout(() => {
-          let _that = this
-          this.initMap(_that)
-        }, 1000);
-      }
     },
-    createAgencyDialogFlag (val) {
-      if (val) {
-        setTimeout(() => {
-          let _t = this
-          this.createMap(_t)
-        }, 1000);
-      }
-    },
-    modifyCityOrgPop (val) {
-      if (val) {
-        setTimeout(() => {
-          let _t = this
-          this.createMap(_t)
-        }, 1000);
-      }
-    },
-    streetOrCommunity (val) {
-      if (val) {
-        setTimeout(() => {
-          let _t = this
-          this.createMap(_t)
-        }, 1000);
-      }
-    },
-    modifyGridPop (val) {
-      if (val) {
-        setTimeout(() => {
-          let _t = this
-          this.createMap(_t)
-        }, 1000);
-      }
-    }
-  },
-  mounted () {
-    // this.initMap()
-  },
-  methods: {
-    // 点击后获取id
-    handleChange (e) {
-      this.transferForm.orgId = e[1]
-      if (this.transferForm.orgId != null || '') {
-        if (this.transferForm.orgId === 0) {
-          if (e[2] == null || '') {
-            this.transferForm.orgType = 'dept'
-            this.transferForm.orgId = "14f572e724eecf7668b655505d789cab"
-          } else {
-            this.transferForm.orgId = e[2]
-            this.transferForm.orgType = 'dept'
-          }
-        } else {
-          if (e[2] == null || '') {
-            this.transferForm.orgType = 'grid'
-            this.transferForm.orgId = "63d5ff92ea981b1c58e4914ac894c610"
-          } else {
-            this.transferForm.orgId = e[2]
-            this.transferForm.orgType = 'grid'
-          }
-
+    created(){
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.getAgencyStaffListData()
+        this.getRoleList()
+        // this.getNavigation()
+        // 更新顶部面包屑
+        this.assembleBreadcrumbArr(localStorage.getItem('agencyId'), 'agency')
+    },
+    
+    watch: {
+        dialogVisibleGrid(val) {
+            if (val) {
+                setTimeout(() => {
+                    let _that = this
+                    this.initMap(_that)
+                }, 1000);
+            }
+        },
+        createAgencyDialogFlag(val) {
+            if (val) {
+                setTimeout(() => {
+                    let _t = this
+                    this.createMap(_t)
+                }, 1000);
+            }
+        },
+        modifyCityOrgPop(val){
+            if (val) {
+                setTimeout(() => {
+                    let _t = this
+                    this.createMap(_t)
+                }, 1000);
+            }
+        },
+        streetOrCommunity(val){
+            if (val) {
+                setTimeout(() => {
+                    let _t = this
+                    this.createMap(_t)
+                }, 1000);
+            }
+        },
+        modifyGridPop(val){
+            if (val) {
+                setTimeout(() => {
+                    let _t = this
+                    this.createMap(_t)
+                }, 1000);
+            }
         }
-      } else {
-        this.transferForm.orgId = e[0]
-        this.transferForm.orgType = 'agency'
-      }
     },
-    /** 查询系统工作人员角色（职责） */
-    async getDutyList () {
-      const url = "/gov/org/staff/rolelist"
-      let params = {
-        agencyId: this.currentAgencyId
-      }
-      const { data, code, msg } = await requestPost(url, params)
-      if (code === 0) {
-        this.dutyList = data
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    /** 查询系统工作人员角色（职责） */
-    async getRoleList () {
-      this.tableLoading = true
+    mounted(){
+        // this.initMap()
+    },
+    methods:{
+        // 点击后获取id
+        handleChange (e) {
+            this.transferForm.orgId = e[1]
+            if(this.transferForm.orgId != null || ''){
+                if(this.transferForm.orgId === 0){
+                    if(e[2] == null || ''){
+                        this.transferForm.orgType = 'dept'
+                        this.transferForm.orgId = "14f572e724eecf7668b655505d789cab"
+                    }else{
+                        this.transferForm.orgId = e[2]
+                        this.transferForm.orgType = 'dept'
+                    }
+                } else {
+                    if(e[2] == null || ''){
+                        this.transferForm.orgType = 'grid'
+                        this.transferForm.orgId = "63d5ff92ea981b1c58e4914ac894c610"
+                    } else {
+                        this.transferForm.orgId = e[2]
+                        this.transferForm.orgType = 'grid'
+                    }
+                    
+                }
+            }else{
+                this.transferForm.orgId = e[0]
+                this.transferForm.orgType = 'agency'
+            }
+        },
+        /** 查询系统工作人员角色（职责） */
+        async getRoleList () {
+            const url = "/gov/org/staff/rolelist"
+            let params = {
+                agencyId: this.currentAgencyId
+            }
+            const { data, code, msg } = await requestPost(url,params)
+            if(code === 0){
+                this.dutyList = data
+            }else{
+                this.$message.error(msg)
+            }
+        },
+        /** 查询组织列表 */
+        async getAgencyList(){
+            const url = "/gov/org/agency/agencylist"
+            let params = {
+                agencyId: this.currentAgencyId
+            }
 
-      const url = "/gov/access/govrole/list"
+            const { data, code, msg } = await requestPost(url,params)
 
-      let params = {
+            if(code === 0){
+                this.agencyTableListData = data
+            }else{
+                this.$message.error(msg)
+            }
+        },
+        /** 查询社区列表 */
+        async getDepartmentList(){
+            const url = "/gov/org/department/departmentlist"
 
-      }
+            let params = {
+                agencyId: this.currentAgencyId
+            }
 
-      const { data, code, msg } = await requestGet(url, params)
+            const { data, code, msg } = await requestPost(url,params)
 
-      if (code === 0) {
+            if(code === 0){
+                this.departmentTableListData = data
+            }else{
+                this.$message.error(msg)
+                
+            }
+        },
+        /** 查询网格列表 */
+        async getGridList(){
+            const url = "/gov/org/grid/allgrids"
 
-        this.roleList = data
+            let params = {
+                agencyId: this.currentAgencyId
+            }
 
-      } else {
-        this.$message.error(msg)
-      }
-      this.tableLoading = false
-    },
-    /** 查询组织列表 */
-    async getAgencyList () {
-      const url = "/gov/org/agency/agencylist"
-      let params = {
-        agencyId: this.currentAgencyId
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.agencyTableListData = data
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    /** 查询社区列表 */
-    async getDepartmentList () {
-      const url = "/gov/org/department/departmentlist"
+            const { data, code, msg } = await requestPost(url,params)
 
-      let params = {
-        agencyId: this.currentAgencyId
-      }
+            if(code === 0){
+                this.gridTableListData = data
+            }else{
+                this.$message.error(msg)
+            }
+        },
 
-      const { data, code, msg } = await requestPost(url, params)
+        // 查询网格人员列表
+        async getGridStaffListData(){
+           const url = "/data/aggregator/org/stafflist"
 
-      if (code === 0) {
-        this.departmentTableListData = data
-      } else {
-        this.$message.error(msg)
+           let params = {
+               orgId:this.currentGridOrgId,
+               orgType:'grid',
+               pageNo:1,
+               pageSize:100
+           }
 
-      }
-    },
-    /** 查询网格列表 */
-    async getGridList () {
-      const url = "/gov/org/grid/allgrids"
+           const { data, code, msg } = await requestPost(url,params)
 
-      let params = {
-        agencyId: this.currentAgencyId
-      }
+           if(code === 0){
+               this.gridStaffTableListData = data.staffList
+           } else {
+               this.$message.error(msg)
+           }
+        },
+        // 查询组织工作人员
+        async getAgencyStaffListData(){
+            const url = "/data/aggregator/org/stafflist"
 
-      const { data, code, msg } = await requestPost(url, params)
+            let params = {
+                orgId: this.currentAgencyId,
+                orgType:'agency',
+                pageNo:1,
+                pageSize:100
+            }
 
-      if (code === 0) {
-        this.gridTableListData = data
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            const { data, code, msg } = await requestPost(url,params)
 
-    // 查询网格人员列表
-    async getGridStaffListData () {
-      const url = "/data/aggregator/org/stafflist"
+            if(code === 0) {
+                this.agencyStaffTableListData = data.staffList
+            } else {
+                this.$message.error(msg)
+            }
+        },
 
-      let params = {
-        orgId: this.currentGridOrgId,
-        orgType: 'grid',
-        pageNo: 1,
-        pageSize: 100
-      }
+        // 查询部门人员
+        async getDepartmentStaffListData(){
+            const url = "/data/aggregator/org/stafflist"
 
-      const { data, code, msg } = await requestPost(url, params)
+            let params = {
+               orgId:this.currentDepartmentId,
+               orgType:'dept',
+               pageNo:1,
+               pageSize:100
+            }
 
-      if (code === 0) {
-        this.gridStaffTableListData = data.staffList
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 查询组织工作人员
-    async getAgencyStaffListData () {
-      const url = "/data/aggregator/org/stafflist"
-
-      let params = {
-        orgId: this.currentAgencyId,
-        orgType: 'agency',
-        pageNo: 1,
-        pageSize: 100
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.agencyStaffTableListData = data.staffList
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            const { data, code, msg } = await requestPost(url,params)
 
-    // 查询部门人员
-    async getDepartmentStaffListData () {
-      const url = "/data/aggregator/org/stafflist"
+            if(code === 0){
+                this.departmentStaffTableListData = data.staffList
+            } else {
+                this.$message.error(msg)
+            }
+        },
+        // 添加组织
+        async submit(){
+            
+            const url = "/gov/org/department/adddepartment"
 
-      let params = {
-        orgId: this.currentDepartmentId,
-        orgType: 'dept',
-        pageNo: 1,
-        pageSize: 100
-      }
+            let params = {
+                agencyId:this.insertForm.agencyId,
+                departmentName:this.insertForm.departmentName,
+                departmentDuty:this.insertForm.departmentDuty,
+                contacts:this.insertForm.contacts,
+                mobile:this.insertForm.mobile,
+                code:this.insertForm.code
+            }
 
-      const { data, code, msg } = await requestPost(url, params)
+            const { data, code, msg } = await requestPost(url,params)
 
-      if (code === 0) {
-        this.departmentStaffTableListData = data.staffList
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 添加组织
-    async submit () {
-
-      const url = "/gov/org/department/adddepartment"
-
-      let params = {
-        agencyId: this.insertForm.agencyId,
-        departmentName: this.insertForm.departmentName,
-        departmentDuty: this.insertForm.departmentDuty,
-        contacts: this.insertForm.contacts,
-        mobile: this.insertForm.mobile,
-        code: this.insertForm.code
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("添加成功")
-        this.dialogVisible = false
-        this.insertForm = []
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 添加网格
-    async submitGrid () {
-      const url = "/gov/org/grid/addgrid"
-
-      let params = {
-        agencyId: this.GridForm.agencyId,
-        gridName: this.GridForm.gridName,
-        contacts: this.GridForm.contacts,
-        mobile: this.GridForm.mobile,
-        code: this.GridForm.code,
-        manageDistrict: this.GridForm.manageDistrict,
-        gridType: this.GridForm.gridType,
-        latitude: this.lat,
-        longitude: this.lng
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("添加成功")
-        this.dialogVisibleGrid = false
-        this.GridForm = []
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
+            if(code === 0){
+                this.$message.success("添加成功")
+                this.dialogVisible = false
+                this.insertForm = []
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+            }else{
+                this.$message.error(msg)
+            }
+        },
+        // 添加网格
+        async submitGrid(){
+            const url = "/gov/org/grid/addgrid"
 
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            let params = {
+                agencyId:this.GridForm.agencyId,
+                gridName:this.GridForm.gridName,
+                contacts:this.GridForm.contacts,
+                mobile:this.GridForm.mobile,
+                code:this.GridForm.code,
+                manageDistrict:this.GridForm.manageDistrict,
+                gridType:this.GridForm.gridType,
+                latitude:this.lat,
+                longitude:this.lng
+            }
 
-    // 添加人员
-    async submitPeo () {
-      const url = "/gov/org/staff/addstaffv2"
+            const { data, code, msg } = await requestPost(url,params)
 
-      let params = {
-        orgType: this.peoForm.orgType,
-        name: this.peoForm.name,
-        mobile: this.peoForm.mobile,
-        gender: this.peoForm.gender,
-        workType: this.peoForm.post,
-        roles: this.peoForm.duty,
-        newRoles: this.peoForm.newRoles,
-        orgId: this.currentAgencyId,
+            if(code === 0){
+                this.$message.success("添加成功")
+                this.dialogVisibleGrid = false
+                this.GridForm = []
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+            } else {
+                this.$message.error(msg)
+            }
+        },
 
-      }
+        // 添加人员
+        async submitPeo(){
+            const url = "/gov/org/staff/addstaffv2"
 
-      const { data, code, msg } = await requestPost(url, params)
+            let params = {
+                orgType:this.peoForm.orgType,
+                name:this.peoForm.name,
+                mobile:this.peoForm.mobile,
+                gender:this.peoForm.gender,
+                workType:this.peoForm.post,
+                roles:this.peoForm.duty,
+                orgId:this.submitOrgid
+            }
 
-      if (code === 0) {
+            const { data, code, msg } = await requestPost(url,params)
 
-        this.$message.success("添加成功")
-        this.dialogVisiblePeo = false
-        this.peoForm = []
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-        this.insertFormRest()
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            if(code === 0){
+                
+                this.$message.success("添加成功")
+                this.dialogVisiblePeo = false
+                this.peoForm = []
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+            } else {
+                this.$message.error(msg)
+            }
+        },
 
-    // 人员修改
-    async updatePeo () {
-      const url = "/gov/org/staff/editstaff"
+        // 人员修改
+        async updatePeo(){
+            const url = "/gov/org/staff/editstaff"
 
-      let params = {
-        staffId: this.userStaffId,
-        name: this.peoForm.name,
-        mobile: this.peoForm.mobile,
-        gender: this.peoForm.gender === '男' ? 1 : 0,
-        workType: this.peoForm.post,
-        roles: this.peoForm.duty,
-        newRoles: this.peoForm.newRoles,
-        agencyId: this.currentAgencyId,
-      }
+            let params = {
+                staffId:this.userStaffId,
+                name:this.peoForm.name,
+                mobile:this.peoForm.mobile,
+                gender:this.peoForm.gender === '男' ? 1 : 0,
+                workType:this.peoForm.post,
+                roles:this.peoForm.duty,
+                agencyId:this.userAgencyId,
+            }
 
-      const { data, code, msg } = await requestPost(url, params)
+            const { data, code, msg } = await requestPost(url,params)
 
-      if (code === 0) {
-        this.$message.success("修改成功")
-        this.modifyPeo = false
+            if(code === 0) {
+                this.$message.success("修改成功")
+                this.modifyPeo = false
+                
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+                this.getDepartmentStaffListData()
+                this.getGridStaffListData()
+                
+            } else {
+                this.$message.error(msg)
+            }
+        },
 
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-        this.getDepartmentStaffListData()
-        this.getGridStaffListData()
-        this.insertFormRest()
+        // 字典
+        async getDictionaries(){
+            const url = "/sys/dict/data/dictlist"
 
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            let params = {
+                dictType:'grid_type'
+            }
+            
+            const { data, code, msg } = await requestPost(url,params)
 
-    // 字典
-    async getDictionaries () {
-      const url = "/sys/dict/data/dictlist"
+            if(code === 0){
+                this.typeList = data
+            } else {
+                this.$message.error(msg)
+            }
+        },
 
-      let params = {
-        dictType: 'grid_type'
-      }
+        /** 搜索按钮操作 */
+        handleQuery(){
+            this.getList()
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.queryParams.deptName = undefined
+            this.queryParams.status = undefined
+            this.handleQuery();
+        },
+        /** 新增按钮操作 */
+        handleAdd(row){
+            this.dialogVisible=true
+        },
+        // 社区弹框关闭函数
+        handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            this.insertFormRest()
+            done();
+          })
+          .catch(_ => {});
+        },
+        // 人员查看叉号关闭
+        handleClosePeoView(done){
+            this.insertFormRest()
+            done();
+        },
+        // 社区新增弹框重置函数
+        insertFormRest(){
+            this.insertForm.name = '',
+            this.insertForm.contacts = '',
+            this.insertForm.code = '',
+            this.insertForm.mobile = '',
+            this.insertForm.departmentName = ''
+        },
+        // 网格新增弹框重置函数
+        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 = ''
+        },
+        /** 人员清空 */
+        peoFormRest(){
+            this.peoForm.name = '',
+            this.peoForm.mobile = '',
+            this.peoForm.gender = '',
+            this.peoForm.post = '',
+            this.peoForm.duty = ''
+            
+        },
+        // 人员调动
+        transferRest(){
+            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.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 = ''
+        },
+        // 修改下级机关单位
+        OrgUnitDetailsRest(){
+            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 = ''
+        },
+        // 社区新增弹框取消按钮
+        cancel(){
+            this.dialogVisible = false
+            this.insertFormRest()
+        },
+        // 网格新增弹框取消按钮
+        cancelGrid(){
+            this.dialogVisibleGrid = false
+            this.GridFormRest()
+            
+        },
+        /** 取消按钮 */
+        cancelPeo(){
+            this.dialogVisiblePeo = false
+            this.peoFormRest()
+        },
+        // 修改取消
+        cancelXiugai(){
+            this.modifyPeo = false
+            this.peoFormRest()
+        },
+        // 查看弹窗
+        cancelDetails(){
+            this.details = false
+        },
+        /** 人员调动取消按钮 */
+        cancelTransfer(){
+            this.transferRest()
+            this.transferPeo = false
+        },
+        // 新增组织取消按钮
+        canceladdNewAgency(){
+            this.addNewAgencyRest()
+            this.createAgencyDialogFlag = false
+        },
+        // 修改市级组织取消按钮
+        cancelModifyCityOrgPop(){
+            this.cancelModifyCityOrgPopRest()
+            this.modifyCityOrgPop = false
+        },
+        // 修改街道/社区级取消按钮
+        cancelstreetOrCommunity(){
+            this.cancelModifyCityOrgPopRest()
+            this.streetOrCommunity = false
+        },
+        // 取消修改下级机关单位按钮
+        cancelOrgUnitPop(){
+            this.OrgUnitPop = false
+            this.OrgUnitDetailsRest()
+        },
+        // 取消修改网格按钮
+        cancelModifyGridPop(){
+            this.modifyGridPop = false
+            this.ModifyGridPopRest()
+        },
+        // 进入网格，查询网格所属人员
+        entryGrid(gridId){
+            this.gridStaffTableListData = []
+            this.departmentStaffTableListData =[]
+            this.agencyStaffTableListData = []
+            this.currentGridOrgId = gridId
+            this.gridStaffTableFlag = true
+            this.departmentStaffTableFlag = false
+            this.currentAgencyStaffTableFlag = false
+            this.agencyTableFlag = false
+            this.departmentTableFlag = false
+            this.gridTableFlag = false
+            this.getGridStaffListData()
+            this.assembleBreadcrumbArr(gridId, 'grid')
+        },
+        // 进入部门，查询部门所属人员
+        entryDepartment(departmentId){
+            this.gridStaffTableListData = []
+            this.departmentStaffTableListData = []
+            this.agencyStaffTableListData = []
+            this.currentDepartmentId = departmentId
+            this.departmentStaffTableFlag = true
+            this.currentAgencyStaffTableFlag = false
+            this.gridStaffTableFlag = false
+            this.gridTableFlag = false
+            this.agencyTableFlag = false
+            this.departmentTableFlag = false
+            this.getDepartmentStaffListData()
+            this.assembleBreadcrumbArr(departmentId, 'department')
+        },
 
-      const { data, code, msg } = await requestPost(url, params)
+        // 进入组织，重新渲染
+        entryAgency(agencyId){
 
-      if (code === 0) {
-        this.typeList = data
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            this.currentAgencyId = agencyId
 
-    /** 搜索按钮操作 */
-    handleQuery () {
-      this.getList()
-    },
-    /** 重置按钮操作 */
-    resetQuery () {
-      this.queryParams.deptName = undefined
-      this.queryParams.status = undefined
-      this.handleQuery();
-    },
-    /** 新增按钮操作 */
-    handleAdd (row) {
-      this.dialogVisible = true
-    },
-    // 社区弹框关闭函数
-    handleClose (done) {
-      this.$confirm('确认关闭？')
-        .then(_ => {
-          this.insertFormRest()
-          done();
-        })
-        .catch(_ => { });
-    },
-    // 人员查看叉号关闭
-    handleClosePeoView (done) {
-      this.insertFormRest()
-      done();
-    },
-    // 社区新增弹框重置函数
-    insertFormRest () {
-      this.insertForm.name = ''
-      this.insertForm.contacts = ''
-      this.insertForm.code = ''
-      this.insertForm.mobile = ''
-      this.insertForm.departmentName = ''
-
-      this.peoForm = {
-        name: '',
-        mobile: '',
-        gender: '',
-        post: '',
-        duty: [],
-        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 = ''
-    },
-    /** 人员清空 */
-    peoFormRest () {
-      this.peoForm.name = '',
-        this.peoForm.mobile = '',
-        this.peoForm.gender = '',
-        this.peoForm.post = '',
-        this.peoForm.duty = ''
-      this.peoForm.newRoles = []
+            this.agencyTableListData = []
+            this.departmentTableListData = []
+            this.gridTableListData = []
+            this.gridStaffTableListData = []
+            this.agencyStaffTableListData = []
+            this.departmentStaffTableListData = []
 
-    },
-    // 人员调动
-    transferRest () {
-      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.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 = ''
-    },
-    // 修改下级机关单位
-    OrgUnitDetailsRest () {
-      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 = ''
-    },
-    // 社区新增弹框取消按钮
-    cancel () {
-      this.dialogVisible = false
-      this.insertFormRest()
-    },
-    // 网格新增弹框取消按钮
-    cancelGrid () {
-      this.dialogVisibleGrid = false
-      this.GridFormRest()
+            this.getDepartmentList()
+            this.getGridList()
+            this.getAgencyStaffListData()
+            this.getAgencyList()
+            this.assembleBreadcrumbArr(agencyId, 'agency')
+        },
+        // 新增组织
+        addCommunity(row){
+            this.insertForm.agencyId = this.currentAgencyId
+            this.dialogVisible = true
+        },
+        // 新增网格
+        addGrid(row){
+            this.GridForm.agencyId = this.currentAgencyId
+            this.getDictionaries()
+            this.dialogVisibleGrid = true
+        },
 
-    },
-    /** 取消按钮 */
-    cancelPeo () {
-      this.dialogVisiblePeo = false
-      this.peoFormRest()
-    },
-    // 修改取消
-    cancelXiugai () {
-      this.modifyPeo = false
-      this.peoFormRest()
-    },
-    // 查看弹窗
-    cancelDetails () {
-      this.details = false
-    },
-    /** 人员调动取消按钮 */
-    cancelTransfer () {
-      this.transferRest()
-      this.transferPeo = false
-    },
-    // 新增组织取消按钮
-    canceladdNewAgency () {
-      this.addNewAgencyRest()
-      this.createAgencyDialogFlag = false
-    },
-    // 修改市级组织取消按钮
-    cancelModifyCityOrgPop () {
-      this.cancelModifyCityOrgPopRest()
-      this.modifyCityOrgPop = false
-    },
-    // 修改街道/社区级取消按钮
-    cancelstreetOrCommunity () {
-      this.cancelModifyCityOrgPopRest()
-      this.streetOrCommunity = false
-    },
-    // 取消修改下级机关单位按钮
-    cancelOrgUnitPop () {
-      this.OrgUnitPop = false
-      this.OrgUnitDetailsRest()
-    },
-    // 取消修改网格按钮
-    cancelModifyGridPop () {
-      this.modifyGridPop = false
-      this.ModifyGridPopRest()
-    },
-    // 进入网格，查询网格所属人员
-    entryGrid (gridId) {
-      this.gridStaffTableListData = []
-      this.departmentStaffTableListData = []
-      this.agencyStaffTableListData = []
-      this.currentGridOrgId = gridId
-      this.gridStaffTableFlag = true
-      this.departmentStaffTableFlag = false
-      this.currentAgencyStaffTableFlag = false
-      this.agencyTableFlag = false
-      this.departmentTableFlag = false
-      this.gridTableFlag = false
-      this.getGridStaffListData()
-      this.assembleBreadcrumbArr(gridId, 'grid')
-    },
-    // 进入部门，查询部门所属人员
-    entryDepartment (departmentId) {
-      this.gridStaffTableListData = []
-      this.departmentStaffTableListData = []
-      this.agencyStaffTableListData = []
-      this.currentDepartmentId = departmentId
-      this.departmentStaffTableFlag = true
-      this.currentAgencyStaffTableFlag = false
-      this.gridStaffTableFlag = false
-      this.gridTableFlag = false
-      this.agencyTableFlag = false
-      this.departmentTableFlag = false
-      this.getDepartmentStaffListData()
-      this.assembleBreadcrumbArr(departmentId, 'department')
-    },
+        // 新增人员
+        addPeo(row){
+            this.dialogVisiblePeo = true
+            this.peoForm.orgType = 'agency'
+            this.submitOrgid = this.currentAgencyId
+        },
+        
+        // 新增社区人员
+        addCommunityPeo(){
+            this.dialogVisiblePeo = true
+            this.peoForm.orgType = 'dept'
+            this.submitOrgid = this.currentDepartmentId
+        },
 
-    // 进入组织，重新渲染
-    entryAgency (agencyId) {
+        // 新增网格人员
+        addGridPeo(){
+            this.dialogVisiblePeo = true
+            this.peoForm.orgType = 'grid'
+            this.submitOrgid = this.currentGridOrgId
+        },
+        // 修改网格人员
+        async xiuGridPeo(row){
+            this.modifyPeo = true
+            this.peoForm.orgType = 'grid'
+            this.submitOrgid = this.currentGridOrgId
+            this.userStaffId = row.staffId
+
+            const url = "/gov/org/staff/editstaffinit"
+            let params = {
+                staffId: row.staffId,
+                agencyId: this.currentAgencyId
+            }
+            const { data, code, msg } = await requestPost(url,params)
+            if(code === 0){
+                
+                this.peoForm.name = data.name
+                this.peoForm.mobile = data.mobile
+                this.peoForm.gender = data.gender === 1 ? '男' : '女'
+                this.peoForm.post = data.workType
+                // 已有的权限（职责）
+                let existedRoleArr = []
+                data.roleList.forEach(function (sysRole) {
+                    if (sysRole.selected === true) {
+                        existedRoleArr.push(sysRole.roleId)
+                    }
+                })
+                this.peoForm.duty = existedRoleArr
+            } else {
+                this.$message.error(msg)
+            }
+        },
+        // 修改人员
+        async xiuPeo(row){
+            this.modifyPeo = true
+            this.peoForm.orgType = 'agency'
+            this.submitOrgid = this.currentAgencyId
+            this.userStaffId = row.staffId
 
-      this.currentAgencyId = agencyId
+            const url = "/gov/org/staff/editstaffinit"
 
-      this.agencyTableListData = []
-      this.departmentTableListData = []
-      this.gridTableListData = []
-      this.gridStaffTableListData = []
-      this.agencyStaffTableListData = []
-      this.departmentStaffTableListData = []
+            let params = {
+                staffId:row.staffId,
+                agencyId:this.currentAgencyId
+            }
 
-      this.getDepartmentList()
-      this.getGridList()
-      this.getAgencyStaffListData()
-      this.getAgencyList()
-      this.assembleBreadcrumbArr(agencyId, 'agency')
-    },
-    // 新增组织
-    addCommunity (row) {
-      this.insertForm.agencyId = this.currentAgencyId
-      this.dialogVisible = true
-    },
-    // 新增网格
-    addGrid (row) {
-      this.GridForm.agencyId = this.currentAgencyId
-      this.getDictionaries()
-      this.dialogVisibleGrid = true
-    },
+            const { data, code, msg } = await requestPost(url,params)
 
-    // 新增人员
-    addPeo (row) {
-      this.dialogVisiblePeo = true
-      this.peoForm.orgType = 'agency'
+            if(code === 0){
+                this.peoForm.name = data.name
+                this.peoForm.mobile = data.mobile
+                this.peoForm.post = data.workType
+                this.peoForm.gender = data.gender === 1 ? '男' : '女'
+                // 已有的权限（职责）
+                let existedRoleArr = []
+                data.roleList.forEach(function (sysRole) {
+                    if (sysRole.selected === true) {
+                        existedRoleArr.push(sysRole.roleId)
+                    }
+                })
+                this.peoForm.duty = existedRoleArr
+            } else {
+                this.$message.error(msg)
+            }
 
-    },
+            
+        },
+        // 修改社区人员
+        async xiuCommunityPeo(row){
+            this.modifyPeo = true
+            this.peoForm.orgType = 'dept'
+            this.submitOrgid = this.currentDepartmentId
+            this.userStaffId = row.staffId
 
-    // 新增社区人员
-    addCommunityPeo () {
-      this.dialogVisiblePeo = true
-      this.peoForm.orgType = 'dept'
+            const url = '/gov/org/staff/editstaffinit'
 
-    },
+            let params = {
+                staffId:row.staffId,
+                agencyId:this.currentAgencyId
+            }
 
-    // 新增网格人员
-    addGridPeo () {
-      this.dialogVisiblePeo = true
-      this.peoForm.orgType = 'grid'
+            const { data, code, msg } = await requestPost(url,params)
 
-    },
-    // 修改网格人员
-    async xiuGridPeo (row) {
-      this.modifyPeo = true
-      this.peoForm.orgType = 'grid'
-
-      this.userStaffId = row.staffId
-
-      const url = "/gov/org/staff/editstaffinit"
-      let params = {
-        staffId: row.staffId,
-        agencyId: this.currentAgencyId
-      }
-      const { data, code, msg } = await requestPost(url, params)
-      if (code === 0) {
-
-        this.peoForm.name = data.name
-        this.peoForm.mobile = data.mobile
-        this.peoForm.gender = data.gender === 1 ? '男' : '女'
-        this.peoForm.post = data.workType
-        // 已有的权限（职责）
-        let existedDutyArr = []
-        data.roleList.forEach(function (sysDuty) {
-          if (sysDuty.selected === true) {
-            existedDutyArr.push(sysDuty.roleId)
-          }
-        })
-        this.peoForm.duty = existedDutyArr
-        // 已有的权限（角色）
-        let existedRoleArr = []
-        data.newRoleList.forEach(function (sysRole) {
-          if (sysRole.selected === true) {
-            existedRoleArr.push(sysRole.roleId)
-          }
-        })
-        this.peoForm.newRoles = existedRoleArr
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 修改人员
-    async xiuPeo (row) {
-      this.modifyPeo = true
-      this.peoForm.orgType = 'agency'
-
-      this.userStaffId = row.staffId
-
-      const url = "/gov/org/staff/editstaffinit"
-
-      let params = {
-        staffId: row.staffId,
-        agencyId: this.currentAgencyId
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.peoForm.name = data.name
-        this.peoForm.mobile = data.mobile
-        this.peoForm.post = data.workType
-        this.peoForm.gender = data.gender === 1 ? '男' : '女'
-        // 已有的权限（职责）
-        let existedDutyArr = []
-        data.roleList.forEach(function (sysDuty) {
-          if (sysDuty.selected === true) {
-            existedDutyArr.push(sysDuty.roleId)
-          }
-        })
-        this.peoForm.duty = existedDutyArr
-        // 已有的权限（角色）
-        let existedRoleArr = []
-        data.newRoleList.forEach(function (sysRole) {
-          if (sysRole.selected === true) {
-            existedRoleArr.push(sysRole.roleId)
-          }
-        })
-        this.peoForm.newRoles = existedRoleArr
-      } else {
-        this.$message.error(msg)
-      }
+            if(code === 0){
+                this.peoForm.name = data.name
+                this.peoForm.mobile = data.mobile
+                this.peoForm.gender = data.gender === 1 ? '男' : '女'
+                this.peoForm.post = data.workType
+                // 已有的权限（职责）
+                let existedRoleArr = []
+                data.roleList.forEach(function (sysRole) {
+                    if (sysRole.selected === true) {
+                        existedRoleArr.push(sysRole.roleId)
+                    }
+                })
+                this.peoForm.duty = existedRoleArr
+            }else {
+                this.$message.error(msg)
+            }
 
+            
+        },
+        // 取消禁用按钮
+        cancelDisable(){
+            this.Disable = false
+        },
+        // 人员禁用
+        DisablePeo(row){
+            this.DisableForm.staffId = row.staffId
+            this.Disable = true
+        },
+        // 确定禁用
+        async submitDisable(){
+            const url = "/epmetuser/customerstaff/disabledstaff"
 
-    },
-    // 修改社区人员
-    async xiuCommunityPeo (row) {
-      this.modifyPeo = true
-      this.peoForm.orgType = 'dept'
-
-      this.userStaffId = row.staffId
-
-      const url = '/gov/org/staff/editstaffinit'
-
-      let params = {
-        staffId: row.staffId,
-        agencyId: this.currentAgencyId
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.peoForm.name = data.name
-        this.peoForm.mobile = data.mobile
-        this.peoForm.gender = data.gender === 1 ? '男' : '女'
-        this.peoForm.post = data.workType
-        // 已有的权限（职责）
-        let existedDutyArr = []
-        data.roleList.forEach(function (sysDuty) {
-          if (sysDuty.selected === true) {
-            existedDutyArr.push(sysDuty.roleId)
-          }
-        })
-        this.peoForm.duty = existedDutyArr
-        // 已有的权限（角色）
-        let existedRoleArr = []
-        data.newRoleList.forEach(function (sysRole) {
-          if (sysRole.selected === true) {
-            existedRoleArr.push(sysRole.roleId)
-          }
-        })
-        this.peoForm.newRoles = existedRoleArr
-      } else {
-        this.$message.error(msg)
-      }
+            let params = {
+                staffId:this.DisableForm.staffId,
+                agencyId:this.DisableForm.agencyId,
+                customerId:this.DisableForm.customerId
+            }
 
+            const { data, code, msg } = await requestPost(url,params)
 
-    },
-    // 取消禁用按钮
-    cancelDisable () {
-      this.Disable = false
-    },
-    // 人员禁用
-    DisablePeo (row) {
-      this.DisableForm.staffId = row.staffId
-      this.Disable = true
-    },
-    // 确定禁用
-    async submitDisable () {
-      const url = "/epmetuser/customerstaff/disabledstaff"
+            if(code === 0){
+                this.$message.success("禁用成功")
+                this.Disable = false
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+            } else {
+                this.$message.error(msg)
+            }
+        },
+        // 查看按钮
+        async lookAngency(row){
+            const url = "/data/aggregator/org/staffdetailv2"
 
-      let params = {
-        staffId: this.DisableForm.staffId,
-        agencyId: this.DisableForm.agencyId,
-        customerId: this.DisableForm.customerId
-      }
+            let params = {
+                staffId:row.staffId
+            }
 
-      const { data, code, msg } = await requestPost(url, params)
+            const { data, code, msg } = await requestPost(url,params)
 
-      if (code === 0) {
-        this.$message.success("禁用成功")
-        this.Disable = false
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 查看按钮
-    async lookAngency (row) {
-      const url = "/data/aggregator/org/staffdetailv2"
-
-      let params = {
-        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.activeTime = data.activeTime
-        this.peoForm.duty = data.roles
-        this.peoForm.zuzhi = data.orgName
-        if (data.enableFlag === 'enable') {
-          this.peoForm.disableFlag = '已启用'
-        } else {
-          this.peoForm.disableFlag = '已禁用'
-        }
-      }
-      this.details = true
-    },
+            if(code === 0){
+                this.peoForm.name = data.name
+                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 = '已启用'
+                } else {
+                    this.peoForm.disableFlag = '已禁用'
+                }
+            }
+            this.details = true
+        },
+        
+        // 人员调动
+        async transfer(row){
 
-    // 人员调动
-    async transfer (row) {
-
-      this.transferForm.name = row.name
-      this.transferForm.staffId = row.staffId
-
-      this.transferPeo = true
-      const url = "/gov/org/customeragency/orgtree"
-
-      let params = {
-
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.options[0].label = data.agencyName
-        this.options[0].value = data.agencyId
-
-        console.log('--------', this.options)
-        let depart = Array.from(data.departmentList)
-        let gr = Array.from(data.gridList)
-
-        depart.forEach(item => {
-          const ob = {
-            value: item.deptId,
-            label: item.deptName
-          }
-          this.options[0].children[0].children.push(ob)
-        })
-        this.options[0].children[0].value = 0
-        this.options[0].children[0].label = "部门"
-        this.options[0].children[1].value = 1
-        this.options[0].children[1].label = "网格"
-        gr.forEach(item => {
-          const obj = {
-            value: item.gridId,
-            label: item.gridName
-          }
-          this.options[0].children[1].children.push(obj)
-        })
-      } else {
-        this.$message.error("树查询失败", msg)
-      }
+            this.transferForm.name = row.name
+            this.transferForm.staffId = row.staffId
 
-    },
-    // 人员调动确定
-    async submitTransfer () {
-      const url = "/gov/org/staff/stafftransferv2"
-
-      let params = {
-        staffId: this.transferForm.staffId,
-        orgId: this.transferForm.orgId,
-        orgType: this.transferForm.orgType,
-        remarks: this.transferForm.remarks
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("调动成功")
-        this.transferRest()
-        this.transferPeo = false
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-        this.getDepartmentStaffListData()
-        this.getAgencyStaffListData()
-        this.getGridStaffListData()
+            this.transferPeo = true
+            const url = "/gov/org/customeragency/orgtree"
 
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            let params = {
+
+            }
+            
+            const { data, code, msg } = await requestPost(url,params)
 
-    // 获取导航
-    // async getNavigation(){
+            if(code === 0){
+                this.options[0].label = data.agencyName
+                this.options[0].value = data.agencyId
+
+                    console.log('--------',this.options)
+                let depart = Array.from(data.departmentList)
+                let gr = Array.from(data.gridList)
+
+                depart.forEach(item => {
+                    const ob = {
+                        value:item.deptId,
+                        label:item.deptName                        
+                    }
+                    this.options[0].children[0].children.push(ob)
+                })
+                    this.options[0].children[0].value = 0
+                    this.options[0].children[0].label = "部门"
+                    this.options[0].children[1].value = 1
+                    this.options[0].children[1].label = "网格"
+                gr.forEach(item => {
+                    const obj = {
+                        value:item.gridId,
+                        label:item.gridName                        
+                    }
+                    this.options[0].children[1].children.push(obj)
+                })
+            }else{
+                this.$message.error("树查询失败",msg)
+            }
+            
+        },
+        // 人员调动确定
+        async submitTransfer(){
+            const url = "/gov/org/staff/stafftransferv2"
 
-    //     const url = "/gov/org/customeragency/orgtree"
+            let params = {
+                staffId:this.transferForm.staffId,
+                orgId:this.transferForm.orgId,
+                orgType:this.transferForm.orgType,
+                remarks:this.transferForm.remarks
+            }
 
-    //     let params = {
+            const { data, code, msg } = await requestPost(url,params)
 
-    //     }
+            if(code === 0){
+                this.$message.success("调动成功")
+                this.transferRest()
+                this.transferPeo = false
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+                this.getDepartmentStaffListData()
+                this.getAgencyStaffListData()
+                this.getGridStaffListData()
 
-    //     const { data, code, msg } = await requestPost(url,params)
+            } else {
+                this.$message.error(msg)
+            }
+        },
 
-    //     if(code === 0){
-    //         this.Navigation = data.agencyName
-    //     }
-    // 组装顶部面包屑数组
-    async assembleBreadcrumbArr (id, orgType) {
-      this.currentBreadcrumbKey = id
-      if (orgType === 'agency') {
-        const url = '/gov/org/agency/agencydetail'
-        let params = {
-          agencyId: id,
-        }
-        const { data, code, msg } = await requestPost(url, params)
-        if (code === 0) {
-          // 社区级为最低级组织，不展示下级组织列表
-          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
-          }
-          if (data.level === 'community') {
-            this.agencyTableFlag = false
-          } else {
-            this.agencyTableFlag = true
-          }
-          if (this.breadcrumbArr.length === 0) {
-            this.breadcrumbArr = [{ id: data.agencyId, name: data.agencyName, type: orgType }]
-          } else {
-            let hasBreadcrumbArr = false
-            this.breadcrumbArr.forEach(function (bc) {
-              if (bc.id === id) {
-                hasBreadcrumbArr = true
-              }
-            })
-            if (hasBreadcrumbArr === false) {
-              let breadcrumb = { id: data.agencyId, name: data.agencyName, type: orgType }
-              this.breadcrumbArr.push(breadcrumb)
+        // 获取导航
+        // async getNavigation(){
+
+        //     const url = "/gov/org/customeragency/orgtree"
+
+        //     let params = {
+
+        //     }
+            
+        //     const { data, code, msg } = await requestPost(url,params)
+
+        //     if(code === 0){
+        //         this.Navigation = data.agencyName
+        //     }
+        // 组装顶部面包屑数组
+        async assembleBreadcrumbArr (id, orgType) {
+            this.currentBreadcrumbKey = id
+            if (orgType === 'agency') {
+                const url = '/gov/org/agency/agencydetail'
+                let params = {
+                    agencyId : id,
+                }
+                const { data, code, msg } = await requestPost(url, params)
+                if(code === 0){
+                    // 社区级为最低级组织，不展示下级组织列表
+                    if (data.level === 'community') {
+                        this.agencyTableFlag = false
+                    } else {
+                        this.agencyTableFlag = true
+                    }
+                    if (this.breadcrumbArr.length === 0) {
+                        this.breadcrumbArr = [{id: data.agencyId, name: data.agencyName, type: orgType}]
+                    } else {
+                        let hasBreadcrumbArr = false
+                        this.breadcrumbArr.forEach(function (bc) {
+                            if (bc.id === id) {
+                                hasBreadcrumbArr = true
+                            }
+                        })
+                        if (hasBreadcrumbArr === false) {
+                            let breadcrumb = {id: data.agencyId, name: data.agencyName, type: orgType}
+                            this.breadcrumbArr.push(breadcrumb)
+                        } 
+                    }
+                } else {
+                    this.$message.error(msg)
+                }
+            } else if (orgType === 'department') {
+                const url = '/gov/org/department/departmentdetail'
+                let params = {
+                    departmentId : id,
+                }
+                const { data, code, msg } = await requestPost(url, params)
+                if(code === 0){
+                    if (this.breadcrumbArr.length === 0) {
+                        this.breadcrumbArr = [{id: data.departmentId, name: data.departmentName, type: orgType}]
+                    } else {
+                        let hasBreadcrumbArr = false
+                        this.breadcrumbArr.forEach(function (bc) {
+                            if (bc.id === id) {
+                                hasBreadcrumbArr = true
+                            }
+                        })
+                        if (hasBreadcrumbArr === false) {
+                            let breadcrumb = {id: data.departmentId, name: data.departmentName, type: orgType}
+                            this.breadcrumbArr.push(breadcrumb)
+                        } 
+                    }
+                } else {
+                    this.$message.error(msg)
+                }
+            } else if (orgType === 'grid') {
+                const url = '/gov/org/grid/griddetail'
+                let params = {
+                    gridId : id,
+                }
+                const { data, code, msg } = await requestPost(url, params)
+                if(code === 0){
+                    if (this.breadcrumbArr.length === 0) {
+                        this.breadcrumbArr = [{id: data.grid, name: data.gridName, type: orgType}]
+                    } else {
+                        let hasBreadcrumbArr = false
+                        this.breadcrumbArr.forEach(function (bc) {
+                            if (bc.id === id) {
+                                hasBreadcrumbArr = true
+                            }
+                        })
+                        if (hasBreadcrumbArr === false) {
+                            let breadcrumb = {id: data.grid, name: data.gridName, type: orgType}
+                            this.breadcrumbArr.push(breadcrumb)
+                        } 
+                    }
+                } else {
+                    this.$message.error(msg)
+                }
             }
-          }
-        } else {
-          this.$message.error(msg)
-        }
-      } else if (orgType === 'department') {
-        const url = '/gov/org/department/departmentdetail'
-        let params = {
-          departmentId: id,
-        }
-        const { data, code, msg } = await requestPost(url, params)
-        if (code === 0) {
-          if (this.breadcrumbArr.length === 0) {
-            this.breadcrumbArr = [{ id: data.departmentId, name: data.departmentName, type: orgType }]
-          } else {
-            let hasBreadcrumbArr = false
-            this.breadcrumbArr.forEach(function (bc) {
-              if (bc.id === id) {
-                hasBreadcrumbArr = true
-              }
-            })
-            if (hasBreadcrumbArr === false) {
-              let breadcrumb = { id: data.departmentId, name: data.departmentName, type: orgType }
-              this.breadcrumbArr.push(breadcrumb)
+        },
+
+        async refreshThisPage (index) {
+
+            // 点击最后一级不触发响应
+            if (index === this.breadcrumbArr.length - 1) {
+                return
             }
-          }
-        } else {
-          this.$message.error(msg)
-        }
-      } else if (orgType === 'grid') {
-        const url = '/gov/org/grid/griddetail'
-        let params = {
-          gridId: id,
-        }
-        const { data, code, msg } = await requestPost(url, params)
-        if (code === 0) {
-          if (this.breadcrumbArr.length === 0) {
-            this.breadcrumbArr = [{ id: data.grid, name: data.gridName, type: orgType }]
-          } else {
-            let hasBreadcrumbArr = false
-            this.breadcrumbArr.forEach(function (bc) {
-              if (bc.id === id) {
-                hasBreadcrumbArr = true
-              }
+
+            const selectOrg = this.breadcrumbArr[index]
+            this.breadcrumbArr = this.breadcrumbArr.slice(0, index + 1)
+
+            const orgId = selectOrg.id
+            const orgType = selectOrg.type
+
+            if (orgType === 'agency') {
+                this.agencyTableListData = []
+                this.agencyStaffTableListData = []
+                this.departmentTableListData = []
+                this.departmentStaffTableListData = []
+                this.gridTableListData = []
+                this.gridStaffTableListData = []
+                this.userAgencyId = orgId
+                this.currentAgencyId = orgId
+
+                this.agencyTableFlag = true
+                this.currentAgencyStaffTableFlag = true
+                this.departmentTableFlag = true
+                this.departmentStaffTableFlag = false
+                this.gridTableFlag = true
+                this.gridStaffTableFlag = false
+
+                this.assembleBreadcrumbArr(orgId, 'agency')
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+            } 
+            // 当点击最后一级不触发响应
+            // 其父级及以上，只可能属于组织，而非部门或网格，注释以下代码即可
+            // 若需要点击最后一级触发刷新，可释放以下代码
+            /* else if (orgType === 'department') {
+                this.agencyStaffTableListData = []
+                this.departmentStaffTableListData = []
+                this.gridStaffTableListData = []
+
+                this.currentDepartmentId = orgId
+
+                this.agencyTableFlag = false
+                this.currentAgencyStaffTableFlag = false
+                this.departmentTableFlag = false
+                this.departmentStaffTableFlag = true
+                this.gridTableFlag = false
+                this.gridStaffTableFlag = false
+
+                this.getDepartmentStaffListData()
+                this.assembleBreadcrumbArr(orgId, 'department')
+            } else if (orgType === 'grid') {
+                this.agencyStaffTableListData = []
+                this.departmentStaffTableListData =[]
+                this.gridStaffTableListData = []
+
+                this.currentGridOrgId = orgId
+
+                this.agencyTableFlag = false
+                this.currentAgencyStaffTableFlag = false
+                this.departmentTableFlag = false
+                this.departmentStaffTableFlag = false
+                this.gridTableFlag = false
+                this.gridStaffTableFlag = true
+                this.getGridStaffListData()
+                this.assembleBreadcrumbArr(orgId, 'grid')
+            } */
+        },
+        // 获取当前用户信息
+        async getUser(){
+            const url = '/gov/org/agency/agencydetail'
+
+            let params = {
+                agencyId: this.currentAgencyId
+            }
+
+            const { data, code, msg } = await requestPost(url,params)
+
+            if(code === 0){
+                this.userForm.areaCode = data.areaCode
+                this.userForm.level = data.level
+                this.userForm.parentAgencyId = data.agencyId
+                this.getZoning()
+            }else{
+                this.$message.error(msg)
+            }
+        },
+        // 获取组织区划信息
+        async getZoning(){
+            const url = '/data/aggregator/org/nextlevelareacodelist'
+
+            let params = {
+                areaCode:this.userForm.areaCode,
+                level:this.userForm.level,
+                parentAgencyId:this.userForm.parentAgencyId
+            }
+
+            const { data, code, msg } = await requestPost(url,params)
+
+            if(code === 0){
+                this.zonings = data
+            }else{
+                this.$message.error(msg)
+            }
+
+        },
+
+        handelZoing(val){
+            this.zonings.forEach(item => {
+                if (item.areaCode == val) {
+                    this.agencyForm.level = item.level
+                    this.agencyForm.areaName = item.areaName
+                    this.agencyForm.areaCode = item.areaCode
+                }
+            })
+        },
+        handelStreeOrCommunityZoing(val){
+            this.zonings.forEach(item => {
+                if (item.areaCode == val) {
+                    this.OrgDetailsForm.level = item.level
+                    this.OrgDetailsForm.areaName = item.areaName
+                    this.OrgDetailsForm.areaCode = item.areaCode
+                }
             })
-            if (hasBreadcrumbArr === false) {
-              let breadcrumb = { id: data.grid, name: data.gridName, type: orgType }
-              this.breadcrumbArr.push(breadcrumb)
+        },
+
+        addAgency(row){
+            this.createAgencyDialogFlag = true
+            this.addNewAgencyRest()
+            this.getUser()
+        },
+        // 新增组织确定按钮
+        async submitaddNewAgency(){
+            const url = '/gov/org/agency/addagency-v2'
+
+            let params = {
+                parentAgencyId:this.userForm.parentAgencyId,
+                agencyName:this.agencyForm.agencyName,
+                level:this.agencyForm.level,
+                areaCodeSwitch:'closed',
+                areaCode:this.agencyForm.areaCode,
+                areaName:this.agencyForm.areaName,
+                contacts:this.agencyForm.contacts,
+                mobile:this.agencyForm.mobile,
+                code:this.agencyForm.code,
+                latitude:this.latitude,
+                longitude:this.longitude
             }
-          }
-        } else {
-          this.$message.error(msg)
-        }
-      }
-    },
 
-    async refreshThisPage (index) {
-
-      // 点击最后一级不触发响应
-      if (index === this.breadcrumbArr.length - 1) {
-        return
-      }
-
-      const selectOrg = this.breadcrumbArr[index]
-      this.breadcrumbArr = this.breadcrumbArr.slice(0, index + 1)
-
-      const orgId = selectOrg.id
-      const orgType = selectOrg.type
-
-      if (orgType === 'agency') {
-        this.agencyTableListData = []
-        this.agencyStaffTableListData = []
-        this.departmentTableListData = []
-        this.departmentStaffTableListData = []
-        this.gridTableListData = []
-        this.gridStaffTableListData = []
-        this.userAgencyId = orgId
-        this.currentAgencyId = orgId
-
-        this.agencyTableFlag = true
-        this.currentAgencyStaffTableFlag = true
-        this.departmentTableFlag = true
-        this.departmentStaffTableFlag = false
-        this.gridTableFlag = true
-        this.gridStaffTableFlag = false
-
-        this.assembleBreadcrumbArr(orgId, 'agency')
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-      }
-      // 当点击最后一级不触发响应
-      // 其父级及以上，只可能属于组织，而非部门或网格，注释以下代码即可
-      // 若需要点击最后一级触发刷新，可释放以下代码
-      /* else if (orgType === 'department') {
-          this.agencyStaffTableListData = []
-          this.departmentStaffTableListData = []
-          this.gridStaffTableListData = []
-
-          this.currentDepartmentId = orgId
-
-          this.agencyTableFlag = false
-          this.currentAgencyStaffTableFlag = false
-          this.departmentTableFlag = false
-          this.departmentStaffTableFlag = true
-          this.gridTableFlag = false
-          this.gridStaffTableFlag = false
-
-          this.getDepartmentStaffListData()
-          this.assembleBreadcrumbArr(orgId, 'department')
-      } else if (orgType === 'grid') {
-          this.agencyStaffTableListData = []
-          this.departmentStaffTableListData =[]
-          this.gridStaffTableListData = []
-
-          this.currentGridOrgId = orgId
-
-          this.agencyTableFlag = false
-          this.currentAgencyStaffTableFlag = false
-          this.departmentTableFlag = false
-          this.departmentStaffTableFlag = false
-          this.gridTableFlag = false
-          this.gridStaffTableFlag = true
-          this.getGridStaffListData()
-          this.assembleBreadcrumbArr(orgId, 'grid')
-      } */
-    },
-    // 获取组织区划信息
-    async getZoning (areaCode, parentAgencyId, parentAgencyLevel) {
-      const url = '/data/aggregator/org/nextlevelareacodelist'
+            const { data, code, msg } = await requestPost(url,params)
 
-      let params = {
-        areaCode: areaCode,
-        level: parentAgencyLevel,
-        parentAgencyId: parentAgencyId
-      }
+            if(code === 0){
+                this.$message.success("添加成功")
+                this.createAgencyDialogFlag = false
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.getAgencyStaffListData()
+            }else {
+                this.$message.error(msg)
+            }
+        },
 
-      const { data, code, msg } = await requestPost(url, params)
+        // 修改面包屑
+        modifyOrgInfo(){
+            this.judgeOrgInfoLevel = this.breadcrumbArr[this.breadcrumbArr.length-1]
+            console.log(this.judgeOrgInfoLevel)
+            if(this.judgeOrgInfoLevel.type === "agency"){
+                this.getOrgDetailsById()
+                setTimeout(() => {
+                    if(this.OrgDetailsForm.level === "district"){
+                    /** 修改市区级弹窗 */
+                    this.modifyCityOrgPop = true
+                    }else {
+                        /** 街道级和社区级弹窗 */
+                        this.getUser()
+                        this.streetOrCommunity = true
+                    }
+                }, 1000);
+            } else if(this.judgeOrgInfoLevel.type === "department"){
+                /** 下级机关单位修改 */
+                this.OrgUnitPop = true
+                this.getOrgUnitDetailsById()
+            } else {
+                /** 网格修改 */
+                this.getDictionaries()
+                this.modifyGridPop = true
+                this.getGridDetailsById()
+            }
+        },
 
-      if (code === 0) {
-        this.zonings = data
-      } else {
-        this.$message.error(msg)
-      }
+        // 根据id获取组织机构详细信息
+        async getOrgDetailsById(){
+            const url = '/gov/org/agency/agencydetail'
 
-    },
+            let params = {
+                agencyId:this.judgeOrgInfoLevel.id
+            }
 
-    handelZoing (val) {
-      this.zonings.forEach(item => {
-        if (item.areaCode == val) {
-          this.agencyForm.level = item.level
-          this.agencyForm.areaName = item.areaName
-          this.agencyForm.areaCode = item.areaCode
-        }
-      })
-    },
-    handelStreeOrCommunityZoing (val) {
-      this.zonings.forEach(item => {
-        if (item.areaCode == val) {
-          this.OrgDetailsForm.level = item.level
-          this.OrgDetailsForm.areaName = item.areaName
-          this.OrgDetailsForm.areaCode = item.areaCode
-        }
-      })
-    },
+            const { data, code, msg } = await requestPost(url,params)
 
-    addAgency () {
-      this.createAgencyDialogFlag = true
-      this.addNewAgencyRest()
-      this.getZoning(this.currentAreaCode, this.currentAgencyId, this.currentAgencyLevel)
-    },
-    // 新增组织确定按钮
-    async submitaddNewAgency () {
-      const url = '/gov/org/agency/addagency-v2'
-
-      let params = {
-        parentAgencyId: this.parentAgencyId,
-        agencyName: this.agencyForm.agencyName,
-        level: this.agencyForm.level,
-        areaCodeSwitch: 'closed',
-        areaCode: this.agencyForm.areaCode,
-        areaName: this.agencyForm.areaName,
-        contacts: this.agencyForm.contacts,
-        mobile: this.agencyForm.mobile,
-        code: this.agencyForm.code,
-        latitude: this.latitude,
-        longitude: this.longitude
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("添加成功")
-        this.createAgencyDialogFlag = false
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.getAgencyStaffListData()
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            if(code === 0){
+                this.OrgDetailsForm.level = data.level
+                this.OrgDetailsForm.agencyName = data.agencyName
+                this.OrgDetailsForm.code = data.code
+                this.OrgDetailsForm.contacts = data.contacts
+                this.OrgDetailsForm.centerAddress = data.centerAddress
+                this.OrgDetailsForm.areaCode = data.areaCode
+                this.OrgDetailsForm.mobile = data.mobile
+                this.latitude = data.latitude
+                this.longitude = data.longitude
+                this.OrgDetailsForm.agencyId = data.agencyId
+            }else {
+                this.$message.error(msg)
+            }
+        },
 
-    // 修改面包屑
-    modifyOrgInfo () {
-      this.judgeOrgInfoLevel = this.breadcrumbArr[this.breadcrumbArr.length - 1]
-      if (this.judgeOrgInfoLevel.type === "agency") {
-        this.getOrgDetailsById()
-        setTimeout(() => {
-          if (this.OrgDetailsForm.level === "district") {
-            /** 修改市区级弹窗 */
-            this.modifyCityOrgPop = true
-          } else {
-            /** 街道级和社区级弹窗 */
-            this.getZoning(this.parentAreaCode, this.parentAgencyId, this.parentAgencyLevel)
-            this.streetOrCommunity = true
-          }
-        }, 1000);
-      } else if (this.judgeOrgInfoLevel.type === "department") {
-        /** 下级机关单位修改 */
-        this.OrgUnitPop = true
-        this.getOrgUnitDetailsById()
-      } else {
-        /** 网格修改 */
-        this.getDictionaries()
-        this.modifyGridPop = true
-        this.getGridDetailsById()
-      }
-    },
+        // 根据id获取下级机关单位详情
+        async getOrgUnitDetailsById(){
+            const url = '/gov/org/department/departmentdetail'
+
+            let params = {
+                departmentId:this.judgeOrgInfoLevel.id
+            }
+
+            const { data, code, msg } = await requestPost(url,params)
+
+            if(code === 0){
+                this.OrgUnitDetailsForm.code = data.code
+                this.OrgUnitDetailsForm.contacts = data.contacts
+                this.OrgUnitDetailsForm.departmentId = data.departmentId
+                this.OrgUnitDetailsForm.departmentName = data.departmentName
+                this.OrgUnitDetailsForm.mobile = data.mobile
+            }else {
+                this.$message.error(msg)
+            }
+        },
+
+        // 根据id获取网格详情
+        async getGridDetailsById(){
+            const url = '/gov/org/grid/griddetail'
 
-    // 根据id获取组织机构详细信息
-    async getOrgDetailsById () {
-      const url = '/gov/org/agency/agencydetail'
+            let params = {
+                gridId: this.judgeOrgInfoLevel.id
+            }
 
-      let params = {
-        agencyId: this.judgeOrgInfoLevel.id
-      }
             const { data, code, msg } = await requestPost(url,params)
 
             if(code === 0){
@@ -2307,226 +2126,108 @@ export default {
                 mobile: this.OrgUnitDetailsForm.mobile
             }
 
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-
-        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.OrgDetailsForm.level = data.level
-        this.OrgDetailsForm.agencyName = data.agencyName
-        this.OrgDetailsForm.code = data.code
-        this.OrgDetailsForm.contacts = data.contacts
-        this.OrgDetailsForm.centerAddress = data.centerAddress
-        this.OrgDetailsForm.areaCode = data.areaCode
-        this.OrgDetailsForm.mobile = data.mobile
-        this.latitude = data.latitude
-        this.longitude = data.longitude
-        this.OrgDetailsForm.agencyId = data.agencyId
-      } else {
-        this.$message.error(msg)
-      }
-    },
-
-    // 根据id获取下级机关单位详情
-    async getOrgUnitDetailsById () {
-      const url = '/gov/org/department/departmentdetail'
-
-      let params = {
-        departmentId: this.judgeOrgInfoLevel.id
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.OrgUnitDetailsForm.code = data.code
-        this.OrgUnitDetailsForm.contacts = data.contacts
-        this.OrgUnitDetailsForm.departmentId = data.departmentId
-        this.OrgUnitDetailsForm.departmentName = data.departmentName
-        this.OrgUnitDetailsForm.mobile = data.mobile
-      } else {
-        this.$message.error(msg)
-      }
-    },
-
-    // 根据id获取网格详情
-    async getGridDetailsById () {
-      const url = '/gov/org/grid/griddetail'
-
-      let params = {
-        gridId: this.judgeOrgInfoLevel.id
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.modifyGridFrom.gridName = data.gridName
-        this.modifyGridFrom.code = data.code
-        this.modifyGridFrom.gridTypeName = data.gridTypeName
-        this.modifyGridFrom.contacts = data.contacts
-        this.modifyGridFrom.mobile = data.mobile
-        this.modifyGridFrom.agencyId = data.agencyId
-        this.modifyGridFrom.gridType = data.gridType
-        this.modifyGridFrom.manageDistrict = data.manageDistrict
-        this.modifyGridFrom.griId = data.griId
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            const { data, code, msg } = await requestPost(url,params)
 
-    // 市级/街道/社区级组织修改确定按钮
-    async sunmitModifyCityOrgPop () {
-      const url = '/gov/org/agency/editagency'
-
-      let params = {
-        agencyId: this.OrgDetailsForm.agencyId,
-        agencyName: this.OrgDetailsForm.agencyName,
-        contacts: this.OrgDetailsForm.contacts,
-        mobile: this.OrgDetailsForm.mobile,
-        code: this.OrgDetailsForm.code,
-        latitude: this.latitude,
-        longitude: this.longitude
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("修改成功")
-        this.modifyCityOrgPop = false
-        this.streetOrCommunity = false
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.agencyPeo()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 修改下级机关单位确定按钮
-    async sunmitOrgUnitForm () {
-      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
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("修改成功")
-        this.OrgUnitPop = false
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.agencyPeo()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-    // 修改网格确定按钮
-    async submitModifyGrid () {
-      const url = '/gov/org/grid/editgrid'
-
-      let params = {
-        gridId: this.modifyGridFrom.griId,
-        gridName: this.modifyGridFrom.gridName,
-        manageDistrict: this.modifyGridFrom.manageDistrict,
-        contacts: this.modifyGridFrom.contacts,
-        mobile: this.modifyGridFrom.mobile,
-        code: this.modifyGridFrom.code,
-        gridType: this.modifyGridFrom.gridType
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message.success("修改成功")
-        this.modifyGridPop = false
-        this.getAgencyList()
-        this.getDepartmentList()
-        this.getGridList()
-        this.agencyPeo()
-      } else {
-        this.$message.error(msg)
-      }
-    },
+            if(code === 0){
+                this.$message.success("修改成功")
+                this.OrgUnitPop = false
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.agencyPeo()
+            } else {
+                this.$message.error(msg)
+            }
+        },
+        // 修改网格确定按钮
+        async submitModifyGrid(){
+            const url = '/gov/org/grid/editgrid'
 
-    /** 地图初始化 */
-    initMap (_that) {
+            let params = {
+                gridId: this.modifyGridFrom.griId,
+                gridName: this.modifyGridFrom.gridName,
+                manageDistrict: this.modifyGridFrom.manageDistrict,
+                contacts: this.modifyGridFrom.contacts,
+                mobile: this.modifyGridFrom.mobile,
+                code: this.modifyGridFrom.code,
+                gridType: this.modifyGridFrom.gridType
+            }
 
-      var position = document.getElementById("position");
+            const { data, code, msg } = await requestPost(url,params)
 
-      var center = new window.TMap.LatLng(39.984104, 116.307503);//设置中心点坐标
-      //初始化地图
-      var map = new window.TMap.Map("container", {
-        center: center
-      });
+            if(code === 0){
+                this.$message.success("修改成功")
+                this.modifyGridPop = false
+                this.getAgencyList()
+                this.getDepartmentList()
+                this.getGridList()
+                this.agencyPeo()
+            }else {
+                this.$message.error(msg)
+            }
+        },
 
-      //绑定点击事件
-      map.on("click", function (evt) {
-        _that.lat = evt.latLng.getLat().toFixed(6);
-        _that.lng = evt.latLng.getLng().toFixed(6);
-        position.innerHTML = _that.lat + "," + _that.lng;
-      })
-    },
-    createMap (_t) {
-      document.getElementById("con").innerHTML = ''
-      document.getElementById("con").innerHTML = '当前点击坐标为：<span id="pos"></span>'
-      var position = document.getElementById("pos");
-
-      if (this.latitude === null || this.latitude === "" || this.longitude === null || this.longitude === "") {
-        var center = new window.TMap.LatLng(36.116796, 120.339959);
-      } else {
-        var center = new window.TMap.LatLng(this.latitude, this.longitude);//设置中心点坐标
-      }
-
-      //初始化地图
-      var map = new window.TMap.Map("con", {
-        center: center
-      });
-
-      //绑定点击事件
-      map.on("click", function (evt) {
-        _t.latitude = evt.latLng.getLat().toFixed(6);
-        _t.longitude = evt.latLng.getLng().toFixed(6);
-        position.innerHTML = _t.latitude + "," + _t.longitude;
-      })
+       /** 地图初始化 */
+       initMap(_that) {
+           
+            var position = document.getElementById("position");
+
+            var center = new window.TMap.LatLng(39.984104, 116.307503);//设置中心点坐标
+            //初始化地图
+            var map = new window.TMap.Map("container", {
+                center: center
+            });
+            
+            //绑定点击事件
+            map.on("click",function(evt){
+                _that.lat = evt.latLng.getLat().toFixed(6);
+                _that.lng = evt.latLng.getLng().toFixed(6);
+                position.innerHTML = _that.lat + "," + _that.lng;
+            })
+        },
+        createMap(_t){
+            document.getElementById("con").innerHTML = ''
+            document.getElementById("con").innerHTML = '当前点击坐标为：<span id="pos"></span>'
+            var position = document.getElementById("pos");
+
+            var center = new window.TMap.LatLng(this.latitude, this.longitude);//设置中心点坐标
+            //初始化地图
+            var map = new window.TMap.Map("con", {
+                center: center
+            });
+            
+            //绑定点击事件
+            map.on("click",function(evt){
+                _t.latitude = evt.latLng.getLat().toFixed(6);
+                _t.longitude = evt.latLng.getLng().toFixed(6);
+                position.innerHTML = _t.latitude + "," + _t.longitude;
+            })
 
+        }
+        
     }
-
-  }
 }
 </script>
 
 <style scoped>
-#container {
-  width: 100%;
-  height: 100%;
-}
-#info {
-  left: 20px;
-  top: 20px;
-  font-size: 14px;
-  background: #fff;
-  width: 270px;
-  padding: 10px;
-  border-radius: 3px;
-}
-#con {
-  width: 100%;
-  height: 100%;
-}
-.el-tag + .el-tag {
-  margin-left: 10px;
-}
+    #container {
+        width: 100%;
+        height: 100%;
+    }
+    #info{
+        left: 20px;
+        top: 20px;
+        font-size: 14px;
+        background: #fff;
+        width: 270px;
+        padding: 10px;
+        border-radius: 3px;
+    }
+    #con {
+        width: 100%;
+        height: 100%;
+    }
+    .el-tag + .el-tag {
+        margin-left: 10px;
+    }
 </style>
\ No newline at end of file