diff --git a/.env.development b/.env.development
index e715e4d..c7b9d36 100644
--- a/.env.development
+++ b/.env.development
@@ -6,4 +6,4 @@ VUE_APP_API_SERVER =  http://localhost:7099/api
 
 VUE_APP_NODE_ENV=dev
 #项目根路径
-VUE_APP_PUBLIC_PATH=lingshan-oper
\ No newline at end of file
+VUE_APP_PUBLIC_PATH=epmet-oper-gov
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 1f550cb..3a15fe9 100644
--- a/.env.production
+++ b/.env.production
@@ -1,4 +1,4 @@
 NODE_ENV=production
 VUE_APP_API_SERVER = https://lingshan-smps.elinkservice.cn/api
 VUE_APP_NODE_ENV=prod
-VUE_APP_PUBLIC_PATH=lingshan-oper
+VUE_APP_PUBLIC_PATH=epmet-oper-gov
diff --git a/.env.production.sit b/.env.production.sit
index 43416a8..74014a7 100644
--- a/.env.production.sit
+++ b/.env.production.sit
@@ -1,4 +1,4 @@
 NODE_ENV=production
 VUE_APP_API_SERVER = http://119.167.72.91/api
 VUE_APP_NODE_ENV=prod:sit
-VUE_APP_PUBLIC_PATH=lingshan-oper
\ No newline at end of file
+VUE_APP_PUBLIC_PATH=epmet-oper-gov
\ No newline at end of file
diff --git a/.env.production.uat b/.env.production.uat
index 87eaf1c..dae0bf2 100644
--- a/.env.production.uat
+++ b/.env.production.uat
@@ -1,4 +1,4 @@
 NODE_ENV=production
 VUE_APP_API_SERVER = http://119.167.72.91/api
 VUE_APP_NODE_ENV=prod:uat
-VUE_APP_PUBLIC_PATH=lingshan-oper
\ No newline at end of file
+VUE_APP_PUBLIC_PATH=epmet-oper-gov
\ No newline at end of file
diff --git a/src/i18n/zh-CN.js b/src/i18n/zh-CN.js
index 993f4b0..fdad4bf 100644
--- a/src/i18n/zh-CN.js
+++ b/src/i18n/zh-CN.js
@@ -3,10 +3,10 @@ const t = {}
 t.loading = '加载中...'
 
 t.brand = {}
-t.brand.lg = '数字社区综合服务平台'
-t.brand.mini = '数字'
-t.brand.work = '数字社区综合服务平台'
-t.brand.workMini = '工作端'
+t.brand.lg = '灵山街道乡村治理智慧管理平台'
+t.brand.mini = '灵山'
+t.brand.work = '灵山街道乡村治理智慧管理平台'
+t.brand.workMini = '灵山'
 
 t.add = '新增'
 t.delete = '删除'
diff --git a/src/views/modules/base/organization/organization.vue b/src/views/modules/base/organization/organization.vue
index 362cd5f..159dc60 100644
--- a/src/views/modules/base/organization/organization.vue
+++ b/src/views/modules/base/organization/organization.vue
@@ -1,869 +1,1178 @@
 <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="departmentTypeShow"
-                       label="部门类型"></el-table-column>
-      <el-table-column prop="contacts"
-                       label="联系人"></el-table-column>
-      <el-table-column prop="mobile"
-                       label="联系人电话"></el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       class-name="small-padding fixed-width">
-        <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)">进入</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">
-        <template slot-scope="scope">
-          <span>{{scope.row.name}}</span>
-          <el-tag v-if="scope.row.enableFlag==='disabled'"
-                  type="danger"
-                  style="margin-left:10px"
-                  size="mini"
-                  disable-transitions>{{ '已禁用' }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column prop="roles"
-                       label="本级工作人员职责"
-                       width="260">
-        <template slot-scope="scope">
-          <el-tag type="primary"
-                  size="mini"
-                  v-for="(role, index) in scope.row.roles"
-                  :key="index"
-                  disable-transitions>{{ role }}</el-tag>
-        </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 v-if="scope.row.enableFlag==='enable'"
-                     size="mini"
-                     type="danger"
-                     icon="el-icon-circle-close"
-                     @click="DisablePeo(scope.row)">禁用</el-button>
-          <el-button v-if="scope.row.enableFlag==='disabled'"
-                     size="mini"
-                     type="danger"
-                     icon="el-icon-circle-close"
-                     @click="enablestaff(scope.row)">解禁</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 下级机关单位/基层科室工作人员 -->
-    <el-table height="350"
-              v-show="departmentStaffTableFlag"
-              :data="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 v-if="selDeptType === 'duty'"
-                     size="mini"
-                     type="primary"
-                     icon="el-icon-plus"
-                     @click="addCommunityPeo(scope.row)">新增</el-button>
-        </template>
-        <template slot-scope="scope">
-          <el-button size="mini"
-                     type="warning"
-                     icon="el-icon-edit"
-                     @click="xiuCommunityPeo(scope.row)">修改</el-button>
-          <el-button size="mini"
-                     type="success"
-                     icon="el-icon-view"
-                     @click="lookAngency(scope.row)">查看</el-button>
-          <el-button v-if="selDeptType === 'duty'"
-                     size="mini"
-                     type="info"
-                     icon="el-icon-rank"
-                     @click="transfer(scope.row)">调动</el-button>
-          <el-button size="mini"
-                     type="danger"
-                     icon="el-icon-circle-close"
-                     @click="DisablePeo(scope.row)">禁用</el-button>
-        </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="850"
-               :before-close="handleClose">
-      <el-form label-width="120px"
-               :rules="rules">
-        <el-form-item label="部门名称"
-                      prop="addDepartmentName">
-          <el-input v-model="insertForm.departmentName"
-                    placeholder="请输入部门名称"></el-input>
-        </el-form-item>
-        <el-form-item label="组织编码"
-                      prop="code">
-          <el-input v-model="insertForm.code"
-                    placeholder="请输入组织编码"></el-input>
-        </el-form-item>
-        <el-form-item label="联系人"
-                      prop="contacts">
-          <el-input v-model="insertForm.contacts"
-                    placeholder="请输入联系人姓名"></el-input>
-        </el-form-item>
-        <el-form-item label="联系电话"
-                      prop="mobile">
-          <el-input v-model="insertForm.mobile"
-                    placeholder="请输入联系电话"></el-input>
-        </el-form-item>
-      </el-form>
-      <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="850"
-                 :before-close="handleClose">
-        <el-form label-width="120px"
-                 :rules="rules">
-          <el-form-item label="网格名称"
-                        prop="gridName">
-            <el-input v-model="GridForm.gridName"
-                      placeholder="请输入部门名称"></el-input>
-          </el-form-item>
-          <el-form-item label="网格编码"
-                        prop="GridCode">
-            <el-input v-model="GridForm.code"
-                      placeholder="请输入网格编码"></el-input>
-          </el-form-item>
-
-          <!-- 网格类型，下拉框 -->
-          <el-form-item label="网格类型"
-                        prop="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 label="坐标">
-            <div id="con"></div>
-          </el-form-item>
-        </el-form>
-
-        <div slot="footer">
-          <el-button @click="cancelGrid">取 消</el-button>
-          <el-button type="primary"
-                     @click="submitGrid">确 定</el-button>
-        </div>
-      </el-dialog>
-    </div>
-
-    <!-- 新增人员 -->
-    <div v-if="dialogVisiblePeo">
-      <el-dialog title="新增人员"
-                 :visible.sync="dialogVisiblePeo"
-                 width="850"
-                 :before-close="handleClose">
-        <el-form :model="peoForm"
-                 label-width="120px"
-                 ref="addPeoForm"
-                 :rules="rulesPeo">
-          <el-form-item label="姓名"
-                        prop="name">
-            <el-input v-model="peoForm.name"
-                      placeholder="请输入姓名"></el-input>
-          </el-form-item>
-          <el-form-item label="手机号"
-                        prop="mobile">
-            <el-input v-model="peoForm.mobile"
-                      placeholder="请输入手机号"></el-input>
-          </el-form-item>
-          <!-- 性别下拉框 -->
-          <el-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>
-      </el-dialog>
-    </div>
-
-    <!-- 人员修改 -->
-    <el-dialog v-if="modifyPeo"
-               title="人员修改"
-               :visible.sync="modifyPeo"
-               width="850"
-               :before-close="handleClose">
-      <el-form :model="peoForm"
-               label-width="120px"
-               ref="editPeoForm"
-               :rules="rulesPeo">
-        <el-form-item label="姓名"
-                      prop="name">
-          <el-input v-model="peoForm.name"
-                    placeholder="请输入姓名"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号"
-                      prop="mobile">
-          <el-input v-model="peoForm.mobile"
-                    placeholder="请输入手机号"></el-input>
-        </el-form-item>
-        <el-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 v-if="Disable"
-               title="确认禁用"
-               :visible.sync="Disable"
-               width="850"
-               :before-close="handleClose">
-      <span>禁用后该用户将无法登录系统，是否继续？</span>
-      <div slot="footer">
-        <el-button @click="cancelDisable">取 消</el-button>
-        <el-button type="primary"
-                   @click="submitDisable">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 人员查看 -->
-    <el-dialog v-if="details"
-               title="人员详情"
-               :visible.sync="details"
-               width="850"
-               :before-close="handleClosePeoView">
-      <el-form label-width="120px">
-        <el-form-item label="姓名">
-          <el-input v-model="peoForm.name"
-                    placeholder="姓名"
-                    :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号">
-          <el-input v-model="peoForm.mobile"
-                    placeholder="手机号"
-                    :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="组织/部门">
-          <el-input v-model="peoForm.zuzhi"
-                    placeholder="组织/部门"
-                    :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="激活时间">
-          <el-input v-model="peoForm.activeTime"
-                    placeholder="激活时间"
-                    :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="职位">
-          <el-input v-model="peoForm.duty"
-                    placeholder="职位"
-                    :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="是否禁用">
-          <el-input v-model="peoForm.disableFlag"
-                    placeholder="是否禁用"
-                    :disabled="true"></el-input>
-        </el-form-item>
-      </el-form>
-      <div slot="footer">
-        <el-button type="primary"
-                   style="margin-right: 170px"
-                   @click="cancelDetails">关 闭</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 人员调动 -->
-    <el-dialog v-if="transferPeo"
-               title="人员调动"
-               :visible.sync="transferPeo"
-               width="850"
-               :before-close="handleClose">
-      <el-form label-width="120px"
-               :model="agencyForm">
-        <el-form-item label="姓名">
-          <el-input v-model="transferForm.name"
-                    placeholder="姓名"></el-input>
-        </el-form-item>
-        <el-form-item label="调动至">
-          <el-cascader clearable
-                       :props="{ checkStrictly: true, multiple: false }"
-                       v-model="selectValue"
-                       :options="options"
-                       style="width: 100%"
-                       @change="handleChangeTransferCascader">
-            <template slot-scope="{ data }">
-              <span>{{ data.label }}</span>
-              <span v-if="data.type != 'agency'"
-                    style="color: #aaa; font-size: 12px">（{{ data.typeName }}）
-              </span>
-            </template>
-          </el-cascader>
-        </el-form-item>
-        <el-form-item label="调动原因">
-          <el-input type="textarea"
-                    :rows="2"
-                    placeholder="请输入内容"
-                    maxlength="500"
-                    show-word-limit
-                    v-model="transferForm.remarks">
-          </el-input>
-        </el-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 v-if="createAgencyDialogFlag"
-               title="新增组织"
-               :visible.sync="createAgencyDialogFlag"
-               width="850"
-               :before-close="handleClose">
-      <el-form label-width="120px">
-        <el-form-item label="组织名称">
-          <el-input v-model="agencyForm.agencyName"
-                    placeholder="请输入组织名称"></el-input>
-        </el-form-item>
-
-        <!-- 组织区划 -->
-        <el-form-item label="组织区划">
-          <el-select v-model="agencyForm.areaCode"
-                     placeholder="请选择组织区划"
-                     @change="handelZoing">
-            <el-option v-for="item in zonings"
-                       :key="item.areaCode"
-                       :label="item.areaName"
-                       :value="item.areaCode">
-            </el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="组织编码">
-          <el-input v-model="agencyForm.code"
-                    placeholder="请输入组织编码"></el-input>
-        </el-form-item>
-        <el-form-item label="负责人">
-          <el-input v-model="agencyForm.contacts"
-                    placeholder="请输入负责人名字"></el-input>
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="agencyForm.mobile"
-                    placeholder="请输入联系电话"></el-input>
-        </el-form-item>
-        <el-form-item label="坐标">
-          <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 v-if="modifyCityOrgPop"
-               title="修改组织"
-               :visible.sync="modifyCityOrgPop"
-               width="850"
-               :before-close="handleClose">
-      <el-form label-width="120px">
-        <el-form-item label="组织名称">
-          <el-input v-model="OrgDetailsForm.agencyName"
-                    placeholder="请输入组织名称"></el-input>
-        </el-form-item>
-
-        <el-form-item label="组织编码">
-          <el-input v-model="OrgDetailsForm.code"
-                    placeholder="请输入组织编码"></el-input>
-        </el-form-item>
-        <el-form-item label="负责人">
-          <el-input v-model="OrgDetailsForm.contacts"
-                    placeholder="请输入负责人名字"></el-input>
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="OrgDetailsForm.mobile"
-                    placeholder="请输入联系电话"></el-input>
-        </el-form-item>
-        <el-form-item label="坐标">
-          <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 v-if="streetOrCommunity"
-               title="修改组织"
-               :visible.sync="streetOrCommunity"
-               width="850"
-               :before-close="handleClose">
-      <el-form label-width="120px">
-        <el-form-item label="组织名称">
-          <el-input v-model="OrgDetailsForm.agencyName"
-                    placeholder="请输入组织名称"></el-input>
-        </el-form-item>
-
-        <!-- 组织区划 -->
-        <el-form-item label="组织区划">
-          <el-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 label="坐标">
-          <div id="con"></div>
-        </el-form-item>
-      </el-form>
-      <div slot="footer">
-        <el-button @click="cancelstreetOrCommunity">取 消</el-button>
-        <el-button type="primary"
-                   @click="sunmitModifyCityOrgPop">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 修改下级机关单位 -->
-    <el-dialog v-if="OrgUnitPop"
-               title="修改部门"
-               :visible.sync="OrgUnitPop"
-               width="850"
-               :before-close="handleClose">
-      <el-form label-width="120px">
-        <el-form-item label="部门名称">
-          <el-input v-model="OrgUnitDetailsForm.departmentName"
-                    placeholder="请输入组织名称"></el-input>
-        </el-form-item>
-
-        <el-form-item label="组织编码">
-          <el-input v-model="OrgUnitDetailsForm.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 v-if="modifyGridPop"
-               title="修改网格"
-               :visible.sync="modifyGridPop"
-               width="850"
-               :before-close="handleClose">
-      <el-form label-width="120px">
-        <el-form-item label="网格名称">
-          <el-input v-model="modifyGridFrom.gridName"
-                    placeholder="请输入组织名称"></el-input>
-        </el-form-item>
-
-        <el-form-item label="组织编码">
-          <el-input v-model="modifyGridFrom.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-number v-model="modifyGridFrom.gridSort"
-                           :min="1"
-                           label="排序"></el-input-number>
-        </el-form-item>
-
-        <el-form-item label="负责人">
-          <el-input v-model="modifyGridFrom.contacts"
-                    placeholder="请输入负责人名字"></el-input>
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="modifyGridFrom.mobile"
-                    placeholder="请输入联系电话"></el-input>
-        </el-form-item>
-
-        <!-- 组织位置,地图 -->
-        <el-form-item label="坐标">
-          <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>
+	<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="departmentTypeShow"
+				label="部门类型"
+			></el-table-column>
+			<el-table-column prop="contacts" label="联系人"></el-table-column>
+			<el-table-column prop="mobile" label="联系人电话"></el-table-column>
+			<el-table-column
+				label="操作"
+				align="center"
+				class-name="small-padding fixed-width"
+			>
+				<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)"
+						>进入</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">
+				<template slot-scope="scope">
+					<span>{{ scope.row.name }}</span>
+					<el-tag
+						v-if="scope.row.enableFlag === 'disabled'"
+						type="danger"
+						style="margin-left: 10px"
+						size="mini"
+						disable-transitions
+						>{{ "已禁用" }}</el-tag
+					>
+				</template>
+			</el-table-column>
+			<el-table-column prop="roles" label="本级工作人员职责" width="260">
+				<template slot-scope="scope">
+					<el-tag
+						type="primary"
+						size="mini"
+						v-for="(role, index) in scope.row.roles"
+						:key="index"
+						disable-transitions
+						>{{ role }}</el-tag
+					>
+				</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
+						v-if="scope.row.enableFlag === 'enable'"
+						size="mini"
+						type="danger"
+						icon="el-icon-circle-close"
+						@click="DisablePeo(scope.row)"
+						>禁用</el-button
+					>
+					<el-button
+						v-if="scope.row.enableFlag === 'disabled'"
+						size="mini"
+						type="danger"
+						icon="el-icon-circle-close"
+						@click="enablestaff(scope.row)"
+						>解禁</el-button
+					>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!-- 下级机关单位/基层科室工作人员 -->
+		<el-table
+			height="350"
+			v-show="departmentStaffTableFlag"
+			:data="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
+						v-if="selDeptType === 'duty'"
+						size="mini"
+						type="primary"
+						icon="el-icon-plus"
+						@click="addCommunityPeo(scope.row)"
+						>新增</el-button
+					>
+				</template>
+				<template slot-scope="scope">
+					<el-button
+						size="mini"
+						type="warning"
+						icon="el-icon-edit"
+						@click="xiuCommunityPeo(scope.row)"
+						>修改</el-button
+					>
+					<el-button
+						size="mini"
+						type="success"
+						icon="el-icon-view"
+						@click="lookAngency(scope.row)"
+						>查看</el-button
+					>
+					<el-button
+						v-if="selDeptType === 'duty'"
+						size="mini"
+						type="info"
+						icon="el-icon-rank"
+						@click="transfer(scope.row)"
+						>调动</el-button
+					>
+					<el-button
+						size="mini"
+						type="danger"
+						icon="el-icon-circle-close"
+						@click="DisablePeo(scope.row)"
+						>禁用</el-button
+					>
+				</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="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px" :rules="rules">
+				<el-form-item label="部门名称" prop="addDepartmentName">
+					<el-input
+						v-model="insertForm.departmentName"
+						placeholder="请输入部门名称"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="组织编码" prop="code">
+					<el-input
+						v-model="insertForm.code"
+						placeholder="请输入组织编码"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="联系人" prop="contacts">
+					<el-input
+						v-model="insertForm.contacts"
+						placeholder="请输入联系人姓名"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="联系电话" prop="mobile">
+					<el-input
+						v-model="insertForm.mobile"
+						placeholder="请输入联系电话"
+					></el-input>
+				</el-form-item>
+			</el-form>
+			<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="850"
+				:before-close="handleClose"
+			>
+				<el-form label-width="120px" :rules="rules">
+					<el-form-item label="网格名称" prop="gridName">
+						<el-input
+							v-model="GridForm.gridName"
+							placeholder="请输入部门名称"
+						></el-input>
+					</el-form-item>
+					<el-form-item label="网格编码" prop="GridCode">
+						<el-input
+							v-model="GridForm.code"
+							placeholder="请输入网格编码"
+						></el-input>
+					</el-form-item>
+
+					<!-- 网格类型，下拉框 -->
+					<el-form-item label="网格类型" prop="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 label="坐标">
+						<div id="con"></div>
+					</el-form-item>
+				</el-form>
+
+				<div slot="footer">
+					<el-button @click="cancelGrid">取 消</el-button>
+					<el-button type="primary" @click="submitGrid"
+						>确 定</el-button
+					>
+				</div>
+			</el-dialog>
+		</div>
+
+		<!-- 新增人员 -->
+		<div v-if="dialogVisiblePeo">
+			<el-dialog
+				title="新增人员"
+				:visible.sync="dialogVisiblePeo"
+				width="850"
+				:before-close="handleClose"
+			>
+				<el-form
+					:model="peoForm"
+					label-width="120px"
+					ref="addPeoForm"
+					:rules="rulesPeo"
+				>
+					<el-form-item label="姓名" prop="name">
+						<el-input
+							v-model="peoForm.name"
+							placeholder="请输入姓名"
+						></el-input>
+					</el-form-item>
+					<el-form-item label="手机号" prop="mobile">
+						<el-input
+							v-model="peoForm.mobile"
+							placeholder="请输入手机号"
+						></el-input>
+					</el-form-item>
+					<el-form-item label="身份证号" prop="idCard">
+						<el-input
+							v-model="peoForm.idCard"
+							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="culture">
+						<el-select
+							v-model="peoForm.culture"
+							clearable
+							placeholder="文化程度"
+						>
+							<el-option
+								v-for="item in eduList"
+								: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>
+			</el-dialog>
+		</div>
+
+		<!-- 人员修改 -->
+		<el-dialog
+			v-if="modifyPeo"
+			title="人员修改"
+			:visible.sync="modifyPeo"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form
+				:model="peoForm"
+				label-width="120px"
+				ref="editPeoForm"
+				:rules="rulesPeo"
+			>
+				<el-form-item label="姓名" prop="name">
+					<el-input
+						v-model="peoForm.name"
+						placeholder="请输入姓名"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="手机号" prop="mobile">
+					<el-input
+						v-model="peoForm.mobile"
+						placeholder="请输入手机号"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="身份证号" prop="idCard">
+					<el-input
+						v-model="peoForm.idCard"
+						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="culture">
+					<el-select
+						v-model="peoForm.culture"
+						clearable
+						placeholder="文化程度"
+					>
+						<el-option
+							v-for="item in eduList"
+							: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
+			v-if="Disable"
+			title="确认禁用"
+			:visible.sync="Disable"
+			width="850"
+			:before-close="handleClose"
+		>
+			<span>禁用后该用户将无法登录系统，是否继续？</span>
+			<div slot="footer">
+				<el-button @click="cancelDisable">取 消</el-button>
+				<el-button type="primary" @click="submitDisable"
+					>确 定</el-button
+				>
+			</div>
+		</el-dialog>
+
+		<!-- 人员查看 -->
+		<el-dialog
+			v-if="details"
+			title="人员详情"
+			:visible.sync="details"
+			width="850"
+			:before-close="handleClosePeoView"
+		>
+			<el-form label-width="120px">
+				<el-form-item label="姓名">
+					<el-input
+						v-model="peoForm.name"
+						placeholder="姓名"
+						:disabled="true"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="手机号">
+					<el-input
+						v-model="peoForm.mobile"
+						placeholder="手机号"
+						:disabled="true"
+					></el-input>
+				</el-form-item>
+				<!-- <el-form-item label="身份证号">
+					<el-input
+						v-model="peoForm.idCard"
+						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
+			v-if="transferPeo"
+			title="人员调动"
+			:visible.sync="transferPeo"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px" :model="agencyForm">
+				<el-form-item label="姓名">
+					<el-input
+						v-model="transferForm.name"
+						placeholder="姓名"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="调动至">
+					<el-cascader
+						clearable
+						:props="{ checkStrictly: true, multiple: false }"
+						v-model="selectValue"
+						:options="options"
+						style="width: 100%"
+						@change="handleChangeTransferCascader"
+					>
+						<template slot-scope="{ data }">
+							<span>{{ data.label }}</span>
+							<span
+								v-if="data.type != 'agency'"
+								style="color: #aaa; font-size: 12px"
+								>（{{ data.typeName }}）
+							</span>
+						</template>
+					</el-cascader>
+				</el-form-item>
+				<el-form-item label="调动原因">
+					<el-input
+						type="textarea"
+						:rows="2"
+						placeholder="请输入内容"
+						maxlength="500"
+						show-word-limit
+						v-model="transferForm.remarks"
+					>
+					</el-input>
+				</el-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
+			v-if="createAgencyDialogFlag"
+			title="新增组织"
+			:visible.sync="createAgencyDialogFlag"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px">
+				<el-form-item label="组织名称">
+					<el-input
+						v-model="agencyForm.agencyName"
+						placeholder="请输入组织名称"
+					></el-input>
+				</el-form-item>
+
+				<!-- 组织区划 -->
+				<el-form-item label="组织区划">
+					<el-select
+						v-model="agencyForm.areaCode"
+						placeholder="请选择组织区划"
+						@change="handelZoing"
+					>
+						<el-option
+							v-for="item in zonings"
+							:key="item.areaCode"
+							:label="item.areaName"
+							:value="item.areaCode"
+						>
+						</el-option>
+					</el-select>
+				</el-form-item>
+
+				<el-form-item label="组织编码">
+					<el-input
+						v-model="agencyForm.code"
+						placeholder="请输入组织编码"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="负责人">
+					<el-input
+						v-model="agencyForm.contacts"
+						placeholder="请输入负责人名字"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="联系电话">
+					<el-input
+						v-model="agencyForm.mobile"
+						placeholder="请输入联系电话"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="坐标">
+					<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
+			v-if="modifyCityOrgPop"
+			title="修改组织"
+			:visible.sync="modifyCityOrgPop"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px">
+				<el-form-item label="组织名称">
+					<el-input
+						v-model="OrgDetailsForm.agencyName"
+						placeholder="请输入组织名称"
+					></el-input>
+				</el-form-item>
+
+				<el-form-item label="组织编码">
+					<el-input
+						v-model="OrgDetailsForm.code"
+						placeholder="请输入组织编码"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="负责人">
+					<el-input
+						v-model="OrgDetailsForm.contacts"
+						placeholder="请输入负责人名字"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="联系电话">
+					<el-input
+						v-model="OrgDetailsForm.mobile"
+						placeholder="请输入联系电话"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="坐标">
+					<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
+			v-if="streetOrCommunity"
+			title="修改组织"
+			:visible.sync="streetOrCommunity"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px">
+				<el-form-item label="组织名称">
+					<el-input
+						v-model="OrgDetailsForm.agencyName"
+						placeholder="请输入组织名称"
+					></el-input>
+				</el-form-item>
+
+				<!-- 组织区划 -->
+				<el-form-item label="组织区划">
+					<el-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 label="坐标">
+					<div id="con"></div>
+				</el-form-item>
+			</el-form>
+			<div slot="footer">
+				<el-button @click="cancelstreetOrCommunity">取 消</el-button>
+				<el-button type="primary" @click="sunmitModifyCityOrgPop"
+					>确 定</el-button
+				>
+			</div>
+		</el-dialog>
+
+		<!-- 修改下级机关单位 -->
+		<el-dialog
+			v-if="OrgUnitPop"
+			title="修改部门"
+			:visible.sync="OrgUnitPop"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px">
+				<el-form-item label="部门名称">
+					<el-input
+						v-model="OrgUnitDetailsForm.departmentName"
+						placeholder="请输入组织名称"
+					></el-input>
+				</el-form-item>
+
+				<el-form-item label="组织编码">
+					<el-input
+						v-model="OrgUnitDetailsForm.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
+			v-if="modifyGridPop"
+			title="修改网格"
+			:visible.sync="modifyGridPop"
+			width="850"
+			:before-close="handleClose"
+		>
+			<el-form label-width="120px">
+				<el-form-item label="网格名称">
+					<el-input
+						v-model="modifyGridFrom.gridName"
+						placeholder="请输入组织名称"
+					></el-input>
+				</el-form-item>
+
+				<el-form-item label="组织编码">
+					<el-input
+						v-model="modifyGridFrom.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-number
+						v-model="modifyGridFrom.gridSort"
+						:min="1"
+						label="排序"
+					></el-input-number>
+				</el-form-item>
+
+				<el-form-item label="负责人">
+					<el-input
+						v-model="modifyGridFrom.contacts"
+						placeholder="请输入负责人名字"
+					></el-input>
+				</el-form-item>
+				<el-form-item label="联系电话">
+					<el-input
+						v-model="modifyGridFrom.mobile"
+						placeholder="请输入联系电话"
+					></el-input>
+				</el-form-item>
+
+				<!-- 组织位置,地图 -->
+				<el-form-item label="坐标">
+					<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>
@@ -871,1377 +1180,1444 @@ import { requestPost, requestGet } from "@/js/dai/request";
 import daiMap from "@/utils/dai-map";
 
 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: "",
-      currentAreaCodeSwitch: "",
-      parentAreaCode: "",
-      parentAgencyId: localStorage.getItem("agencyId"),
-      parentAgencyLevel: localStorage.getItem("level"),
-
-      // 经纬度坐标
-      lat: "",
-      lng: "",
-      latitude: "",
-      longitude: "",
-      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: "", //经度
-        latitude: "", //纬度
-        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: "",
-        // 排序
-        gridSort: 0,
-      },
-      judgeOrgInfoLevel: [],
-      keyWords: "",
-      typeList: [],
-      // 性别字典
-      genderList: [
-        { value: 1, label: "男" },
-        { value: 2, label: "女" },
-        { value: 0, label: "未知" },
-      ],
-      // 专兼职字典
-      postList: [
-        { value: "fulltime", label: "专职" },
-        { value: "parttime", label: "兼职" },
-      ],
-      // 职责字典
-      dutyList: [],
-      // 修改操作是否展示
-      modifyPeo: false,
-
-      roleList: [],
-
-      // 级联数据
-      options: [],
-      selectValue: [],
-      // 顶部 面包屑
-      breadcrumbArr: [],
-      // 面包屑 当前所属机构ID
-      currentBreadcrumbKey: "",
-      // 组织区划数据
-      zonings: [],
-      // 校验
-      rules: {
-        departmentName: [
-          { required: true, message: "社区名称必填", trigger: "blur" },
-        ],
-        gridName: [
-          { required: true, message: "网格名称必填", trigger: "blur" },
-        ],
-        addDepartmentName: [
-          { required: true, message: "部门名称必填", trigger: "blur" },
-        ],
-      },
-
-      rulesPeo: {
-        name: [{ required: true, message: "姓名必填", trigger: "blur" }],
-        mobile: [{ required: true, message: "手机号必填", trigger: "blur" }],
-        gender: [{ required: true, message: "性别必填", trigger: "blur" }],
-        post: [{ required: true, message: "专兼职必填", trigger: "blur" }],
-        duty: [{ required: true, message: "职责必填", trigger: "blur" }],
-        newRoles: [{ required: true, message: "角色必填", trigger: "blur" }],
-      },
-
-      selDeptType: "",
-    };
-  },
-  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(() => {
-          this.createMap();
-        }, 1000);
-      }
-    },
-    createAgencyDialogFlag (val) {
-      if (val) {
-        setTimeout(() => {
-          this.createMap();
-        }, 1000);
-      }
-    },
-    modifyCityOrgPop (val) {
-      if (val) {
-        setTimeout(() => {
-          this.createMap();
-        }, 1000);
-      }
-    },
-    streetOrCommunity (val) {
-      if (val) {
-        setTimeout(() => {
-          this.createMap();
-        }, 1000);
-      }
-    },
-    modifyGridPop (val) {
-      if (val) {
-        setTimeout(() => {
-          this.createMap();
-        }, 1000);
-      }
-    },
-  },
-  mounted () {
-    // this.initMap()
-  },
-  methods: {
-    // 点击后获取id
-    handleChangeTransferCascader (e) {
-      console.log("*********************");
-      function findItem (valueArr, coll) {
-        console.log("--------------------");
-        console.log(valueArr);
-        let copyArr = [...valueArr];
-        let firstValue = copyArr.shift();
-        let item = coll.find((a) => a.value == firstValue);
-        console.log(item);
-        if (copyArr.length > 0) {
-          return findItem(copyArr, item.children);
-        } else {
-          return item;
-        }
-      }
-      let item = findItem(e, this.options);
-      this.transferForm.orgId = item.value;
-      this.transferForm.orgType = item.type;
-    },
-    /** 查询系统工作人员角色（职责） */
-    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;
-
-      const url = "/gov/access/govrole/list";
-
-      let params = {};
-
-      const { data, code, msg } = await requestGet(url, params);
-
-      if (code === 0) {
-        this.roleList = data;
-      } 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";
-
-      let params = {
-        agencyId: this.currentAgencyId,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.departmentTableListData = data;
-
-        this.departmentTableListData.forEach((element) => {
-          if (element.deptType === "duty") {
-            element.departmentTypeShow = "职能部门";
-          } else if (element.deptType === "party_unit") {
-            element.departmentTypeShow = "联建单位";
-          } else if (element.deptType === "community_org") {
-            element.departmentTypeShow = "社会自组织";
-          } else {
-            element.departmentTypeShow = "";
-          }
-        });
-      } else {
-        this.$message.error(msg);
-      }
-    },
-    /** 查询网格列表 */
-    async getGridList () {
-      const url = "/gov/org/grid/allgrids";
-
-      let params = {
-        agencyId: this.currentAgencyId,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.gridTableListData = data;
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    // 查询网格人员列表
-    async getGridStaffListData () {
-      const url = "/data/aggregator/org/stafflist";
-
-      let params = {
-        orgId: this.currentGridOrgId,
-        orgType: "grid",
-        pageNo: 1,
-        pageSize: 100,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      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);
-      }
-    },
-
-    // 查询部门人员
-    async getDepartmentStaffListData () {
-      const url = "/data/aggregator/org/stafflist";
-
-      let params = {
-        orgId: this.currentDepartmentId,
-        orgType: "dept",
-        pageNo: 1,
-        pageSize: 100,
-      };
-
-      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();
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    async submitPeo () {
-      this.$refs["addPeoForm"].validate((valid, err) => {
-        if (valid) {
-          this.submitPeoDo();
-        } else {
-          app.util.validateRule(err);
-          return console.log("error submit!!", valid, err);
-        }
-      });
-    },
-
-    // 添加人员
-    async submitPeoDo () {
-      const url = "/gov/org/staff/addstaffv2";
-      const {
-        peoForm: { orgType },
-      } = this;
-      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:
-          orgType == "agency"
-            ? this.currentAgencyId
-            : orgType == "dept"
-              ? this.currentDepartmentId
-              : this.currentGridOrgId,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.$message.success("添加成功");
-        this.dialogVisiblePeo = false;
-        this.peoForm = [];
-        this.getAgencyList();
-        this.getDepartmentList();
-        this.getGridList();
-        this.getAgencyStaffListData();
-        this.insertFormRest();
-        if (orgType == "dept") {
-          this.getDepartmentStaffListData();
-        } else if (orgType == "grid") {
-          this.getGridStaffListData();
-        } else {
-          this.getAgencyStaffListData();
-        }
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    async updatePeo () {
-      this.$refs["editPeoForm"].validate((valid, err) => {
-        if (valid) {
-          this.updatePeoDo();
-        } else {
-          app.util.validateRule(err);
-          return console.log("error updatePeo!!", valid, err);
-        }
-      });
-    },
-    // 人员修改
-    async updatePeoDo () {
-      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,
-        gender: this.peoForm.gender,
-        workType: this.peoForm.post,
-        roles: this.peoForm.duty,
-        newRoles: this.peoForm.newRoles,
-        agencyId: this.currentAgencyId,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.$message.success("修改成功");
-        this.modifyPeo = false;
-
-        this.getAgencyList();
-        this.getDepartmentList();
-        this.getGridList();
-        this.getAgencyStaffListData();
-        this.getDepartmentStaffListData();
-        this.getGridStaffListData();
-        this.insertFormRest();
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    // 字典
-    async getDictionaries () {
-      const url = "/sys/dict/data/dictlist";
-
-      let params = {
-        dictType: "grid_type",
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.typeList = data;
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    /** 搜索按钮操作 */
-    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 = [];
-    },
-    // 人员调动
-    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) {
-      console.log(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 (row) {
-      console.log(row);
-      this.gridStaffTableListData = [];
-      this.departmentStaffTableListData = [];
-      this.agencyStaffTableListData = [];
-      this.currentDepartmentId = row.departmentId;
-      this.departmentStaffTableFlag = true;
-      this.currentAgencyStaffTableFlag = false;
-      this.gridStaffTableFlag = false;
-      this.gridTableFlag = false;
-      this.agencyTableFlag = false;
-      this.departmentTableFlag = false;
-
-      this.selDeptType = row.deptType;
-      this.getDepartmentStaffListData();
-      this.assembleBreadcrumbArr(row.departmentId, "department");
-    },
-
-    // 进入组织，重新渲染
-    entryAgency (agencyId) {
-      this.currentAgencyId = agencyId;
-
-      this.agencyTableListData = [];
-      this.departmentTableListData = [];
-      this.gridTableListData = [];
-      this.gridStaffTableListData = [];
-      this.agencyStaffTableListData = [];
-      this.departmentStaffTableListData = [];
-
-      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;
-    },
-
-    // 新增人员
-    addPeo (row) {
-      this.dialogVisiblePeo = true;
-      this.peoForm.orgType = "agency";
-    },
-
-    // 新增社区人员
-    addCommunityPeo () {
-      this.dialogVisiblePeo = true;
-      this.peoForm.orgType = "dept";
-    },
-
-    // 新增网格人员
-    addGridPeo () {
-      this.dialogVisiblePeo = true;
-      this.peoForm.orgType = "grid";
-    },
-    // 修改网格人员
-    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.gender = data.gender;
-        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 ? '男' : '女'
-        this.peoForm.gender = data.gender;
-        // 已有的权限（职责）
-        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 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.gender = data.gender;
-        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);
-      }
-    },
-    // 取消禁用按钮
-    cancelDisable () {
-      this.Disable = false;
-    },
-    // 人员禁用
-    DisablePeo (row) {
-      this.DisableForm.staffId = row.staffId;
-      this.Disable = true;
-    },
-    enablestaff (row) {
-      this.$confirm("确认解禁该员工?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      })
-        .then(() => {
-          this.submitEnable(row)
-        })
-        .catch(err => {
-          if (err == "cancel") {
-            // this.$message({
-            //   type: "info",
-            //   message: "已取消删除"
-            // });
-          }
-
-        });
-    },
-    // 确定解禁
-    async submitEnable (row) {
-      const url = "/epmetuser/customerstaff/enablestaff";
-
-      let params = {
-        staffId: row.staffId,
-
-      };
-
-      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 submitDisable () {
-      const url = "/epmetuser/customerstaff/disabledstaff";
-
-      let params = {
-        staffId: this.DisableForm.staffId,
-        agencyId: this.DisableForm.agencyId,
-        customerId: this.DisableForm.customerId,
-      };
-
-      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;
-    },
-
-    // 人员调动
-    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) {
-        function computeOption (opt) {
-          return {
-            label: opt.agencyName,
-            value: opt.agencyId,
-            type: "agency",
-            children: [
-              ...(opt.departmentList || []).map((item) => ({
-                label: item.deptName,
-                value: item.deptId,
-                type: "dept",
-                typeName: "部门",
-              })),
-              ...(opt.gridList || []).map((item) => ({
-                label: item.gridName,
-                value: item.gridId,
-                type: "grid",
-                typeName: "网格",
-              })),
-              ...(opt.subAgencyList || []).map((item) => computeOption(item)),
-            ],
-          };
-        }
-        if (data) {
-          this.options = [computeOption(data)];
-          console.log("树树树树树树树树树树", this.options[0]);
-        }
-      } else {
-        this.$message.error("树查询失败", msg);
-      }
-    },
-    // 人员调动确定
-    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();
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    // 获取导航
-    // 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) {
-          // 社区级为最低级组织，不展示下级组织列表
-          this.currentAgencyLevel = data.level;
-          this.currentAreaCode = data.areaCode;
-          this.currentAreaCodeSwitch = data.areaCodeSwitch;
-          if (data.parentList && data.parentList.length > 0) {
-            this.parentAreaCode =
-              data.parentList[data.parentList.length - 1].areaCode;
-            this.parentAgencyId =
-              data.parentList[data.parentList.length - 1].id;
-            this.parentAgencyLevel =
-              data.parentList[data.parentList.length - 1].level;
-          }
-          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);
-        }
-      }
-    },
-
-    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') {
+	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: "",
+			currentAreaCodeSwitch: "",
+			parentAreaCode: "",
+			parentAgencyId: localStorage.getItem("agencyId"),
+			parentAgencyLevel: localStorage.getItem("level"),
+
+			// 经纬度坐标
+			lat: "",
+			lng: "",
+			latitude: "",
+			longitude: "",
+			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: "", //经度
+				latitude: "", //纬度
+				centerAddress: "",
+			},
+			// 新增组织
+			agencyForm: {
+				parentAgencyId: "",
+				agencyName: "",
+				level: "",
+				areaCodeSwitch: "",
+				areaCode: "",
+				areaName: "",
+				contacts: "",
+				mobile: "",
+				code: "",
+			},
+			// 树
+			tree: [],
+			// 新增人员表单项
+			peoForm: {
+				name: "",
+				mobile: "",
+				gender: "",
+				post: "",
+				duty: [],
+				orgType: "",
+				activeTime: "",
+				zuzhi: "",
+				disableFlag: "",
+				newRoles: [],
+				idCard: "",
+				culture: "",
+			},
+			// 人员调动
+			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: "",
+				// 排序
+				gridSort: 0,
+			},
+			judgeOrgInfoLevel: [],
+			keyWords: "",
+			typeList: [],
+			// 性别字典
+			genderList: [
+				{ value: 1, label: "男" },
+				{ value: 2, label: "女" },
+				{ value: 0, label: "未知" },
+			],
+			// 专兼职字典
+			postList: [
+				{ value: "fulltime", label: "专职" },
+				{ value: "parttime", label: "兼职" },
+			],
+			// 职责字典
+			dutyList: [],
+			// 职责字典
+			eduList: [],
+			// 修改操作是否展示
+			modifyPeo: false,
+
+			roleList: [],
+
+			// 级联数据
+			options: [],
+			selectValue: [],
+			// 顶部 面包屑
+			breadcrumbArr: [],
+			// 面包屑 当前所属机构ID
+			currentBreadcrumbKey: "",
+			// 组织区划数据
+			zonings: [],
+			// 校验
+			rules: {
+				departmentName: [
+					{
+						required: true,
+						message: "社区名称必填",
+						trigger: "blur",
+					},
+				],
+				gridName: [
+					{
+						required: true,
+						message: "网格名称必填",
+						trigger: "blur",
+					},
+				],
+				addDepartmentName: [
+					{
+						required: true,
+						message: "部门名称必填",
+						trigger: "blur",
+					},
+				],
+			},
+
+			rulesPeo: {
+				name: [
+					{ required: true, message: "姓名必填", trigger: "blur" },
+				],
+				mobile: [
+					{ required: true, message: "手机号必填", trigger: "blur" },
+				],
+				gender: [
+					{ required: true, message: "性别必填", trigger: "blur" },
+				],
+				post: [
+					{ required: true, message: "专兼职必填", trigger: "blur" },
+				],
+				duty: [
+					{ required: true, message: "职责必填", trigger: "blur" },
+				],
+				newRoles: [
+					{ required: true, message: "角色必填", trigger: "blur" },
+				],
+			},
+
+			selDeptType: "",
+		};
+	},
+	created() {
+		this.getAgencyList();
+		this.getDepartmentList();
+		this.getGridList();
+		this.getAgencyStaffListData();
+		this.getDutyList();
+		this.getEduList();
+		this.getRoleList();
+		// this.getNavigation()
+		// 更新顶部面包屑
+		this.assembleBreadcrumbArr(localStorage.getItem("agencyId"), "agency");
+	},
+
+	watch: {
+		dialogVisibleGrid(val) {
+			if (val) {
+				setTimeout(() => {
+					this.createMap();
+				}, 1000);
+			}
+		},
+		createAgencyDialogFlag(val) {
+			if (val) {
+				setTimeout(() => {
+					this.createMap();
+				}, 1000);
+			}
+		},
+		modifyCityOrgPop(val) {
+			if (val) {
+				setTimeout(() => {
+					this.createMap();
+				}, 1000);
+			}
+		},
+		streetOrCommunity(val) {
+			if (val) {
+				setTimeout(() => {
+					this.createMap();
+				}, 1000);
+			}
+		},
+		modifyGridPop(val) {
+			if (val) {
+				setTimeout(() => {
+					this.createMap();
+				}, 1000);
+			}
+		},
+	},
+	mounted() {
+		// this.initMap()
+	},
+	methods: {
+		// 点击后获取id
+		handleChangeTransferCascader(e) {
+			console.log("*********************");
+			function findItem(valueArr, coll) {
+				console.log("--------------------");
+				console.log(valueArr);
+				let copyArr = [...valueArr];
+				let firstValue = copyArr.shift();
+				let item = coll.find((a) => a.value == firstValue);
+				console.log(item);
+				if (copyArr.length > 0) {
+					return findItem(copyArr, item.children);
+				} else {
+					return item;
+				}
+			}
+			let item = findItem(e, this.options);
+			this.transferForm.orgId = item.value;
+			this.transferForm.orgType = item.type;
+		},
+		/** 查询系统工作人员角色（职责） */
+		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 getEduList() {
+			const url = "/sys/dict/data/education";
+			let params = {
+				formCode: "resi_base_info",
+			};
+			const { data, code, msg } = await requestPost(url, params);
+			if (code === 0) {
+				this.eduList = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		/** 查询系统工作人员角色（职责） */
+		async getRoleList() {
+			this.tableLoading = true;
+
+			const url = "/gov/access/govrole/list";
+
+			let params = {};
+
+			const { data, code, msg } = await requestGet(url, params);
+
+			if (code === 0) {
+				this.roleList = data;
+			} 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";
+
+			let params = {
+				agencyId: this.currentAgencyId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.departmentTableListData = data;
+
+				this.departmentTableListData.forEach((element) => {
+					if (element.deptType === "duty") {
+						element.departmentTypeShow = "职能部门";
+					} else if (element.deptType === "party_unit") {
+						element.departmentTypeShow = "联建单位";
+					} else if (element.deptType === "community_org") {
+						element.departmentTypeShow = "社会自组织";
+					} else {
+						element.departmentTypeShow = "";
+					}
+				});
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		/** 查询网格列表 */
+		async getGridList() {
+			const url = "/gov/org/grid/allgrids";
+
+			let params = {
+				agencyId: this.currentAgencyId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.gridTableListData = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		// 查询网格人员列表
+		async getGridStaffListData() {
+			const url = "/data/aggregator/org/stafflist";
+
+			let params = {
+				orgId: this.currentGridOrgId,
+				orgType: "grid",
+				pageNo: 1,
+				pageSize: 100,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			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);
+			}
+		},
+
+		// 查询部门人员
+		async getDepartmentStaffListData() {
+			const url = "/data/aggregator/org/stafflist";
+
+			let params = {
+				orgId: this.currentDepartmentId,
+				orgType: "dept",
+				pageNo: 1,
+				pageSize: 100,
+			};
+
+			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();
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async submitPeo() {
+			this.$refs["addPeoForm"].validate((valid, err) => {
+				if (valid) {
+					this.submitPeoDo();
+				} else {
+					app.util.validateRule(err);
+					return console.log("error submit!!", valid, err);
+				}
+			});
+		},
+
+		// 添加人员
+		async submitPeoDo() {
+			const url = "/gov/org/staff/addstaffv2";
+			const {
+				peoForm: { orgType },
+			} = this;
+			let params = {
+				orgType: this.peoForm.orgType,
+				name: this.peoForm.name,
+				mobile: this.peoForm.mobile,
+				gender: this.peoForm.gender,
+				culture: this.peoForm.culture,
+				idCard: this.peoForm.idCard,
+				workType: this.peoForm.post,
+				roles: this.peoForm.duty,
+				newRoles: this.peoForm.newRoles,
+				orgId:
+					orgType == "agency"
+						? this.currentAgencyId
+						: orgType == "dept"
+						? this.currentDepartmentId
+						: this.currentGridOrgId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.$message.success("添加成功");
+				this.dialogVisiblePeo = false;
+				this.peoForm = [];
+				this.getAgencyList();
+				this.getDepartmentList();
+				this.getGridList();
+				this.getAgencyStaffListData();
+				this.insertFormRest();
+				if (orgType == "dept") {
+					this.getDepartmentStaffListData();
+				} else if (orgType == "grid") {
+					this.getGridStaffListData();
+				} else {
+					this.getAgencyStaffListData();
+				}
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async updatePeo() {
+			this.$refs["editPeoForm"].validate((valid, err) => {
+				if (valid) {
+					this.updatePeoDo();
+				} else {
+					app.util.validateRule(err);
+					return console.log("error updatePeo!!", valid, err);
+				}
+			});
+		},
+		// 人员修改
+		async updatePeoDo() {
+			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,
+				gender: this.peoForm.gender,
+				culture: this.peoForm.culture,
+				idCard: this.peoForm.idCard,
+				workType: this.peoForm.post,
+				roles: this.peoForm.duty,
+				newRoles: this.peoForm.newRoles,
+				agencyId: this.currentAgencyId,
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.$message.success("修改成功");
+				this.modifyPeo = false;
+
+				this.getAgencyList();
+				this.getDepartmentList();
+				this.getGridList();
+				this.getAgencyStaffListData();
+				this.getDepartmentStaffListData();
+				this.getGridStaffListData();
+				this.insertFormRest();
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		// 字典
+		async getDictionaries() {
+			const url = "/sys/dict/data/dictlist";
+
+			let params = {
+				dictType: "grid_type",
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.typeList = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		/** 搜索按钮操作 */
+		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: "",
+				culture: "",
+				idCard: "",
+				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.idCard = ""),
+				(this.peoForm.culture = ""),
+				(this.peoForm.gender = ""),
+				(this.peoForm.post = ""),
+				(this.peoForm.duty = "");
+			this.peoForm.newRoles = [];
+		},
+		// 人员调动
+		transferRest() {
+			(this.transferForm.name = ""),
+				(this.transferForm.remarks = ""),
+				(this.transferForm.transferTo = "");
+			(this.transferForm.staffId = ""),
+				(this.transferForm.orgId = ""),
+				(this.transferForm.orgType = "");
+			this.selectValue = "";
+			this.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) {
+			console.log(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(row) {
+			console.log(row);
+			this.gridStaffTableListData = [];
+			this.departmentStaffTableListData = [];
+			this.agencyStaffTableListData = [];
+			this.currentDepartmentId = row.departmentId;
+			this.departmentStaffTableFlag = true;
+			this.currentAgencyStaffTableFlag = false;
+			this.gridStaffTableFlag = false;
+			this.gridTableFlag = false;
+			this.agencyTableFlag = false;
+			this.departmentTableFlag = false;
+
+			this.selDeptType = row.deptType;
+			this.getDepartmentStaffListData();
+			this.assembleBreadcrumbArr(row.departmentId, "department");
+		},
+
+		// 进入组织，重新渲染
+		entryAgency(agencyId) {
+			this.currentAgencyId = agencyId;
+
+			this.agencyTableListData = [];
+			this.departmentTableListData = [];
+			this.gridTableListData = [];
+			this.gridStaffTableListData = [];
+			this.agencyStaffTableListData = [];
+			this.departmentStaffTableListData = [];
+
+			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;
+		},
+
+		// 新增人员
+		addPeo(row) {
+			this.dialogVisiblePeo = true;
+			this.peoForm.orgType = "agency";
+		},
+
+		// 新增社区人员
+		addCommunityPeo() {
+			this.dialogVisiblePeo = true;
+			this.peoForm.orgType = "dept";
+		},
+
+		// 新增网格人员
+		addGridPeo() {
+			this.dialogVisiblePeo = true;
+			this.peoForm.orgType = "grid";
+		},
+		// 修改网格人员
+		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.gender = data.gender;
+				this.peoForm.idCard = data.idCard;
+				this.peoForm.culture = data.culture;
+				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 ? '男' : '女'
+				this.peoForm.gender = data.gender;
+				this.peoForm.idCard = data.idCard;
+				this.peoForm.culture = data.culture;
+				// 已有的权限（职责）
+				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 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.gender = data.gender;
+				this.peoForm.post = data.workType;
+				this.peoForm.idCard = data.idCard;
+				this.peoForm.culture = data.culture;
+				// 已有的权限（职责）
+				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);
+			}
+		},
+		// 取消禁用按钮
+		cancelDisable() {
+			this.Disable = false;
+		},
+		// 人员禁用
+		DisablePeo(row) {
+			this.DisableForm.staffId = row.staffId;
+			this.Disable = true;
+		},
+		enablestaff(row) {
+			this.$confirm("确认解禁该员工?", "提示", {
+				confirmButtonText: "确定",
+				cancelButtonText: "取消",
+				type: "warning",
+			})
+				.then(() => {
+					this.submitEnable(row);
+				})
+				.catch((err) => {
+					if (err == "cancel") {
+						// this.$message({
+						//   type: "info",
+						//   message: "已取消删除"
+						// });
+					}
+				});
+		},
+		// 确定解禁
+		async submitEnable(row) {
+			const url = "/epmetuser/customerstaff/enablestaff";
+
+			let params = {
+				staffId: row.staffId,
+			};
+
+			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 submitDisable() {
+			const url = "/epmetuser/customerstaff/disabledstaff";
+
+			let params = {
+				staffId: this.DisableForm.staffId,
+				agencyId: this.DisableForm.agencyId,
+				customerId: this.DisableForm.customerId,
+			};
+
+			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;
+				this.peoForm.idCard = data.idCard;
+				if (data.enableFlag === "enable") {
+					this.peoForm.disableFlag = "已启用";
+				} else {
+					this.peoForm.disableFlag = "已禁用";
+				}
+			}
+			this.details = true;
+		},
+
+		// 人员调动
+		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) {
+				function computeOption(opt) {
+					return {
+						label: opt.agencyName,
+						value: opt.agencyId,
+						type: "agency",
+						children: [
+							...(opt.departmentList || []).map((item) => ({
+								label: item.deptName,
+								value: item.deptId,
+								type: "dept",
+								typeName: "部门",
+							})),
+							...(opt.gridList || []).map((item) => ({
+								label: item.gridName,
+								value: item.gridId,
+								type: "grid",
+								typeName: "网格",
+							})),
+							...(opt.subAgencyList || []).map((item) =>
+								computeOption(item)
+							),
+						],
+					};
+				}
+				if (data) {
+					this.options = [computeOption(data)];
+					console.log("树树树树树树树树树树", this.options[0]);
+				}
+			} else {
+				this.$message.error("树查询失败", msg);
+			}
+		},
+		// 人员调动确定
+		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();
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		// 获取导航
+		// 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) {
+					// 社区级为最低级组织，不展示下级组织列表
+					this.currentAgencyLevel = data.level;
+					this.currentAreaCode = data.areaCode;
+					this.currentAreaCodeSwitch = data.areaCodeSwitch;
+					if (data.parentList && data.parentList.length > 0) {
+						this.parentAreaCode =
+							data.parentList[
+								data.parentList.length - 1
+							].areaCode;
+						this.parentAgencyId =
+							data.parentList[data.parentList.length - 1].id;
+						this.parentAgencyLevel =
+							data.parentList[data.parentList.length - 1].level;
+					}
+					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);
+				}
+			}
+		},
+
+		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 = []
@@ -2273,402 +2649,403 @@ export default {
           this.getGridStaffListData()
           this.assembleBreadcrumbArr(orgId, 'grid')
       } */
-    },
-    // 获取组织区划信息
-    async getZoning (areaCode, parentAgencyId, parentAgencyLevel) {
-      const url = "/data/aggregator/org/nextlevelareacodelist";
-
-      let params = {
-        areaCode: areaCode,
-        level: parentAgencyLevel,
-        parentAgencyId: 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;
-        }
-      });
-    },
-
-    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.currentAgencyId,
-        agencyName: this.agencyForm.agencyName,
-        level: this.agencyForm.level,
-        areaCodeSwitch: this.currentAreaCodeSwitch,
-        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);
-      }
-    },
-
-    // 修改面包屑
-    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 getOrgDetailsById () {
-      const url = "/gov/org/agency/agencydetail";
-
-      let params = {
-        agencyId: this.judgeOrgInfoLevel.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;
-        }
-
-        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.grid;
-        this.modifyGridFrom.gridSort = data.gridSort;
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    // 市级/街道/社区级组织修改确定按钮
-    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,
-        sort: this.modifyGridFrom.gridSort,
-      };
-
-      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);
-      }
-    },
-
-    /** 地图初始化 */
-    createMap () {
-      let { latitude, longitude } = this;
-      if (
-        latitude === null ||
-        latitude === "" ||
-        longitude === null ||
-        longitude === ""
-      ) {
-        let { latitude: latitude2, longitude: longitude2 } =
-          this.$store.state.user;
-        if (!latitude2 || latitude2 == "" || latitude2 == "0") {
-          latitude = 39.9088810666821;
-          longitude = 116.39743841556731;
-        } else {
-          latitude = latitude2;
-          longitude = longitude2;
-        }
-      }
-      // var center = new window.TMap.LatLng(latitude, longitude); //设置中心点坐标
-      var map = new daiMap(
-        document.getElementById("con"),
-        { latitude, longitude },
-        {
-          zoom: 16.2, // 设置地图缩放级别
-          pitch: 43.5, // 设置俯仰角
-          rotation: 45, // 设置地图旋转角度
-        }
-      );
-      // //初始化地图
-      // var map = new window.TMap.Map("con", {
-      //   center: center,
-      //   zoom: 13, // 设置地图缩放级别
-      //   pitch: 43.5, // 设置俯仰角
-      //   rotation: 45, // 设置地图旋转角度
-      // });
-
-      // // 新建一个地点搜索类
-      // let markers = new window.TMap.MultiMarker({
-      //   map: map,
-      //   geometries: [],
-      // });
-
-      // map.on("panend", (e) => {
-      //   handleMoveCenter(e);
-      // });
-
-      // 监听地图平移结束
-      map.on("dragend", (e) => {
-        handleMoveCenter(e);
-      });
-
-      // map.setCenter(latitude, longitude);
-      map.setMarker(latitude, longitude);
-
-      // setMarker(latitude, longitude);
-
-      // function setMarker(lat, lng) {
-      //   console.log("setMarker", lat, lng);
-      //   markers.setGeometries([]);
-
-      //   markers.add([
-      //     {
-      //       id: "4",
-      //       styleId: "marker",
-      //       position: new window.TMap.LatLng(lat, lng),
-      //       properties: {
-      //         title: "marker4",
-      //       },
-      //     },
-      //   ]);
-      // }
-
-      function handleMoveCenter (e) {
-        //修改地图中心点
-        const { lat, lng } = map.getCenter();
-        // const lat = lat;
-        // const lng = lng;
-        map.setMarker(lat, lng);
-
-        // let { msg, data } = await map.getAddress(lat, lng);
-        // if (msg == "success") {
-        //   this.formData.address = data.address
-        //   this.searchValue = data.address
-        //   this.searchOptions = []
-
-        // }
-
-        //修改地图中心点
-        // const center = map.getCenter();
-        // const lat = center.getLat();
-        // const lng = center.getLng();
-
-        // setMarker(lat, lng);
-      }
-    },
-  },
+		},
+		// 获取组织区划信息
+		async getZoning(areaCode, parentAgencyId, parentAgencyLevel) {
+			const url = "/data/aggregator/org/nextlevelareacodelist";
+
+			let params = {
+				areaCode: areaCode,
+				level: parentAgencyLevel,
+				parentAgencyId: 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;
+				}
+			});
+		},
+
+		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.currentAgencyId,
+				agencyName: this.agencyForm.agencyName,
+				level: this.agencyForm.level,
+				areaCodeSwitch: this.currentAreaCodeSwitch,
+				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);
+			}
+		},
+
+		// 修改面包屑
+		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 getOrgDetailsById() {
+			const url = "/gov/org/agency/agencydetail";
+
+			let params = {
+				agencyId: this.judgeOrgInfoLevel.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;
+				}
+
+				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.grid;
+				this.modifyGridFrom.gridSort = data.gridSort;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		// 市级/街道/社区级组织修改确定按钮
+		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,
+				sort: this.modifyGridFrom.gridSort,
+			};
+
+			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);
+			}
+		},
+
+		/** 地图初始化 */
+		createMap() {
+			let { latitude, longitude } = this;
+			if (
+				latitude === null ||
+				latitude === "" ||
+				longitude === null ||
+				longitude === ""
+			) {
+				let { latitude: latitude2, longitude: longitude2 } =
+					this.$store.state.user;
+				if (!latitude2 || latitude2 == "" || latitude2 == "0") {
+					latitude = 39.9088810666821;
+					longitude = 116.39743841556731;
+				} else {
+					latitude = latitude2;
+					longitude = longitude2;
+				}
+			}
+			// var center = new window.TMap.LatLng(latitude, longitude); //设置中心点坐标
+			var map = new daiMap(
+				document.getElementById("con"),
+				{ latitude, longitude },
+				{
+					zoom: 16.2, // 设置地图缩放级别
+					pitch: 43.5, // 设置俯仰角
+					rotation: 45, // 设置地图旋转角度
+				}
+			);
+			// //初始化地图
+			// var map = new window.TMap.Map("con", {
+			//   center: center,
+			//   zoom: 13, // 设置地图缩放级别
+			//   pitch: 43.5, // 设置俯仰角
+			//   rotation: 45, // 设置地图旋转角度
+			// });
+
+			// // 新建一个地点搜索类
+			// let markers = new window.TMap.MultiMarker({
+			//   map: map,
+			//   geometries: [],
+			// });
+
+			// map.on("panend", (e) => {
+			//   handleMoveCenter(e);
+			// });
+
+			// 监听地图平移结束
+			map.on("dragend", (e) => {
+				handleMoveCenter(e);
+			});
+
+			// map.setCenter(latitude, longitude);
+			map.setMarker(latitude, longitude);
+
+			// setMarker(latitude, longitude);
+
+			// function setMarker(lat, lng) {
+			//   console.log("setMarker", lat, lng);
+			//   markers.setGeometries([]);
+
+			//   markers.add([
+			//     {
+			//       id: "4",
+			//       styleId: "marker",
+			//       position: new window.TMap.LatLng(lat, lng),
+			//       properties: {
+			//         title: "marker4",
+			//       },
+			//     },
+			//   ]);
+			// }
+
+			function handleMoveCenter(e) {
+				//修改地图中心点
+				const { lat, lng } = map.getCenter();
+				// const lat = lat;
+				// const lng = lng;
+				map.setMarker(lat, lng);
+
+				// let { msg, data } = await map.getAddress(lat, lng);
+				// if (msg == "success") {
+				//   this.formData.address = data.address
+				//   this.searchValue = data.address
+				//   this.searchOptions = []
+
+				// }
+
+				//修改地图中心点
+				// const center = map.getCenter();
+				// const lat = center.getLat();
+				// const lng = center.getLng();
+
+				// setMarker(lat, lng);
+			}
+		},
+	},
 };
 </script>
 
 <style scoped>
 #container {
-  width: 100%;
-  height: 100%;
+	width: 100%;
+	height: 100%;
 }
 #info {
-  left: 20px;
-  top: 20px;
-  font-size: 14px;
-  background: #fff;
-  width: 270px;
-  padding: 10px;
-  border-radius: 3px;
+	left: 20px;
+	top: 20px;
+	font-size: 14px;
+	background: #fff;
+	width: 270px;
+	padding: 10px;
+	border-radius: 3px;
 }
 #con {
-  width: 100%;
-  height: 100%;
+	width: 100%;
+	height: 100%;
 }
 .el-tag + .el-tag {
-  margin-left: 10px;
+	margin-left: 10px;
 }
 </style>
diff --git a/src/views/modules/cpts/base/index.vue b/src/views/modules/cpts/base/index.vue
index 6d0e3b7..94d54f9 100644
--- a/src/views/modules/cpts/base/index.vue
+++ b/src/views/modules/cpts/base/index.vue
@@ -1,261 +1,364 @@
 <template>
-  <div class="div_main">
-    <div v-show="true">
-      <div class="div_search"
-           ref="ref_search">
-        <el-form :inline="true"
-                 ref="ref_searchform"
-                 label-width="100px">
-          <div>
-            <el-form-item v-for="item in searchParams"
-                          :key="'serach' + item.keyName"
-                          :label="item.field"
-                          :prop="item.keyName">
-              <template v-if="item.type == 'input'">
-                <el-input v-model="item.value"
-                          style="width: 240px"
-                          size="small"
-                          clearable
-                          :placeholder="item.placeholder || '请输入'">
-                </el-input>
-              </template>
-              <template v-else-if="item.type == 'select'">
-                <el-select v-model="item.value"
-                           :placeholder="item.placeholder || '请选择'"
-                           size="small"
-                           clearable
-                           style="width: 240px"
-                           :multiple="item.multiple || false">
-                  <el-option v-for="item in item.optionList"
-                             :key="'serach' + item.keyName + item.value"
-                             :label="item.label"
-                             :value="item.value">
-                  </el-option>
-                </el-select>
-              </template>
-              <template v-else-if="item.type == 'cascader'">
-                <el-cascader v-model="item.value"
-                             :placeholder="item.placeholder || '请选择'"
-                             :options="item.optionList"
-                             :props="item.optionProps"
-                             :show-all-levels="false"
-                             size="small"
-                             clearable
-                             style="width: 240px"
-                             @change="(e) => handleChangeCascader(e, item)">
-                </el-cascader>
-              </template>
-              <template v-if="item.type == 'date-range'">
-                <el-date-picker v-model="item.supValues[0]"
-                                type="date"
-                                placeholder="开始时间"
-                                style="width: 150px"
-                                value-format="yyyy-MM-dd"
-                                clearable>
-                </el-date-picker>
-                <span style="display: inline-block; margin: 0 10px">至</span>
-                <el-date-picker v-model="item.supValues[1]"
-                                type="date"
-                                placeholder="结束时间"
-                                style="width: 150px"
-                                value-format="yyyy-MM-dd"
-                                clearable>
-                </el-date-picker>
-              </template>
-            </el-form-item>
-
-            <el-button style="margin-left: 30px; margin-bottom: 20px"
-                       size="small"
-                       class="diy-button--search"
-                       @click="handleSearch">查询</el-button>
-            <el-button style="margin-left: 10px; margin-bottom: 20px"
-                       size="small"
-                       class="diy-button--reset"
-                       @click="resetSearch">重置</el-button>
-          </div>
-        </el-form>
-      </div>
-
-      <div class="div_table"
-           :style="{ height: maxTableHeight + 130 + 'px' }">
-        <div class="div_btn">
-          <el-button class="diy-button--add"
-                     v-if="addUrl"
-                     size="small"
-                     @click="handleAdd">新增</el-button>
-
-          <el-button v-if="mubanUrl"
-                     class="btn_upload diy-button--export"
-                     size="small"
-                     @click="handleExportModule('room')">下载模板</el-button>
-
-          <el-upload :headers="$getElUploadHeaders()"
-                     v-if="importUrl"
-                     ref="upload"
-                     class="upload-btn"
-                     action="uploadUlr"
-                     :limit="1"
-                     :accept="'.xls,.xlsx'"
-                     :with-credentials="true"
-                     :show-file-list="false"
-                     :auto-upload="true"
-                     :before-upload="beforeExcelUpload"
-                     :http-request="uploadHttpRequest">
-            <el-button size="small"
-                       class="btn_upload diy-button--delete">导入</el-button>
-          </el-upload>
-
-          <el-button v-if="exportUrl"
-                     @click="handleExport"
-                     class="btn_upload diy-button--reset"
-                     size="small">导出</el-button>
-          <el-button v-if="qrCodeExportUrl"
-                     @click="handleExportQrcode"
-                     class="btn_upload diy-button--reset"
-                     size="small">导出员工登记码</el-button>
-          <el-button v-if="delMultipleUrl"
-                     size="small"
-                     @click="handleDeleteMultiple">批量删除</el-button>
-          <slot name="listBtn"
-                v-bind:multipleSelection="multipleSelection"></slot>
-        </div>
-
-        <el-table ref="ref_table"
-                  :data="tableData"
-                  border
-                  :empty-text="loadInfo"
-                  :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
-                  class="table"
-                  style="width: 100%"
-                  :height="maxTableHeight"
-                  @selection-change="handleSelectionChange">
-          <template v-for="(item, index) in tableParams"
-                    :prop="item.keyName">
-            <el-table-column v-if="item.type == 'selection'"
-                             :key="'table-selection' + index"
-                             type="selection"
-                             align="center"
-                             width="50" />
-
-            <el-table-column v-if="item.type == 'no'"
-                             :key="'table-no' + item.keyName"
-                             :label="item.field"
-                             fixed="left"
-                             type="index"
-                             align="center"
-                             width="50" />
-
-            <el-table-column v-else-if="item.type == 'text'"
-                             :key="'table' + item.keyName"
-                             :prop="item.keyName"
-                             :label="item.field"
-                             align="center"
-                             :width="item.width || ''"
-                             :show-overflow-tooltip="true">
-            </el-table-column>
-
-            <el-table-column v-else-if="item.type == 'array'"
-                             :key="'table-array' + item.keyName"
-                             :prop="item.keyName"
-                             :label="item.field"
-                             align="center"
-                             :width="item.width || ''"
-                             :show-overflow-tooltip="true">
-              <template slot-scope="scope">
-                {{ scope.row[item.keyName].join(item.arrayDiv || ",") }}
-              </template>
-            </el-table-column>
-          </template>
-
-          <el-table-column v-if="operateCol"
-                           fixed="right"
-                           label="操作"
-                           align="center"
-                           width="200">
-            <template slot-scope="scope">
-              <slot name="listBtnbefore"
-                    v-bind:item="scope.row"></slot>
-              <el-button v-if="infoUrl && infoAuth(scope.row)"
-                         @click="handleWatch(scope.row)"
-                         type="text"
-                         size="small"
-                         class=".div-table-button--detail">查看</el-button>
-              <el-button v-if="editUrl && editAuth(scope.row)"
-                         @click="handleEdit(scope.row)"
-                         type="text"
-                         size="small"
-                         class="div-table-button--edit">{{ editBtnName(scope.row) }}</el-button>
-              <el-popconfirm v-if="delUrl && delAuth(scope.row)"
-                             title="删除之后无法回复，确认删除？"
-                             @onConfirm="handleDelete(scope.row, scope.$index)"
-                             @confirm="handleDelete(scope.row, scope.$index)">
-                <el-button slot="reference"
-                           type="text"
-                           size="small"
-                           style="margin-left: 10px"
-                           class="div-table-button--delete">删除</el-button>
-              </el-popconfirm>
-
-              <slot name="listBtnSup"
-                    v-bind:item="scope.row"></slot>
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <div>
-          <el-pagination @size-change="handleSizeChange"
-                         @current-change="handleCurrentChange"
-                         :current-page.sync="pageNo"
-                         :page-sizes="[20, 50, 100, 200]"
-                         :page-size="parseInt(pageSize)"
-                         layout="sizes, prev, pager, next, total"
-                         :total="total">
-          </el-pagination>
-        </div>
-      </div>
-    </div>
-
-    <!-- 修改弹出框 -->
-    <el-dialog v-if="formShow"
-               :visible.sync="formShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               :title="formTitle"
-               :width="editParamsDiv ? '1100px' : '850px'"
-               top="5vh"
-               class="dialog-h"
-               @closed="handleClose">
-      <edit-form v-if="formShow"
-                 ref="editForm"
-                 :idName="idName"
-                 :formId="formId"
-                 :formType="formType"
-                 :infoUrl="infoUrl"
-                 :addUrl="addUrl"
-                 :editUrl="editUrl"
-                 :editParams="editParams"
-                 :editParamsDiv="editParamsDiv"
-                 :editElseRules="editElseRules"
-                 :editFixedParams="editFixedParams"
-                 :formBtnFixed="formBtnFixed"
-                 :editConfig="editConfig"
-                 @close="handleClose"
-                 @afterEdit="handleEditSuccess">
-        <template v-slot:bottomSup="{ id, formType, info }">
-          <slot name="editBottomSup"
-                v-bind:id="id"
-                v-bind:formType="formType"
-                v-bind:info="info"></slot>
-        </template>
-        <template v-slot:operateSup="{ id, formType, info }">
-          <slot name="editOperateSup"
-                v-bind:id="id"
-                v-bind:formType="formType"
-                v-bind:info="info"></slot>
-        </template>
-      </edit-form>
-    </el-dialog>
-  </div>
+	<div class="div_main">
+		<div v-show="true">
+			<div class="div_search" ref="ref_search">
+				<el-form
+					:inline="true"
+					ref="ref_searchform"
+					label-width="100px"
+				>
+					<div>
+						<el-form-item
+							v-for="item in searchParams"
+							:key="'serach' + item.keyName"
+							:label="item.field"
+							:prop="item.keyName"
+						>
+							<template v-if="item.type == 'input'">
+								<el-input
+									v-model="item.value"
+									style="width: 240px"
+									size="small"
+									clearable
+									:placeholder="item.placeholder || '请输入'"
+								>
+								</el-input>
+							</template>
+							<template v-else-if="item.type == 'select'">
+								<el-select
+									v-model="item.value"
+									:placeholder="item.placeholder || '请选择'"
+									size="small"
+									clearable
+									style="width: 240px"
+									:multiple="item.multiple || false"
+								>
+									<el-option
+										v-for="item in item.optionList"
+										:key="
+											'serach' + item.keyName + item.value
+										"
+										:label="item.label"
+										:value="item.value"
+									>
+									</el-option>
+								</el-select>
+							</template>
+							<template v-else-if="item.type == 'cascader'">
+								<el-cascader
+									v-model="item.value"
+									:placeholder="item.placeholder || '请选择'"
+									:options="item.optionList"
+									:props="item.optionProps"
+									:show-all-levels="false"
+									size="small"
+									clearable
+									style="width: 240px"
+									@change="
+										(e) => handleChangeCascader(e, item)
+									"
+								>
+								</el-cascader>
+							</template>
+							<template v-if="item.type == 'date-range'">
+								<el-date-picker
+									v-model="item.supValues[0]"
+									type="date"
+									placeholder="开始时间"
+									style="width: 150px"
+									value-format="yyyy-MM-dd"
+									clearable
+								>
+								</el-date-picker>
+								<span
+									style="
+										display: inline-block;
+										margin: 0 10px;
+									"
+									>至</span
+								>
+								<el-date-picker
+									v-model="item.supValues[1]"
+									type="date"
+									placeholder="结束时间"
+									style="width: 150px"
+									value-format="yyyy-MM-dd"
+									clearable
+								>
+								</el-date-picker>
+							</template>
+						</el-form-item>
+
+						<el-button
+							style="margin-left: 30px; margin-bottom: 20px"
+							size="small"
+							class="diy-button--search"
+							@click="handleSearch"
+							>查询</el-button
+						>
+						<el-button
+							style="margin-left: 10px; margin-bottom: 20px"
+							size="small"
+							class="diy-button--reset"
+							@click="resetSearch"
+							>重置</el-button
+						>
+					</div>
+				</el-form>
+			</div>
+
+			<div
+				class="div_table"
+				:style="{ height: maxTableHeight + 130 + 'px' }"
+			>
+				<div class="div_btn">
+					<el-button
+						class="diy-button--add"
+						v-if="addUrl"
+						size="small"
+						@click="handleAdd"
+						>新增</el-button
+					>
+
+					<el-button
+						v-if="mubanUrl"
+						class="btn_upload diy-button--export"
+						size="small"
+						@click="handleExportModule('room')"
+						>下载模板</el-button
+					>
+
+					<el-upload
+						:headers="$getElUploadHeaders()"
+						v-if="importUrl"
+						ref="upload"
+						class="upload-btn"
+						action="uploadUlr"
+						:limit="1"
+						:accept="'.xls,.xlsx'"
+						:with-credentials="true"
+						:show-file-list="false"
+						:auto-upload="true"
+						:before-upload="beforeExcelUpload"
+						:http-request="uploadHttpRequest"
+					>
+						<el-button
+							size="small"
+							class="btn_upload diy-button--delete"
+							>导入</el-button
+						>
+					</el-upload>
+
+					<el-button
+						v-if="exportUrl"
+						@click="handleExport"
+						class="btn_upload diy-button--reset"
+						size="small"
+						>导出</el-button
+					>
+					<el-button
+						v-if="qrCodeExportUrl"
+						@click="handleExportQrcode"
+						class="btn_upload diy-button--reset"
+						size="small"
+						>导出员工登记码</el-button
+					>
+					<el-button
+						v-if="delMultipleUrl"
+						size="small"
+						@click="handleDeleteMultiple"
+						>批量删除</el-button
+					>
+					<slot
+						name="listBtn"
+						v-bind:multipleSelection="multipleSelection"
+					></slot>
+				</div>
+
+				<el-table
+					ref="ref_table"
+					:data="tableData"
+					border
+					:empty-text="loadInfo"
+					:header-cell-style="{
+						background: '#2195FE',
+						color: '#FFFFFF',
+					}"
+					class="table"
+					style="width: 100%"
+					:height="maxTableHeight"
+					@selection-change="handleSelectionChange"
+				>
+					<template
+						v-for="(item, index) in tableParams"
+						:prop="item.keyName"
+					>
+						<el-table-column
+							v-if="item.type == 'selection'"
+							:key="'table-selection' + index"
+							type="selection"
+							align="center"
+							width="50"
+						/>
+
+						<el-table-column
+							v-if="item.type == 'no'"
+							:key="'table-no' + item.keyName"
+							:label="item.field"
+							fixed="left"
+							type="index"
+							align="center"
+							width="50"
+						/>
+
+						<el-table-column
+							v-else-if="item.type == 'text'"
+							:key="'table' + item.keyName"
+							:prop="item.keyName"
+							:label="item.field"
+							align="center"
+							:width="item.width || ''"
+							:show-overflow-tooltip="true"
+						>
+						</el-table-column>
+
+						<el-table-column
+							v-else-if="item.type == 'array'"
+							:key="'table-array' + item.keyName"
+							:prop="item.keyName"
+							:label="item.field"
+							align="center"
+							:width="item.width || ''"
+							:show-overflow-tooltip="true"
+						>
+							<template slot-scope="scope">
+								{{
+									scope.row[item.keyName].join(
+										item.arrayDiv || ","
+									)
+								}}
+							</template>
+						</el-table-column>
+					</template>
+
+					<el-table-column
+						v-if="operateCol"
+						fixed="right"
+						label="操作"
+						align="center"
+						width="200"
+					>
+						<template slot-scope="scope">
+							<slot
+								name="listBtnbefore"
+								v-bind:item="scope.row"
+							></slot>
+							<el-button
+								v-if="infoUrl && infoAuth(scope.row)"
+								@click="handleWatch(scope.row)"
+								type="text"
+								size="small"
+								class=".div-table-button--detail"
+								>查看</el-button
+							>
+							<el-button
+								v-if="editUrl && editAuth(scope.row)"
+								@click="handleEdit(scope.row)"
+								type="text"
+								size="small"
+								class="div-table-button--edit"
+								>{{ editBtnName(scope.row) }}</el-button
+							>
+							<el-popconfirm
+								v-if="delUrl && delAuth(scope.row)"
+								title="删除之后无法回复，确认删除？"
+								@onConfirm="
+									handleDelete(scope.row, scope.$index)
+								"
+								@confirm="handleDelete(scope.row, scope.$index)"
+							>
+								<el-button
+									slot="reference"
+									type="text"
+									size="small"
+									style="margin-left: 10px"
+									class="div-table-button--delete"
+									>删除</el-button
+								>
+							</el-popconfirm>
+
+							<slot
+								name="listBtnSup"
+								v-bind:item="scope.row"
+							></slot>
+						</template>
+					</el-table-column>
+				</el-table>
+
+				<div>
+					<el-pagination
+						@size-change="handleSizeChange"
+						@current-change="handleCurrentChange"
+						:current-page.sync="pageNo"
+						:page-sizes="[20, 50, 100, 200]"
+						:page-size="parseInt(pageSize)"
+						layout="sizes, prev, pager, next, total"
+						:total="total"
+					>
+					</el-pagination>
+				</div>
+			</div>
+		</div>
+
+		<!-- 修改弹出框 -->
+		<el-dialog
+			v-if="formShow"
+			:visible.sync="formShow"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			:title="formTitle"
+			:width="editParamsDiv ? '1100px' : '850px'"
+			top="5vh"
+			class="dialog-h"
+			@closed="handleClose"
+		>
+			<edit-form
+				v-if="formShow"
+				ref="editForm"
+				:idName="idName"
+				:formId="formId"
+				:formType="formType"
+				:infoUrl="infoUrl"
+				:addUrl="addUrl"
+				:editUrl="editUrl"
+				:editParams="editParams"
+				:editParamsDiv="editParamsDiv"
+				:editElseRules="editElseRules"
+				:editFixedParams="editFixedParams"
+				:formBtnFixed="formBtnFixed"
+				:editConfig="editConfig"
+				@close="handleClose"
+				@afterEdit="handleEditSuccess"
+			>
+				<template v-slot:bottomSup="{ id, formType, info }">
+					<slot
+						name="editBottomSup"
+						v-bind:id="id"
+						v-bind:formType="formType"
+						v-bind:info="info"
+					></slot>
+				</template>
+				<template v-slot:operateSup="{ id, formType, info }">
+					<slot
+						name="editOperateSup"
+						v-bind:id="id"
+						v-bind:formType="formType"
+						v-bind:info="info"
+					></slot>
+				</template>
+			</edit-form>
+		</el-dialog>
+	</div>
 </template>
 
 <script>
@@ -266,193 +369,196 @@ import editForm from "./cpts/edit";
 import nextTick from "dai-js/tools/nextTick";
 
 export default {
-  components: { editForm },
-
-  props: {
-    searchParams: {
-      type: Array,
-      default: () => [],
-    },
-    searchUrl: {
-      type: String,
-      default: "",
-    },
-
-    tableParams: {
-      type: Array,
-      default: () => [],
-    },
-
-    tableUrl: {
-      type: String,
-      default: "",
-    },
-
-    addUrl: {
-      type: String,
-      default: "",
-    },
-    editUrl: {
-      type: String,
-      default: "",
-    },
-    delUrl: {
-      type: String,
-      default: "",
-    },
-    delMultipleUrl: {
-      type: String,
-      default: "",
-    },
-    infoUrl: {
-      type: String,
-      default: "",
-    },
-    exportUrl: {
-      type: String,
-      default: "",
-    },
-    qrCodeExportUrl: {
-      type: String,
-      default: "",
-    },
-    importUrl: {
-      type: String,
-      default: "",
-    },
-    mubanUrl: {
-      type: String,
-      default: "",
-    },
-
-    infoAuth: {
-      type: Function,
-      default: () => true,
-    },
-    editAuth: {
-      type: Function,
-      default: () => true,
-    },
-    editBtnName: {
-      type: Function,
-      default: () => "修改",
-    },
-    delAuth: {
-      type: Function,
-      default: () => true,
-    },
-
-    editParams: {
-      type: Array,
-      default: () => [],
-    },
-    editElseRules: {
-      type: Object,
-      default: () => ({}),
-    },
-    editConfig: {
-      type: Object,
-      default: () => ({}),
-    },
-    editFixedParams: {
-      type: Object,
-      default: () => ({}),
-    },
-    editParamsDiv: {
-      type: Number,
-      default: 0,
-    },
-
-    idName: {
-      type: String,
-      default: "id",
-    },
-
-    formBtnFixed: {
-      type: Boolean,
-      default: true,
-    },
-
-    operateCol: {
-      type: Boolean,
-      default: true,
-    },
-
-    cookTableData: {
-      type: Function,
-      default: (val) => val,
-    },
-  },
-
-  data () {
-    return {
-      tableData: [],
-      loadInfo: '',
-
-      pageNo: 1,
-      pageSize: window.localStorage.getItem("pageSize") || 20,
-      total: 1,
-
-      formId: "",
-      formShow: false,
-      formTitle: "详情",
-      formType: "", // 列表list 新增add  修改edit 详情info
-
-      ref_search_height: 100,
-
-      multipleSelection: [],
-    };
-  },
-
-  computed: {
-    maxTableHeight () {
-      const { ref_search_height } = this;
-      return this.$store.state.inIframe
-        ? this.clientHeight - ref_search_height - 265 + this.iframeHeight
-        : this.clientHeight - ref_search_height - 265;
-    },
-    ...mapGetters(["clientHeight", "iframeHeight"]),
-  },
-
-  watch: {},
-
-  async mounted () {
-    console.log(this.$store.state);
-    this.user = this.$store.state.user;
-
-    this.agencyId = this.user.agencyId;
-
-    this.iniSearchData();
-
-    this.getTableData();
-
-    await nextTick(100);
-    this.computeSearchHeight();
-  },
-
-  activated () {
-    console.log("-------------activated");
-    this.$refs["ref_table"].doLayout();
-  },
-
-  methods: {
-    handleSelectionChange (val) {
-      console.log(val);
-      this.multipleSelection = val;
-    },
-
-    computeSearchHeight () {
-      this.ref_search_height = this.$refs["ref_search"].clientHeight;
-      console.log(this.$refs["ref_search"]);
-      console.log(this.ref_search_height);
-    },
-
-    iniSearchData () {
-      const { searchParams } = this;
-      searchParams.forEach((item, index) => {
-        if (item.type == "select" || item.type == "cascader") {
-          if (item.optionUrl) {
-            if (item.optionUrlMethod == "get") {
+	components: { editForm },
+
+	props: {
+		searchParams: {
+			type: Array,
+			default: () => [],
+		},
+		searchUrl: {
+			type: String,
+			default: "",
+		},
+
+		tableParams: {
+			type: Array,
+			default: () => [],
+		},
+
+		tableUrl: {
+			type: String,
+			default: "",
+		},
+
+		addUrl: {
+			type: String,
+			default: "",
+		},
+		editUrl: {
+			type: String,
+			default: "",
+		},
+		delUrl: {
+			type: String,
+			default: "",
+		},
+		delMultipleUrl: {
+			type: String,
+			default: "",
+		},
+		infoUrl: {
+			type: String,
+			default: "",
+		},
+		exportUrl: {
+			type: String,
+			default: "",
+		},
+		qrCodeExportUrl: {
+			type: String,
+			default: "",
+		},
+		importUrl: {
+			type: String,
+			default: "",
+		},
+		mubanUrl: {
+			type: String,
+			default: "",
+		},
+
+		infoAuth: {
+			type: Function,
+			default: () => true,
+		},
+		editAuth: {
+			type: Function,
+			default: () => true,
+		},
+		editBtnName: {
+			type: Function,
+			default: () => "修改",
+		},
+		delAuth: {
+			type: Function,
+			default: () => true,
+		},
+
+		editParams: {
+			type: Array,
+			default: () => [],
+		},
+		editElseRules: {
+			type: Object,
+			default: () => ({}),
+		},
+		editConfig: {
+			type: Object,
+			default: () => ({}),
+		},
+		editFixedParams: {
+			type: Object,
+			default: () => ({}),
+		},
+		editParamsDiv: {
+			type: Number,
+			default: 0,
+		},
+
+		idName: {
+			type: String,
+			default: "id",
+		},
+
+		formBtnFixed: {
+			type: Boolean,
+			default: true,
+		},
+
+		operateCol: {
+			type: Boolean,
+			default: true,
+		},
+
+		cookTableData: {
+			type: Function,
+			default: (val) => val,
+		},
+	},
+
+	data() {
+		return {
+			tableData: [],
+			loadInfo: "",
+
+			pageNo: 1,
+			pageSize: window.localStorage.getItem("pageSize") || 20,
+			total: 1,
+
+			formId: "",
+			formShow: false,
+			formTitle: "详情",
+			formType: "", // 列表list 新增add  修改edit 详情info
+
+			ref_search_height: 100,
+
+			multipleSelection: [],
+		};
+	},
+
+	computed: {
+		maxTableHeight() {
+			const { ref_search_height } = this;
+			return this.$store.state.inIframe
+				? this.clientHeight -
+						ref_search_height -
+						265 +
+						this.iframeHeight
+				: this.clientHeight - ref_search_height - 265;
+		},
+		...mapGetters(["clientHeight", "iframeHeight"]),
+	},
+
+	watch: {},
+
+	async mounted() {
+		console.log(this.$store.state);
+		this.user = this.$store.state.user;
+
+		this.agencyId = this.user.agencyId;
+
+		this.iniSearchData();
+
+		this.getTableData();
+
+		await nextTick(100);
+		this.computeSearchHeight();
+	},
+
+	activated() {
+		console.log("-------------activated");
+		this.$refs["ref_table"].doLayout();
+	},
+
+	methods: {
+		handleSelectionChange(val) {
+			console.log(val);
+			this.multipleSelection = val;
+		},
+
+		computeSearchHeight() {
+			this.ref_search_height = this.$refs["ref_search"].clientHeight;
+			console.log(this.$refs["ref_search"]);
+			console.log(this.ref_search_height);
+		},
+
+		iniSearchData() {
+			const { searchParams } = this;
+			searchParams.forEach((item, index) => {
+				if (item.type == "select" || item.type == "cascader") {
+					if (item.optionUrl) {
+						if (item.optionUrlMethod == "get") {
 							this.getFmOptionsGet(
 								index,
 								item.optionUrl,
@@ -467,360 +573,392 @@ export default {
 								item.optionCook || null
 							);
 						}
-          }
-        }
-      });
-    },
-
-    async getFmOptions (index, url, params, cookFn) {
-      const { data, code, msg } = await requestPost(url, {
-        ...params,
-      });
-
-      if (code === 0) {
-        this.searchParams[index].optionList =
-          typeof cookFn == "function" ? cookFn(data) : data || [];
-      } else {
-        this.$message.error("请求检索基础数据失败！");
-      }
-    },
-
-    async getFmOptionsGet(index, url, params, cookFn) {
+					}
+				}
+			});
+		},
+
+		async getFmOptions(index, url, params, cookFn) {
+			const { data, code, msg } = await requestPost(url, {
+				...params,
+			});
+
+			if (code === 0) {
+				this.searchParams[index].optionList =
+					typeof cookFn == "function" ? cookFn(data) : data || [];
+			} else {
+				this.$message.error("请求检索基础数据失败！");
+			}
+		},
+
+		async getFmOptionsGet(index, url, params, cookFn) {
 			const { data, code, msg } = await requestGet(url, {
-        ...params,
-      });
-
-      if (code === 0) {
-        this.searchParams[index].optionList =
-          typeof cookFn == "function" ? cookFn(data) : data || [];
-      } else {
-        this.$message.error("请求检索基础数据失败！");
-      }
-		},
-
-    handleChangeCascader (vals, item) {
-      if (typeof item.handleChangeFn == "function") {
-        item.handleChangeFn(vals, item);
-      }
-    },
-
-    handleSearch (val) {
-      this.pageNo = 1;
-
-      this.getTableData();
-    },
-
-    beforeExcelUpload (file) {
-      console.log("file", file);
-      const isType = file.type === "application/vnd.ms-excel";
-      const isTypeComputer =
-        file.type ===
-        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-      const fileType = isType || isTypeComputer;
-      const isLt1M = file.size / 1024 / 1024 < 10;
-      if (!fileType) {
-        this.$message.error("上传文件只能是xls/xlsx格式！");
-      }
-
-      if (!isLt1M) {
-        this.$message.error("上传文件大小不能超过 10MB!");
-      }
-      return fileType && isLt1M;
-    },
-
-    async uploadHttpRequest (file) {
-      let { importUrl: url } = this;
-      if (!url) return;
-
-      this.$message({
-        showClose: true,
-        message: "导入中，请到系统管理-导入记录中查看进度",
-        duration: 0,
-      });
-
-      const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
-      formData.append("file", file.file); //添加文件对象
-      await this.$http
-        .post(url, formData)
-        .then((res) => {
-          console.log("res-up", res);
-          if (res.data.code == 0 && res.data.msg == "success") {
-            // this.$message.success('导入成功')
-            this.getTableData();
-            this.$refs.upload.clearFiles();
-          } else this.$message.error(res.data.msg);
-        })
-        .catch((err) => {
-          console.log("失败", err);
-          file.onError(); //上传失败的文件会从文件列表中删除
-          // this.$message.error('导入失败')
-        });
-    },
-
-    async handleExportModule () {
-      let { mubanUrl: url } = this;
-      if (!url) return;
-
-      await this.$http({
-        method: "POST",
-        url,
-        responseType: "blob",
-        data: {},
-      })
-        .then((res) => {
-          // this.download(res.data, title + '.xls')
-          if (res.headers["content-disposition"]) {
-            let fileName = window.decodeURI(
-              res.headers["content-disposition"].split(";")[1].split("=")[1]
-            );
-            console.log("filename", fileName);
-            let blob = new Blob([res.data], {
-              type: "application/vnd.ms-excel",
-            });
-            var url = window.URL.createObjectURL(blob);
-            var aLink = document.createElement("a");
-            aLink.style.display = "none";
-            aLink.href = url;
-            aLink.setAttribute("download", fileName);
-            document.body.appendChild(aLink);
-            aLink.click();
-            document.body.removeChild(aLink); //下载完成移除元素
-            window.URL.revokeObjectURL(url); //释放掉blob对象
-          } else this.$message.error("下载失败");
-        })
-        .catch((err) => {
-          console.log("err", err);
-          return this.$message.error("网络错误");
-        });
-    },
-
-    async handleExport () {
-      const { exportUrl: url } = this;
-      if (!url) return;
-
-      const { pageSize, pageNo } = this;
-
-      axios({
-        url: window.SITE_CONFIG["apiURL"] + url,
-        method: "post",
-        data: {
-          pageSize,
-          pageNo,
-          ...this.computeFmData(),
-        },
-        responseType: "blob",
-      })
-        .then((res) => {
-          let fileName = window.decodeURI(
-            res.headers["content-disposition"].split(";")[1].split("=")[1]
-          );
-          console.log("filename", fileName);
-          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
-          var url = window.URL.createObjectURL(blob);
-          var aLink = document.createElement("a");
-          aLink.style.display = "none";
-          aLink.href = url;
-          aLink.setAttribute("download", fileName);
-          document.body.appendChild(aLink);
-          aLink.click();
-          document.body.removeChild(aLink); //下载完成移除元素
-          window.URL.revokeObjectURL(url); //释放掉blob对象
-        })
-        .catch((err) => {
-          console.log("获取导出情失败", err);
-          return this.$message.error("网络错误");
-        });
-    },
-    async handleExportQrcode () {
-      const { qrCodeExportUrl: url } = this;
-      if (!url) return;
-
-      const { pageSize, pageNo } = this;
-
-      axios({
-        url: window.SITE_CONFIG["apiURL"] + url,
-        method: "post",
-        data: {
-          pageSize,
-          pageNo,
-          ...this.computeFmData(),
-        },
-        responseType: "blob",
-      })
-        .then((res) => {
-          let fileName = window.decodeURI(
-            res.headers["content-disposition"].split(";")[1].split("=")[1]
-          );
-          console.log("filename", fileName);
-          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
-          var url = window.URL.createObjectURL(blob);
-          var aLink = document.createElement("a");
-          aLink.style.display = "none";
-          aLink.href = url;
-          aLink.setAttribute("download", fileName);
-          document.body.appendChild(aLink);
-          aLink.click();
-          document.body.removeChild(aLink); //下载完成移除元素
-          window.URL.revokeObjectURL(url); //释放掉blob对象
-        })
-        .catch((err) => {
-          console.log("获取导出情失败", err);
-          return this.$message.error("网络错误");
-        });
-    },
-
-    handleAdd () {
-      this.formType = "add";
-      this.formTitle = "新增";
-      this.formShow = true;
-    },
-
-    handleWatch (row) {
-      const { idName } = this;
-      this.formType = "watch";
-      this.formId = row[idName];
-      this.formTitle = "查看";
-      this.formShow = true;
-    },
-
-    handleEdit (row) {
-      const { idName } = this;
-      this.formType = "edit";
-      this.formId = row[idName];
-      this.formTitle = "修改";
-      this.formShow = true;
-    },
-
-    handleClose () {
-      this.formShow = false;
-      this.getTableData();
-    },
-
-    handleEditSuccess () {
-      this.handleClose();
-      // this.getTableData();
-    },
-
-    async handleDeleteMultiple () {
-      let { delMultipleUrl: url } = this;
-      if (!url) return;
-
-      const { multipleSelection, idName } = this;
-
-      const { data, code, msg } = await requestPost(url, [
-        ...multipleSelection.map((item) => item[idName]),
-      ]);
-
-      if (code === 0) {
-        this.$message.success("批量删除成功！");
-        this.getTableData();
-      } else {
-        this.$message.error("操作失败！");
-      }
-    },
-
-    async handleDelete (rowData, rowIndex) {
-      console.log(rowData, rowIndex);
-      let { delUrl: url } = this;
-      if (!url) return;
-
-      const { tableData, idName } = this;
-      const idValue = tableData[rowIndex][idName];
-      let param = {
-        [idName]: idValue,
-      };
-      if (url.endsWith("/")) {
-        url += idValue;
-      }
-      if (url.endsWith("批量")) {
-        url = url.slice(0, -2);
-        param = [idValue];
-      }
-
-      const { data, code, msg } = await requestPost(url, param);
-
-      if (code === 0) {
-        this.$message.success("删除成功！");
-        this.getTableData();
-      } else {
-        this.$message.error("操作失败！");
-      }
-    },
-
-    computeFmData () {
-      let fmData = {};
-      this.searchParams.forEach((item) => {
-        fmData[item.keyName] = item.value;
-        if (item.supValues) {
-          item.supValues.forEach((value, index) => {
-            fmData[item.supKeys[index]] = value;
-          });
-        }
-      });
-      return fmData;
-    },
-
-    refresh () {
-      this.getTableData();
-    },
-
-    async getTableData () {
-      this.loadInfo = '数据加载中'
-      const { tableUrl: url } = this;
-      if (!url) return;
-
-      const { pageSize, pageNo } = this;
-      const { data, code, msg } = await requestPost(url, {
-        pageSize,
-        pageNo,
-        ...this.computeFmData(),
-      });
-
-      if (code === 0) {
-        this.total = data.total || 0;
-        this.tableData = data.list ? this.cookTableData(data.list) : [];
-        if (this.tableData.length === 0) {
-          this.loadInfo = '暂无数据'
-        } else {
-          this.loadInfo = ''
-
-        }
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    handleSizeChange (val) {
-      this.pageSize = val;
-      window.localStorage.setItem("pageSize", val);
-      this.getTableData();
-    },
-    handleCurrentChange (val) {
-      this.pageNo = val;
-      this.getTableData();
-    },
-
-    resetSearch () {
-      console.log("----------------resetSearch", this.searchParams);
-      this.searchParams.forEach((item) => {
-        if (typeof item.value == "string") {
-          item.value = "";
-        } else if (Array.isArray(item.value)) {
-          item.value = [];
-        }
-        if (item.supValues) {
-          item.supValues = item.supValues.map((value, index) => {
-            if (typeof value == "string") {
-              return "";
-            } else if (Array.isArray(value)) {
-              return [];
-            }
-            return value;
-          });
-        }
-      });
-    },
-  },
+				...params,
+			});
+
+			if (code === 0) {
+				this.searchParams[index].optionList =
+					typeof cookFn == "function" ? cookFn(data) : data || [];
+			} else {
+				this.$message.error("请求检索基础数据失败！");
+			}
+		},
+
+		handleChangeCascader(vals, item) {
+			if (typeof item.handleChangeFn == "function") {
+				item.handleChangeFn(vals, item);
+			}
+		},
+
+		handleSearch(val) {
+			this.pageNo = 1;
+
+			this.getTableData();
+		},
+
+		beforeExcelUpload(file) {
+			console.log("file", file);
+			const isType = file.type === "application/vnd.ms-excel";
+			const isTypeComputer =
+				file.type ===
+				"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+			const fileType = isType || isTypeComputer;
+			const isLt1M = file.size / 1024 / 1024 < 10;
+			if (!fileType) {
+				this.$message.error("上传文件只能是xls/xlsx格式！");
+			}
+
+			if (!isLt1M) {
+				this.$message.error("上传文件大小不能超过 10MB!");
+			}
+			return fileType && isLt1M;
+		},
+
+		async uploadHttpRequest(file) {
+			let { importUrl: url } = this;
+			if (!url) return;
+
+			this.$message({
+				showClose: true,
+				message: "导入中，请到系统管理-导入记录中查看进度",
+				duration: 0,
+			});
+
+			const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+			formData.append("file", file.file); //添加文件对象
+			await this.$http
+				.post(url, formData)
+				.then((res) => {
+					console.log("res-up", res);
+					if (res.data.code == 0 && res.data.msg == "success") {
+						// this.$message.success('导入成功')
+						this.getTableData();
+						this.$refs.upload.clearFiles();
+					} else this.$message.error(res.data.msg);
+				})
+				.catch((err) => {
+					console.log("失败", err);
+					file.onError(); //上传失败的文件会从文件列表中删除
+					// this.$message.error('导入失败')
+				});
+		},
+
+		async handleExportModule() {
+			let { mubanUrl: url } = this;
+			if (!url) return;
+
+			await this.$http({
+				method: "POST",
+				url,
+				responseType: "blob",
+				data: {},
+			})
+				.then((res) => {
+					// this.download(res.data, title + '.xls')
+					if (res.headers["content-disposition"]) {
+						let fileName = window.decodeURI(
+							res.headers["content-disposition"]
+								.split(";")[1]
+								.split("=")[1]
+						);
+						console.log("filename", fileName);
+						let blob = new Blob([res.data], {
+							type: "application/vnd.ms-excel",
+						});
+						var url = window.URL.createObjectURL(blob);
+						var aLink = document.createElement("a");
+						aLink.style.display = "none";
+						aLink.href = url;
+						aLink.setAttribute("download", fileName);
+						document.body.appendChild(aLink);
+						aLink.click();
+						document.body.removeChild(aLink); //下载完成移除元素
+						window.URL.revokeObjectURL(url); //释放掉blob对象
+					} else this.$message.error("下载失败");
+				})
+				.catch((err) => {
+					console.log("err", err);
+					return this.$message.error("网络错误");
+				});
+		},
+
+		async handleExport() {
+			const { exportUrl: url } = this;
+			if (!url) return;
+
+			const { pageSize, pageNo } = this;
+
+			axios({
+				url: window.SITE_CONFIG["apiURL"] + url,
+				method: "post",
+				data: {
+					pageSize,
+					pageNo,
+					...this.computeFmData(),
+				},
+				responseType: "blob",
+			})
+				.then((res) => {
+					let fileName = window.decodeURI(
+						res.headers["content-disposition"]
+							.split(";")[1]
+							.split("=")[1]
+					);
+					console.log("filename", fileName);
+					let blob = new Blob([res.data], {
+						type: "application/vnd.ms-excel",
+					});
+					var url = window.URL.createObjectURL(blob);
+					var aLink = document.createElement("a");
+					aLink.style.display = "none";
+					aLink.href = url;
+					aLink.setAttribute("download", fileName);
+					document.body.appendChild(aLink);
+					aLink.click();
+					document.body.removeChild(aLink); //下载完成移除元素
+					window.URL.revokeObjectURL(url); //释放掉blob对象
+				})
+				.catch((err) => {
+					console.log("获取导出情失败", err);
+					return this.$message.error("网络错误");
+				});
+		},
+		async handleExportQrcode() {
+			const { qrCodeExportUrl: url } = this;
+			if (!url) return;
+
+			const { pageSize, pageNo } = this;
+
+			axios({
+				url: window.SITE_CONFIG["apiURL"] + url,
+				method: "post",
+				data: {
+					pageSize,
+					pageNo,
+					...this.computeFmData(),
+				},
+				responseType: "blob",
+			})
+				.then((res) => {
+					let fileName = window.decodeURI(
+						res.headers["content-disposition"]
+							.split(";")[1]
+							.split("=")[1]
+					);
+					console.log("filename", fileName);
+					let blob = new Blob([res.data], {
+						type: "application/vnd.ms-excel",
+					});
+					var url = window.URL.createObjectURL(blob);
+					var aLink = document.createElement("a");
+					aLink.style.display = "none";
+					aLink.href = url;
+					aLink.setAttribute("download", fileName);
+					document.body.appendChild(aLink);
+					aLink.click();
+					document.body.removeChild(aLink); //下载完成移除元素
+					window.URL.revokeObjectURL(url); //释放掉blob对象
+				})
+				.catch((err) => {
+					console.log("获取导出情失败", err);
+					return this.$message.error("网络错误");
+				});
+		},
+
+		handleAdd() {
+			this.formType = "add";
+			this.formTitle = "新增";
+			this.formShow = true;
+		},
+
+		handleWatch(row) {
+			const { idName } = this;
+			this.formType = "watch";
+			this.formId = row[idName];
+			this.formTitle = "查看";
+			this.formShow = true;
+		},
+
+		handleEdit(row) {
+			const { idName } = this;
+			this.formType = "edit";
+			this.formId = row[idName];
+			this.formTitle = "修改";
+			this.formShow = true;
+		},
+
+		handleClose() {
+			this.formShow = false;
+			this.getTableData();
+		},
+
+		handleEditSuccess() {
+			this.handleClose();
+			// this.getTableData();
+		},
+
+		async handleDeleteMultiple() {
+			let { delMultipleUrl: url } = this;
+			if (!url) return;
+
+			const { multipleSelection, idName } = this;
+
+			const { data, code, msg } = await requestPost(url, [
+				...multipleSelection.map((item) => item[idName]),
+			]);
+
+			if (code === 0) {
+				this.$message.success("批量删除成功！");
+				this.getTableData();
+			} else {
+				this.$message.error("操作失败！");
+			}
+		},
+
+		async handleDelete(rowData, rowIndex) {
+			console.log(rowData, rowIndex);
+			let { delUrl: url } = this;
+			if (!url) return;
+
+			const { tableData, idName } = this;
+			const idValue = tableData[rowIndex][idName];
+			let param = {
+				[idName]: idValue,
+			};
+			if (url.endsWith("/")) {
+				url += idValue;
+			}
+			if (url.endsWith("批量")) {
+				url = url.slice(0, -2);
+				param = [idValue];
+			}
+
+			const { data, code, msg } = await requestPost(url, param);
+
+			if (code === 0) {
+				this.$message.success("删除成功！");
+				this.getTableData();
+			} else {
+				this.$message.error("操作失败！");
+			}
+		},
+
+		computeFmData() {
+			let fmData = {};
+			this.searchParams.forEach((item) => {
+				fmData[item.keyName] = item.value;
+				if (item.supValues) {
+					item.supValues.forEach((value, index) => {
+						fmData[item.supKeys[index]] = value;
+					});
+				}
+			});
+			return fmData;
+		},
+
+		refresh() {
+			this.getTableData();
+		},
+
+		async getTableData() {
+			this.loadInfo = "数据加载中";
+			let { tableUrl: url } = this;
+			if (!url) return;
+			let req = requestPost;
+			if (url.startsWith("【GET】")) {
+				url = url.substr(5);
+				req = requestGet;
+			}
+
+			const { pageSize, pageNo } = this;
+			const { data, code, msg } = await req(url, {
+				pageSize,
+				pageNo,
+				...this.computeFmData(),
+			});
+
+			if (code === 0) {
+				let total = 0,
+					list = [];
+				if (Array.isArray(data)) {
+					list = data;
+				} else if ((data.total || data.count) && data.list) {
+					list = data.list || [];
+					total = data.total || data.count;
+				} else if (typeof data == "object") {
+					let ks = Object.keys(data);
+					let totalKey =
+						ks.find((k) => k.indexOf("ount") != -1) ||
+						ks.find((k) => k.indexOf("otal") != -1);
+					let listKey = ks.find((k) => k.indexOf("ist") != -1);
+					if (totalKey && listKey) {
+						total = data[totalKey];
+						list = data[listKey] || [];
+					}
+				}
+				this.total = total;
+				this.tableData = this.cookTableData(list);
+				if (this.tableData.length === 0) {
+					this.loadInfo = "暂无数据";
+				} else {
+					this.loadInfo = "";
+				}
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		handleSizeChange(val) {
+			this.pageSize = val;
+			window.localStorage.setItem("pageSize", val);
+			this.getTableData();
+		},
+		handleCurrentChange(val) {
+			this.pageNo = val;
+			this.getTableData();
+		},
+
+		resetSearch() {
+			console.log("----------------resetSearch", this.searchParams);
+			this.searchParams.forEach((item) => {
+				if (typeof item.value == "string") {
+					item.value = "";
+				} else if (Array.isArray(item.value)) {
+					item.value = [];
+				}
+				if (item.supValues) {
+					item.supValues = item.supValues.map((value, index) => {
+						if (typeof value == "string") {
+							return "";
+						} else if (Array.isArray(value)) {
+							return [];
+						}
+						return value;
+					});
+				}
+			});
+		},
+	},
 };
 </script>
 
diff --git a/src/views/modules/lingshan/djyl/hsdb/dbfw.vue b/src/views/modules/lingshan/djyl/hsdb/dbfw.vue
new file mode 100644
index 0000000..cb388fa
--- /dev/null
+++ b/src/views/modules/lingshan/djyl/hsdb/dbfw.vue
@@ -0,0 +1,298 @@
+<template>
+	<div>
+		<base-page
+			:searchParams="searchParams"
+			:tableParams="tableParams"
+			:tableUrl="tableUrl"
+			:addUrl="addUrl"
+			:editUrl="editUrl"
+			:delUrl="delUrl"
+			:editAuth="editAuth"
+			:delAuth="delAuth"
+			:infoUrl="infoUrl"
+			:exportUrl="exportUrl"
+			:importUrl="importUrl"
+			:mubanUrl="mubanUrl"
+			:editParams="editParams"
+			:editElseRules="editElseRules"
+			idName="icDangerousChemicalsId"
+		></base-page>
+	</div>
+</template>
+
+<script>
+import basePage from "@/views/modules/cpts/base/index";
+import { getItemByIdInCascader, collapse } from "@/utils/cascader";
+
+export default {
+	props: {},
+
+	data() {
+		return {
+			searchParams: [
+				{
+					field: "所属组织",
+					keyName: "orgId",
+					type: "cascader",
+					value: "",
+					supKeys: ["orgType"],
+					supValues: [""],
+					optionUrl: "/gov/org/customeragency/agencygridtreeV2",
+					optionUrlParams: {
+						customerId: this.$store.state.user.customerId,
+					},
+					optionList: [],
+					optionProps: {
+						multiple: false,
+						value: "agencyId",
+						label: "agencyName",
+						children: "subAgencyList",
+						checkStrictly: true,
+						emitPath: false,
+					},
+					optionCook(obj) {
+						return [obj];
+					},
+					handleChangeFn(val, item, that) {
+						const { optionList } = item;
+						const optionPlaneList = collapse(
+							optionList,
+							"subAgencyList"
+						);
+						if (val) {
+							let selectedItem = getItemByIdInCascader(
+								optionPlaneList,
+								[val],
+								"agencyId",
+								"subAgencyList"
+							)[0];
+							item["supValues"][0] =
+								selectedItem.level == "grid"
+									? "grid"
+									: "agency";
+							console.log("handleChangeFn", selectedItem);
+						} else {
+							item["supValues"][0] = "";
+						}
+					},
+				},
+				{ field: "代办员姓名", keyName: "name", type: "input" },
+				{ field: "手机号", keyName: "phone", type: "input" },
+				{ field: "身份证号", keyName: "mobile", type: "input" },
+			],
+
+			tableParams: [
+				{ field: "序号", keyName: "", type: "no" },
+				{ field: "所属组织", keyName: "orgName", type: "text" },
+				{ field: "代办员姓名", keyName: "name", type: "text" },
+				{ field: "性别", keyName: "gender", type: "text" },
+				{ field: "年龄", keyName: "age", type: "text" },
+				{ field: "学历", keyName: "edu", type: "text" },
+				{ field: "联系电话", keyName: "mobile", type: "text" },
+				{ field: "身份证号", keyName: "idCard", type: "text" },
+			],
+			tableUrl: "【GET】/epmetuser/lingshan/serviceAgent/work/agentList",
+			mubanUrl: "",
+			importUrl: "",
+			exportUrl: "/gov/org/icDangerousChemicals/export",
+
+			// addUrl: "/gov/org/staff/addstaffv2",
+			editUrl: "/gov/org/staff/editstaff",
+			infoUrl: "/gov/org/staff/editstaffinit",
+			delUrl: "/gov/org/icDangerousChemicals/del",
+			// editAuth(item) {
+			// 	return item.agencyId == this.$store.state.user.agencyId;
+			// },
+			// delAuth(item) {
+			// 	return item.agencyId == this.$store.state.user.agencyId;
+			// },
+
+			editParams: [
+				// {
+				// 	field: "所属组织",
+				// 	keyName: "orgId",
+				// 	type: "cascader",
+				// 	value: () => [],
+				// 	supKeys: ["orgType"],
+				// 	supValues: [""],
+				// 	optionUrl: "/gov/org/customeragency/agencygridtreeV2",
+				// 	optionUrlParams: {
+				// 		customerId: this.$store.state.user.customerId,
+				// 	},
+				// 	optionList: [],
+				// 	optionProps: {
+				// 		multiple: false,
+				// 		value: "agencyId",
+				// 		label: "agencyName",
+				// 		children: "subAgencyList",
+				// 		checkStrictly: true,
+				// 		emitPath: false,
+				// 	},
+				// 	optionCook(obj) {
+				// 		return [obj];
+				// 	},
+				// 	handleChangeFn(val, item, that) {
+				// 		const { optionList } = item;
+				// 		const optionPlaneList = collapse(
+				// 			optionList,
+				// 			"subAgencyList"
+				// 		);
+				// 		if (val) {
+				// 			let selectedItem = getItemByIdInCascader(
+				// 				optionPlaneList,
+				// 				[val],
+				// 				"agencyId",
+				// 				"subAgencyList"
+				// 			)[0];
+				// 			that.fmData[item["keyName"]] =
+				// 				selectedItem.agencyId;
+				// 			that.fmData[item["supKeys"][0]] =
+				// 				selectedItem.level == "grid"
+				// 					? "grid"
+				// 					: "agency";
+				// 			console.log("handleChangeFn", selectedItem);
+				// 		} else {
+				// 			that.fmData[item["keyName"]] = "";
+				// 			that.fmData[item["supKeys"][0]] = "";
+				// 		}
+				// 	},
+				// 	rules: [
+				// 		{
+				// 			required: true,
+				// 			message: "所属组织不能为空",
+				// 			trigger: "blur",
+				// 		},
+				// 	],
+				// },
+				{
+					field: "代办员姓名",
+					keyName: "name",
+					type: "input",
+					maxlength: 50,
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "代办员姓名不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "手机号",
+					keyName: "mobile",
+					type: "input",
+					maxlength: 50,
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "手机号不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "身份证号",
+					keyName: "idCard",
+					type: "input",
+					maxlength: 50,
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "身份证号不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "学历",
+					keyName: "edu",
+					type: "select",
+					optionUrl: "/sys/dict/data/education",
+					optionUrlParams: {
+						formCode: "resi_base_info",
+					},
+					optionList: () => [],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "学历不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "专兼职",
+					keyName: "workType",
+					type: "select",
+					optionUrl: "",
+					optionUrlParams: {},
+					optionList: () => [
+						{ value: "fulltime", label: "专职" },
+						{ value: "parttime", label: "兼职" },
+					],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "专兼职不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "职责",
+					keyName: "roleList",
+					multiple: true,
+					type: "select",
+					optionUrl: "/gov/org/staff/rolelist",
+					optionUrlParams: {
+						agencyId: this.$store.state.user.agencyId,
+					},
+					optionList: () => [],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "职责不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "角色",
+					keyName: "newRoleList",
+					multiple: true,
+					type: "select",
+					optionUrl: "/gov/access/govrole/list",
+					optionUrlMethod: "get",
+					optionUrlParams: {},
+					optionList: () => [],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "角色不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+			],
+			editElseRules: {},
+			editConfig: {},
+		};
+	},
+	components: { basePage },
+	computed: {},
+	watch: {},
+
+	async mounted() {},
+
+	methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/modules/lingshan/djyl/hsdb/dby.vue b/src/views/modules/lingshan/djyl/hsdb/dby.vue
new file mode 100644
index 0000000..cb388fa
--- /dev/null
+++ b/src/views/modules/lingshan/djyl/hsdb/dby.vue
@@ -0,0 +1,298 @@
+<template>
+	<div>
+		<base-page
+			:searchParams="searchParams"
+			:tableParams="tableParams"
+			:tableUrl="tableUrl"
+			:addUrl="addUrl"
+			:editUrl="editUrl"
+			:delUrl="delUrl"
+			:editAuth="editAuth"
+			:delAuth="delAuth"
+			:infoUrl="infoUrl"
+			:exportUrl="exportUrl"
+			:importUrl="importUrl"
+			:mubanUrl="mubanUrl"
+			:editParams="editParams"
+			:editElseRules="editElseRules"
+			idName="icDangerousChemicalsId"
+		></base-page>
+	</div>
+</template>
+
+<script>
+import basePage from "@/views/modules/cpts/base/index";
+import { getItemByIdInCascader, collapse } from "@/utils/cascader";
+
+export default {
+	props: {},
+
+	data() {
+		return {
+			searchParams: [
+				{
+					field: "所属组织",
+					keyName: "orgId",
+					type: "cascader",
+					value: "",
+					supKeys: ["orgType"],
+					supValues: [""],
+					optionUrl: "/gov/org/customeragency/agencygridtreeV2",
+					optionUrlParams: {
+						customerId: this.$store.state.user.customerId,
+					},
+					optionList: [],
+					optionProps: {
+						multiple: false,
+						value: "agencyId",
+						label: "agencyName",
+						children: "subAgencyList",
+						checkStrictly: true,
+						emitPath: false,
+					},
+					optionCook(obj) {
+						return [obj];
+					},
+					handleChangeFn(val, item, that) {
+						const { optionList } = item;
+						const optionPlaneList = collapse(
+							optionList,
+							"subAgencyList"
+						);
+						if (val) {
+							let selectedItem = getItemByIdInCascader(
+								optionPlaneList,
+								[val],
+								"agencyId",
+								"subAgencyList"
+							)[0];
+							item["supValues"][0] =
+								selectedItem.level == "grid"
+									? "grid"
+									: "agency";
+							console.log("handleChangeFn", selectedItem);
+						} else {
+							item["supValues"][0] = "";
+						}
+					},
+				},
+				{ field: "代办员姓名", keyName: "name", type: "input" },
+				{ field: "手机号", keyName: "phone", type: "input" },
+				{ field: "身份证号", keyName: "mobile", type: "input" },
+			],
+
+			tableParams: [
+				{ field: "序号", keyName: "", type: "no" },
+				{ field: "所属组织", keyName: "orgName", type: "text" },
+				{ field: "代办员姓名", keyName: "name", type: "text" },
+				{ field: "性别", keyName: "gender", type: "text" },
+				{ field: "年龄", keyName: "age", type: "text" },
+				{ field: "学历", keyName: "edu", type: "text" },
+				{ field: "联系电话", keyName: "mobile", type: "text" },
+				{ field: "身份证号", keyName: "idCard", type: "text" },
+			],
+			tableUrl: "【GET】/epmetuser/lingshan/serviceAgent/work/agentList",
+			mubanUrl: "",
+			importUrl: "",
+			exportUrl: "/gov/org/icDangerousChemicals/export",
+
+			// addUrl: "/gov/org/staff/addstaffv2",
+			editUrl: "/gov/org/staff/editstaff",
+			infoUrl: "/gov/org/staff/editstaffinit",
+			delUrl: "/gov/org/icDangerousChemicals/del",
+			// editAuth(item) {
+			// 	return item.agencyId == this.$store.state.user.agencyId;
+			// },
+			// delAuth(item) {
+			// 	return item.agencyId == this.$store.state.user.agencyId;
+			// },
+
+			editParams: [
+				// {
+				// 	field: "所属组织",
+				// 	keyName: "orgId",
+				// 	type: "cascader",
+				// 	value: () => [],
+				// 	supKeys: ["orgType"],
+				// 	supValues: [""],
+				// 	optionUrl: "/gov/org/customeragency/agencygridtreeV2",
+				// 	optionUrlParams: {
+				// 		customerId: this.$store.state.user.customerId,
+				// 	},
+				// 	optionList: [],
+				// 	optionProps: {
+				// 		multiple: false,
+				// 		value: "agencyId",
+				// 		label: "agencyName",
+				// 		children: "subAgencyList",
+				// 		checkStrictly: true,
+				// 		emitPath: false,
+				// 	},
+				// 	optionCook(obj) {
+				// 		return [obj];
+				// 	},
+				// 	handleChangeFn(val, item, that) {
+				// 		const { optionList } = item;
+				// 		const optionPlaneList = collapse(
+				// 			optionList,
+				// 			"subAgencyList"
+				// 		);
+				// 		if (val) {
+				// 			let selectedItem = getItemByIdInCascader(
+				// 				optionPlaneList,
+				// 				[val],
+				// 				"agencyId",
+				// 				"subAgencyList"
+				// 			)[0];
+				// 			that.fmData[item["keyName"]] =
+				// 				selectedItem.agencyId;
+				// 			that.fmData[item["supKeys"][0]] =
+				// 				selectedItem.level == "grid"
+				// 					? "grid"
+				// 					: "agency";
+				// 			console.log("handleChangeFn", selectedItem);
+				// 		} else {
+				// 			that.fmData[item["keyName"]] = "";
+				// 			that.fmData[item["supKeys"][0]] = "";
+				// 		}
+				// 	},
+				// 	rules: [
+				// 		{
+				// 			required: true,
+				// 			message: "所属组织不能为空",
+				// 			trigger: "blur",
+				// 		},
+				// 	],
+				// },
+				{
+					field: "代办员姓名",
+					keyName: "name",
+					type: "input",
+					maxlength: 50,
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "代办员姓名不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "手机号",
+					keyName: "mobile",
+					type: "input",
+					maxlength: 50,
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "手机号不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "身份证号",
+					keyName: "idCard",
+					type: "input",
+					maxlength: 50,
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "身份证号不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "学历",
+					keyName: "edu",
+					type: "select",
+					optionUrl: "/sys/dict/data/education",
+					optionUrlParams: {
+						formCode: "resi_base_info",
+					},
+					optionList: () => [],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "学历不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "专兼职",
+					keyName: "workType",
+					type: "select",
+					optionUrl: "",
+					optionUrlParams: {},
+					optionList: () => [
+						{ value: "fulltime", label: "专职" },
+						{ value: "parttime", label: "兼职" },
+					],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "专兼职不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "职责",
+					keyName: "roleList",
+					multiple: true,
+					type: "select",
+					optionUrl: "/gov/org/staff/rolelist",
+					optionUrlParams: {
+						agencyId: this.$store.state.user.agencyId,
+					},
+					optionList: () => [],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "职责不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+				{
+					field: "角色",
+					keyName: "newRoleList",
+					multiple: true,
+					type: "select",
+					optionUrl: "/gov/access/govrole/list",
+					optionUrlMethod: "get",
+					optionUrlParams: {},
+					optionList: () => [],
+					editDisabled: false,
+					rules: [
+						{
+							required: true,
+							message: "角色不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+			],
+			editElseRules: {},
+			editConfig: {},
+		};
+	},
+	components: { basePage },
+	computed: {},
+	watch: {},
+
+	async mounted() {},
+
+	methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/modules/lingshan/shzl/mapConfig.vue b/src/views/modules/lingshan/shzl/mapConfig.vue
index 82d0edd..bfe526f 100644
--- a/src/views/modules/lingshan/shzl/mapConfig.vue
+++ b/src/views/modules/lingshan/shzl/mapConfig.vue
@@ -304,7 +304,8 @@ const vueGis = {
 			method: "", //绘制方法
 			centerPoint: [], //中心点位置
 			zoom: 14, //缩放范围：区14
-			minZoom: 1, //最小缩放
+			minZoom: 6, //最小缩放
+			maxZoom: 18,
 			isMapLoaded: false, //地图是否加载完毕
 
 			orgData: {}, //当前组织对象
@@ -700,6 +701,7 @@ const vueGis = {
 				projection: "EPSG:4326",
 				zoom: this.zoom,
 				minZoom: this.minZoom,
+				maxZoom: this.maxZoom,
 			})),
 				//初始化map和地图底图
 				//创建地图容器
diff --git a/src/views/modules/lingshan/xtgl/articleCategory.vue b/src/views/modules/lingshan/xtgl/articleCategory.vue
index 7ed9220..f7aaf6b 100644
--- a/src/views/modules/lingshan/xtgl/articleCategory.vue
+++ b/src/views/modules/lingshan/xtgl/articleCategory.vue
@@ -113,13 +113,22 @@
 							class="div-table-button--edit"
 							>修改</el-button
 						>
-						<el-button
-							@click="handleDel(scope.row)"
-							type="text"
-							size="small"
-							class="div-table-button--edit"
-							>删除</el-button
+
+						<el-popconfirm
+							v-if="scope.row.level != 1"
+							title="删除之后无法回复，确认删除？"
+							@onConfirm="handleDel(scope.row, scope.$index)"
+							@confirm="handleDel(scope.row, scope.$index)"
 						>
+							<el-button
+								slot="reference"
+								type="text"
+								size="small"
+                style="margin-left: 10px"
+								class="div-table-button--del"
+								>删除</el-button
+							>
+						</el-popconfirm>
 					</template>
 				</el-table-column>
 			</el-table>
diff --git a/vue.config.js b/vue.config.js
index 7c94022..227c70e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -3,7 +3,7 @@
  */
 const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV)
 module.exports = {
-  baseUrl: process.env.NODE_ENV === 'production' ? '' : '/lingshan-oper',
+  baseUrl: process.env.NODE_ENV === 'production' ? '' : '/epmet-oper-gov',
   css: {
     // 是否使用css分离插件 ExtractTextPlugin
     extract: IS_PROD,
@@ -23,7 +23,7 @@ module.exports = {
       .loader('svg-sprite-loader')
   },
   productionSourceMap: false,
-  outputDir: 'dist',
+  outputDir: 'epmet-oper-gov',
   assetsDir: 'static',
   devServer: {
     open: true,