diff --git a/src/assets/img/modules/visual/fenlei-box.png b/src/assets/img/modules/visual/fenlei-box.png
new file mode 100644
index 00000000..531f8a81
Binary files /dev/null and b/src/assets/img/modules/visual/fenlei-box.png differ
diff --git a/src/assets/scss/main-shuju.scss b/src/assets/scss/main-shuju.scss
index 092ff796..a74a552f 100644
--- a/src/assets/scss/main-shuju.scss
+++ b/src/assets/scss/main-shuju.scss
@@ -1,15 +1,18 @@
 @import "~@/element-ui/theme-variables.scss";
-@import "./variables.scss";
+@import "./shuju-variables.scss";
+@import "./c/config";
+@import "./c/function";
+@import "./modules/visual/c/common.scss";
 
-// $navbar--height: 60px;
-body {
+.g-main {
+  padding: 10px 20px 10px;
 }
 
 .m-iframe {
   position: relative;
-  width: 100vw;
-  height: calc(100vh - 55px);
-  margin: -10px;
+  box-sizing: content-box;
+  width: calc(100% + 20px);
+  margin: -10px -20px -10px;
   z-index: 100;
 }
 
@@ -19,6 +22,8 @@ body {
   background-image: url(../img/shuju/bg.jpg);
   background-size: cover;
   background-position: center 0;
+  height: 100%;
+  @include scrollBar;
 
   .el-card + .el-card {
     margin-top: 15px;
@@ -171,6 +176,10 @@ body {
   // box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
   background: linear-gradient(180deg, #00023f, #176dec);
   box-shadow: 0px 3px 16px 0px rgba(187, 187, 227, 0.35);
+  font-size: 19px;
+  .el-menu-item {
+    font-size: 19px;
+  }
 
   .navbar--colorful {
     .navbar__body {
@@ -229,17 +238,17 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: 5px;
+    padding: 10px 20px;
     margin: 0;
     width: 100%;
     height: 100%;
-    font-size: 24px;
+    font-size: 28px;
+    font-weight: bold;
     text-transform: uppercase;
     white-space: nowrap;
     // overflow: hidden;
     transition: width 0.3s;
     font-family: FZZCHJW;
-    font-weight: normal;
     color: #ffffff;
     background: linear-gradient(0deg, #03c7ff 24.609375%, #ffffff 81.0791015625%);
     -webkit-background-clip: text;
@@ -288,6 +297,7 @@ body {
   .navbar__menu {
     background-color: transparent;
     border-bottom: 0 !important;
+
     a:focus,
     a:hover {
       text-decoration: none;
@@ -349,7 +359,7 @@ body {
         position: absolute;
         display: none;
         padding: 0 10px;
-        width: 120px;
+        width: 160px;
         left: -100px;
         right: -100px;
         margin: 0 auto;
@@ -360,6 +370,9 @@ body {
           border-top: 1px dashed rgba(#fff, 0.4);
           color: rgba(#fff, 0.7);
           transition: all ease 0.5s;
+          padding: 10px 0;
+          line-height: $navbar--height * 0.5;
+
           &.z-on {
             font-weight: bold;
           }
@@ -409,13 +422,14 @@ body {
       }
       .navbar__icon-menu {
         vertical-align: middle;
-        font-size: 16px;
+        font-size: 20px;
       }
       .el-dropdown {
         color: #fff;
+        font-size: 16px;
         .el-icon-arrow-down {
           width: auto;
-          font-size: 12px;
+          font-size: 16px;
           margin: 0 0 0 5px;
           transition: transform 0.3s;
         }
@@ -459,9 +473,9 @@ body {
   .navbar__avatar {
     .el-dropdown-link {
       > img {
-        width: 36px;
+        width: 42px;
         height: auto;
-        margin-right: 5px;
+        margin-right: 7px;
         border-radius: 100%;
         vertical-align: middle;
       }
diff --git a/src/assets/scss/modules/visual/basicInfoMain.scss b/src/assets/scss/modules/visual/basicInfoMain.scss
index c21671d6..af79b78a 100644
--- a/src/assets/scss/modules/visual/basicInfoMain.scss
+++ b/src/assets/scss/modules/visual/basicInfoMain.scss
@@ -3,7 +3,8 @@
 @import "./c/common";
 .div_top {
   margin-left: 10px;
-  height: 35px;
+  height: 40px;
+  line-height: 35px;
   .router_line {
     width: 212px;
     height: 1px;
@@ -12,8 +13,8 @@
     /* opacity: 0.09; */
   }
   .div_router {
-    margin-top: 5px;
     font-size: 16px;
+    font-weight: bold;
 
     .router_parents {
       color: #a0c3d9;
@@ -40,7 +41,7 @@
     width: 100%;
     // padding: 10px 5px 13px;
     // margin-top: 8px;
-    height: calc(88vh - 15px);
+    height: calc(825px - 15px);
     color: #fff;
     // background: url('../../../img/modules/visual/warning-box.png') no-repeat
     //   center;
@@ -109,10 +110,9 @@
       box-sizing: border-box;
       width: 100%;
 
-      height: calc(88vh - 10px);
+      height: calc(825px - 10px);
       color: #fff;
-      background: url('../../../img/modules/visual/warning-box.png') no-repeat
-        center;
+      background: url("../../../img/modules/visual/fenlei-box.png") no-repeat center;
       background-size: 100% 100%;
       // padding: 45px 21px 35px 24px;
 
@@ -208,13 +208,12 @@
 
 .div_community_info {
   box-sizing: border-box;
-  flex: 0 0 calc(100vw - 620px);
-  // width: calc(100vw - 560px);
+  flex: 0 0 calc(1919px - 620px);
+  // width: calc(1919px - 560px);
 
-  height: calc(88vh - 10px);
+  height: calc(825px - 10px);
   color: #fff;
-  background: url('../../../img/modules/visual/warning-box.png') no-repeat
-    center;
+  background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
   background-size: 100% 100%;
 
   .div_select {
@@ -253,11 +252,11 @@
     box-sizing: border-box;
 
     margin-top: 9px;
-    height: calc(88vh - 120px);
+    height: calc(825px - 120px);
   }
 
   .div_room {
-    // height: calc(88vh - 40px);
+    // height: calc(825px - 40px);
     // margin-top: 9px;
     display: flex;
     flex-wrap: wrap;
@@ -271,15 +270,19 @@
       box-shadow: 0 0 10px inset #1a5afd;
     }
     .item {
-      background-color: #011168;
       margin-top: 12px;
-      width: 244px;
+      width: 242px;
       height: 190px;
       border: 1px solid #037ddc;
       border-radius: 8px;
       text-align: center;
       margin-left: 11px;
       position: relative;
+      background-color: rgba(#000, 0.3);
+
+      &:nth-child(5n + 1) {
+        margin-left: 0;
+      }
 
       // &:first-child {
       //   margin-left: 0;
@@ -317,19 +320,18 @@
         justify-content: flex-start;
         // margin-left: 7px;
 
-        .div_icon_item{
-          .icon_img{
+        .div_icon_item {
+          .icon_img {
             margin-left: 5px;
             width: 21px;
             height: 20px;
           }
-          .icon_name{
+          .icon_name {
             text-align: center;
             display: flex;
             justify-content: center;
           }
         }
-       
       }
       .div_user:hover {
         cursor: pointer;
@@ -362,7 +364,7 @@
   }
 
   .div_room::after {
-    content: '';
+    content: "";
     flex: 1;
   }
 }
@@ -445,7 +447,7 @@
     width: 320px;
     height: 470px;
     color: #fff;
-    background: url('../../../img/modules/visual/box-2.png') no-repeat center;
+    background: url("../../../img/modules/visual/box-2.png") no-repeat center;
     background-size: 100% 100%;
     padding: 45px 20px 35px 20px;
 
@@ -580,7 +582,5 @@
         }
       }
     }
-
-
   }
 }
diff --git a/src/assets/scss/modules/visual/distributionAnalyze.scss b/src/assets/scss/modules/visual/distributionAnalyze.scss
index e341f70f..fff1af83 100644
--- a/src/assets/scss/modules/visual/distributionAnalyze.scss
+++ b/src/assets/scss/modules/visual/distributionAnalyze.scss
@@ -1,9 +1,10 @@
-@import '../../c/config';
-@import '../../c/function';
-@import './c/common';
+@import "../../c/config";
+@import "../../c/function";
+@import "./c/common";
 
 .title {
-  padding: 10px;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   font-size: 22px;
   font-family: PingFang SC;
   font-weight: 800;
@@ -37,7 +38,7 @@
       color: #fff;
     }
     .second-title-label::after {
-      content: '';
+      content: "";
       position: absolute;
       top: 50%;
       left: 20px;
@@ -63,7 +64,7 @@
         }
 
         .el-icon-arrow-up:before {
-          content: '\e78f';
+          content: "\e78f";
         }
         // .el-select__caret:before {
         //   content: '\E790'
@@ -117,11 +118,11 @@
   flex-direction: row;
   // flex-wrap: wrap;
   justify-content: space-between;
-  height: calc(100vh - 190px);
+  height: calc(988px - 190px);
 
   .g-l {
     width: 40%;
-    height: calc(100vh - 200px);
+    height: calc(988px - 200px);
 
     .echart-line {
       margin-left: 30px;
@@ -149,11 +150,11 @@
 
   .g-r {
     width: 55%;
-    height: calc(100vh - 210px);
+    height: calc(988px - 210px);
 
     .r-map {
       position: relative;
-      height: calc(100vh - 210px - 50px);
+      height: calc(988px - 210px - 50px);
       width: 100%;
 
       .map {
diff --git a/src/assets/scss/modules/visual/duoyuanfenxi.scss b/src/assets/scss/modules/visual/duoyuanfenxi.scss
index 12032815..da5ae4d1 100644
--- a/src/assets/scss/modules/visual/duoyuanfenxi.scss
+++ b/src/assets/scss/modules/visual/duoyuanfenxi.scss
@@ -6,12 +6,12 @@
 .g-cpt-resi {
   display: flex;
   flex-direction: row;
-  height: calc(100vh - 180px);
+  height: calc(988px - 180px);
 
   .g-l {
     flex-shrink: 0;
     width: 700px;
-    height: calc(100vh - 230px);
+    height: calc(988px - 230px);
 
     .l_top {
       height: 385px;
@@ -21,7 +21,7 @@
     
     }
     .l_bottom {
-      height: calc(100vh - 230px - 385px);
+      height: calc(988px - 230px - 385px);
       margin-top: 40px;
     }
   }
@@ -29,8 +29,8 @@
   .g-r {
     text-align: center;
     margin: 20px 10px 20px;
-    width: calc(100vw - 700px);
-    height: calc(100vh - 180px - 20px);
+    width: calc(1919px - 700px);
+    height: calc(988px - 180px - 20px);
   }
 }
 
diff --git a/src/assets/scss/modules/visual/fiveLayerMap.scss b/src/assets/scss/modules/visual/fiveLayerMap.scss
index ed0ffedd..abe74a6b 100644
--- a/src/assets/scss/modules/visual/fiveLayerMap.scss
+++ b/src/assets/scss/modules/visual/fiveLayerMap.scss
@@ -3,7 +3,8 @@
 @import "./c/common";
 .div_top {
   margin-left: 10px;
-  height: 35px;
+  height: 40px;
+  line-height: 35px;
   .router_line {
     width: 212px;
     height: 1px;
@@ -12,8 +13,8 @@
     /* opacity: 0.09; */
   }
   .div_router {
-    margin-top: 5px;
     font-size: 16px;
+    font-weight: bold;
 
     .router_parents {
       color: #a0c3d9;
@@ -37,10 +38,10 @@
 
   .div_map {
     box-sizing: border-box;
-    width: 100%;
+    width: 1920px - 630px - 20px;
     // padding: 10px 5px 13px;
     // margin-top: 8px;
-    height: calc(88vh - 15px);
+    height: calc(810px);
     color: #fff;
     // background: url('../../../img/modules/visual/warning-box.png') no-repeat
     //   center;
@@ -49,17 +50,14 @@
   }
 
   .div_data {
-    flex: 0 0 610px;
+   width: 630px;
     margin-left: 12px;
 
     .div_tips{
       box-sizing: border-box;
       width: 100%;
-      height: 302px;
+      height: 300px;
       color: #fff;
-      background: url('../../../img/modules/visual/warning-box.png') no-repeat
-        center;
-      background-size: 100% 100%;
 
       .div_coverage{
         padding: 30px 10px 32px 10px;
@@ -89,9 +87,12 @@
       }
 
       .div_category {
+        @include scrollBar;
         box-sizing: border-box;
-        height:238px;
-        padding:0 10px 20px;  
+        height:176px;
+        padding:0 10px 0;  
+        overflow-y: auto;
+        overflow-x: hidden;
   
         .category_item {
          
@@ -159,17 +160,14 @@
       box-sizing: border-box;
       width: 100%;
       margin-top:10px;
-      height: calc(88vh - 302px - 10px);
+      height: calc(810px - 302px - 10px);
       color: #fff;
-      background: url('../../../img/modules/visual/warning-box.png') no-repeat
-        center;
-      background-size: 100% 100%;
-      padding: 32px 21px 20px 20px;
+      overflow-x: hidden;
 
       .div_search_list {
-        margin: 0 auto;
+        margin: 6px auto;
         text-align: center;
-        width: 559px;
+        width: 570px;
         height: 48px;
         background-color: #011168;
         border-radius: 4px;
@@ -194,14 +192,14 @@
         .btn {
           text-align: center;
           flex: 0 0 113px;
-          height: 48px;
+          height: 52px;
           background: linear-gradient(90deg, #1A5AFD, #26C4FF);
           border-radius: 0px 4px 4px 0px;
           font-size: 20px;
           font-family: PingFang SC;
           font-weight: 400;
           color: #ffffff;
-          line-height: 48px;
+          line-height: 52px;
         }
         .btn:hover {
           cursor: pointer;
@@ -210,17 +208,16 @@
      
      
       .tb {
-        height: calc(88vh - 302px - 10px - 150px);
+        height: calc(810px - 302px - 20px - 150px);
         overflow-y: auto;
         @include scrollBar;
         margin-top:20px;
       }
   
       .m-pagination {
-        position: absolute;
+        // position: absolute;
         box-sizing: border-box;
-        right: 5px;
-        bottom: 5px;
+        margin-top: 2px;
         width: 100%;
         height: 40px;
         display: flex;
@@ -252,10 +249,10 @@
 
 .div_community_info {
   box-sizing: border-box;
-  flex: 0 0 calc(100vw - 620px);
-  // width: calc(100vw - 560px);
+  flex: 0 0 calc(1919px - 620px);
+  // width: calc(1919px - 560px);
 
-  height: calc(88vh - 10px);
+  height: calc(810px - 10px);
   color: #fff;
   background: url('../../../img/modules/visual/warning-box.png') no-repeat
     center;
@@ -297,11 +294,11 @@
     box-sizing: border-box;
 
     margin-top: 9px;
-    height: calc(88vh - 120px);
+    height: calc(810px - 120px);
   }
 
   .div_room {
-    // height: calc(88vh - 40px);
+    // height: calc(810px - 40px);
     // margin-top: 9px;
     display: flex;
     flex-wrap: wrap;
diff --git a/src/assets/scss/modules/visual/heart.scss b/src/assets/scss/modules/visual/heart.scss
index f0c964cb..536a22b3 100644
--- a/src/assets/scss/modules/visual/heart.scss
+++ b/src/assets/scss/modules/visual/heart.scss
@@ -47,7 +47,8 @@
 .m-tb {
     width: 33%;
     .title {
-        padding: 10px;
+        margin-bottom: 10px;
+        padding: 4px 2px;
         font-size: 22px;
         font-family: PingFang SC;
         font-weight: 800;
@@ -64,7 +65,7 @@
         }
     }
     .tb {
-        height: calc(100vh - 230px);
+        height: calc(988px - 230px);
         overflow-y: auto;
         @include scrollBar;
     }
diff --git a/src/assets/scss/modules/visual/houseStatic.scss b/src/assets/scss/modules/visual/houseStatic.scss
index fb6f31ae..f8910483 100644
--- a/src/assets/scss/modules/visual/houseStatic.scss
+++ b/src/assets/scss/modules/visual/houseStatic.scss
@@ -1,5 +1,5 @@
 .warning-box{
-  padding: 0 21px 20px 24px
+  padding: 0 ;
 }
 .no-data{
   margin-top:50px;
@@ -11,6 +11,9 @@
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
+
   .title-icon {
     display: block;
     width: 46px;
@@ -60,7 +63,7 @@
     }
   }
   .title-label {
-    font-size: 20px;
+    font-size: 22px;
     font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
@@ -107,23 +110,25 @@
     flex-grow:0;
     flex-shrink:0;
     width:50%;
-  
     height: 100%;
+
     .div-chart{
       display: flex;
       width: 100%;
+      flex-wrap: wrap;
       .echart-wr{
+        position: relative;
         flex-shrink: 0;
         height: 420px;
         width: 70%;
       }
       .div-tip{
         flex-shrink: 0;
-        width: 30%;
+        width: 25%;
         display: flex;
         flex-direction: column;
         justify-content: center;
-        margin-left:20px;
+        margin-left:5%;
         margin-top: -23px;
 
         display: flex;
@@ -151,11 +156,11 @@
 
       .div-tip2{
         flex-shrink: 0;
-        width: 30%;
+        width: 25%;
         display: flex;
         flex-direction: column;
         justify-content: center;
-        margin-left:20px;
+        margin-left:5%;
         margin-top: -23px;
 
         display: flex;
diff --git a/src/assets/scss/modules/visual/incident-info.scss b/src/assets/scss/modules/visual/incident-info.scss
index ed3aacad..c305a4c4 100644
--- a/src/assets/scss/modules/visual/incident-info.scss
+++ b/src/assets/scss/modules/visual/incident-info.scss
@@ -1,6 +1,6 @@
-@import '../../c/config';
-@import '../../c/function';
-@import './c/common';
+@import "../../c/config";
+@import "../../c/function";
+@import "./c/common";
 
 .m-pop {
   @include shield;
@@ -103,7 +103,18 @@
   .info-content {
     margin: 20px 0;
   }
- 
+
+  .info-pics {
+    display: flex;
+    margin: 20px 0;
+    img {
+      display: block;
+      width: 32%;
+      height: 90px;
+      margin-right: 9px;
+      object-fit: cover;
+    }
+  }
 
   .info-prop {
     position: relative;
@@ -123,7 +134,7 @@
     }
 
     &::before {
-      content: '';
+      content: "";
       display: block;
       position: absolute;
       top: 9px;
@@ -134,18 +145,6 @@
       border-radius: 3px;
       margin-right: 10px;
     }
-
-    .info-pics {
-      display: flex;
-      margin: 20px 0;
-      img {
-        display: block;
-        width: 32%;
-        height: 90px;
-        margin-right: 9px;
-        object-fit: cover;
-      }
-    }
   }
 }
 
@@ -265,7 +264,7 @@
     padding-right: 10px;
 
     &::before {
-      content: '';
+      content: "";
       position: absolute;
       z-index: 1;
       display: block;
@@ -290,7 +289,7 @@
       padding-top: 1px;
 
       &::before {
-        content: '';
+        content: "";
         display: block;
         position: absolute;
         top: -5px;
diff --git a/src/assets/scss/modules/visual/issue-info.scss b/src/assets/scss/modules/visual/issue-info.scss
index e4672951..dc3fe2fd 100644
--- a/src/assets/scss/modules/visual/issue-info.scss
+++ b/src/assets/scss/modules/visual/issue-info.scss
@@ -1,6 +1,6 @@
-@import '../../c/config';
-@import '../../c/function';
-@import './c/common';
+@import "../../c/config";
+@import "../../c/function";
+@import "./c/common";
 
 .m-pop {
   @include shield;
@@ -68,6 +68,18 @@
     line-height: 30px;
   }
 
+  .info-pics {
+    display: flex;
+    margin: 10px 0;
+    img {
+      display: block;
+      width: 32%;
+      height: 90px;
+      margin-right: 9px;
+      object-fit: cover;
+    }
+  }
+
   .info-prop {
     position: relative;
     margin: 10px 0;
@@ -78,17 +90,6 @@
       flex: 0 0 1;
       font-size: 14px;
     }
-    .info-pics {
-      display: flex;
-      margin: 10px 0;
-      img {
-        display: block;
-        width: 32%;
-        height: 90px;
-        margin-right: 9px;
-        object-fit: cover;
-      }
-    }
     > span,
     > div {
       display: block;
@@ -96,7 +97,7 @@
     }
 
     &::before {
-      content: '';
+      content: "";
       display: block;
       position: absolute;
       top: 9px;
diff --git a/src/assets/scss/modules/visual/people.scss b/src/assets/scss/modules/visual/people.scss
index f9379e7f..747b9218 100644
--- a/src/assets/scss/modules/visual/people.scss
+++ b/src/assets/scss/modules/visual/people.scss
@@ -24,7 +24,8 @@
   position: relative;
 
   .title {
-    padding: 10px;
+    margin-bottom: 10px;
+    padding: 4px 2px;
     font-size: 22px;
     font-family: PingFang SC;
     font-weight: 800;
@@ -187,7 +188,8 @@
     width: 1180px;
 
     .title {
-      padding: 10px;
+      margin-bottom: 10px;
+      padding: 4px 2px;
       font-size: 22px;
       font-family: PingFang SC;
       font-weight: 800;
@@ -294,7 +296,8 @@
   margin-top: 10px;
 
   .title {
-    padding: 10px;
+    margin-bottom: 10px;
+    padding: 4px 2px;
     font-size: 22px;
     font-family: PingFang SC;
     font-weight: 800;
@@ -447,7 +450,8 @@
 
 .m-tb {
   .title {
-    padding: 10px;
+    margin-bottom: 10px;
+    padding: 4px 2px;
     font-size: 22px;
     font-family: PingFang SC;
     font-weight: 800;
@@ -479,7 +483,8 @@
     width: calc(50% - 3px);
 
     .title {
-      padding: 10px;
+      margin-bottom: 10px;
+      padding: 4px 2px;
       font-size: 22px;
       font-family: PingFang SC;
       font-weight: 800;
diff --git a/src/assets/scss/modules/visual/personCategory.scss b/src/assets/scss/modules/visual/personCategory.scss
index a756b8c1..77d9988f 100644
--- a/src/assets/scss/modules/visual/personCategory.scss
+++ b/src/assets/scss/modules/visual/personCategory.scss
@@ -8,7 +8,7 @@
   color: #fff;
   // background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
   background-size: 100% 100%;
-  padding: 15px 21px 15px 24px;
+  // padding: 15px 21px 15px 24px;
 
 
 
@@ -159,7 +159,7 @@
   &-bottom {
     box-sizing: border-box;
     width: 100%;
-    // height: calc(100vh - 535px);
+    // height: calc(988px - 535px);
     min-height: 300px;
     margin-top: 60px;
   }
diff --git a/src/assets/scss/modules/visual/processAnalyze.scss b/src/assets/scss/modules/visual/processAnalyze.scss
index ba44dbfa..1a4b3f3d 100644
--- a/src/assets/scss/modules/visual/processAnalyze.scss
+++ b/src/assets/scss/modules/visual/processAnalyze.scss
@@ -6,12 +6,12 @@
 .g-cpt-resi {
   display: flex;
   flex-direction: row;
-  height: calc(100vh - 180px);
+  height: calc(988px - 180px);
 
   .g-l {
     flex-shrink: 0;
     width: 700px;
-    height: calc(100vh - 230px);
+    height: calc(988px - 230px);
 
     .l_top {
       height: 385px;
@@ -24,7 +24,7 @@
       }
     }
     .l_bottom {
-      height: calc(100vh - 230px - 385px);
+      height: calc(988px - 230px - 385px);
       margin-top: 20px;
     }
   }
@@ -32,8 +32,8 @@
   .g-r {
     text-align: center;
     margin: 20px 10px 20px;
-    width: calc(100vw - 700px);
-    height: calc(100vh - 180px - 20px);
+    width: calc(1919px - 700px);
+    height: calc(988px - 180px - 20px);
   }
 }
 
@@ -119,7 +119,7 @@
 .g-r {
   .r-map {
     position: relative;
-    height: calc(100vh - 180px - 20px - 70px);
+    height: calc(988px - 180px - 20px - 70px);
     width: 100%;
 
     .map {
diff --git a/src/assets/scss/modules/visual/resibuzz.scss b/src/assets/scss/modules/visual/resibuzz.scss
index 6d43913e..049be180 100644
--- a/src/assets/scss/modules/visual/resibuzz.scss
+++ b/src/assets/scss/modules/visual/resibuzz.scss
@@ -9,19 +9,19 @@
   flex-direction: row;
   // flex-wrap: wrap;
   // justify-content: center;
-  height: calc(100vh - 180px);
+  height: calc(988px - 180px);
 
   .g-l {
     flex-shrink: 0;
     width: 600px;
-    height: calc(100vh - 180px);
+    height: calc(988px - 180px);
   }
 
   .g-r {
     text-align: center;
     margin: 40px 0 0 19px;
-    width: calc(100vw - 60px - 600px);
-    // height: calc(100vh - 170px - 20px);
+    width: calc(1919px - 60px - 600px);
+    // height: calc(988px - 170px - 20px);
   }
 }
 
@@ -30,7 +30,7 @@
     position: relative;
     height: 100%;
     .tb {
-      height: calc(100vh - 170px - 50px - 50px);
+      height: calc(988px - 170px - 50px - 50px);
       overflow-y: auto;
       @include scrollBar;
     }
diff --git a/src/assets/scss/modules/visual/searchPerson.scss b/src/assets/scss/modules/visual/searchPerson.scss
index 6be528e1..fe9489fd 100644
--- a/src/assets/scss/modules/visual/searchPerson.scss
+++ b/src/assets/scss/modules/visual/searchPerson.scss
@@ -1,5 +1,5 @@
-.div_people_search{
-  min-height:100%;
+.div_people_search {
+  min-height: 100%;
   box-sizing: border-box;
 }
 
@@ -36,6 +36,7 @@
     font-weight: 400;
     color: #ffffff;
     line-height: 53px;
+    background: linear-gradient(90deg, #1a5afd, #26c4ff);
   }
   .btn:hover {
     cursor: pointer;
@@ -51,8 +52,7 @@
   // height: calc(88vh - 200px);
   height: 485px;
   color: #fff;
-  background: url('../../../img/modules/visual/warning-box.png') no-repeat
-    center;
+  background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
   background-size: 100% 100%;
 }
 
@@ -123,16 +123,15 @@
       }
 
       &-tr:hover {
-        background: url('../../../img/modules/visual/hover-bac.png') no-repeat
-          center;
+        background: url("../../../img/modules/visual/hover-bac.png") no-repeat center;
         background-size: 100% 100%;
       }
     }
 
-    &-status{
-      margin-top:20px;
+    &-status {
+      margin-top: 20px;
 
-      .no-data{
+      .no-data {
         display: flex;
         justify-content: center;
       }
@@ -159,7 +158,7 @@
 }
 .pagination {
   box-sizing: border-box;
-  padding-right:180px;
+  padding-right: 180px;
   padding-bottom: 20px;
 
   margin-top: 40px;
diff --git a/src/assets/scss/modules/visual/search_1.scss b/src/assets/scss/modules/visual/search_1.scss
index ffb46b67..b7606f26 100644
--- a/src/assets/scss/modules/visual/search_1.scss
+++ b/src/assets/scss/modules/visual/search_1.scss
@@ -3,7 +3,8 @@
 @import './c/common';
 
 .title {
-  padding: 10px;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   font-size: 22px;
   font-family: PingFang SC;
   font-weight: 800;
diff --git a/src/assets/scss/modules/visual/shijianchulifenxi.scss b/src/assets/scss/modules/visual/shijianchulifenxi.scss
index ca099bed..79dfe912 100644
--- a/src/assets/scss/modules/visual/shijianchulifenxi.scss
+++ b/src/assets/scss/modules/visual/shijianchulifenxi.scss
@@ -6,12 +6,12 @@
 .g-cpt-resi {
   display: flex;
   flex-direction: row;
-  height: calc(100vh - 180px);
+  height: calc(988px - 180px);
 
   .g-l {
     flex-shrink: 0;
     width: 700px;
-    height: calc(100vh - 230px);
+    height: calc(988px - 230px);
 
     .l_top {
       height: 355px;
@@ -21,7 +21,7 @@
     
     }
     .l_bottom {
-      height: calc(100vh - 200px - 365px);
+      height: calc(988px - 200px - 365px);
       margin-top: 0;
     }
   }
@@ -29,8 +29,8 @@
   .g-r {
     text-align: center;
     margin: 20px 10px 20px;
-    width: calc(100vw - 700px);
-    height: calc(100vh - 180px - 20px);
+    width: calc(1919px - 700px);
+    height: calc(988px - 180px - 20px);
   }
 }
 
@@ -74,7 +74,7 @@
     position: relative;
     height: 100%;
     .tb {
-      height: calc(100vh - 170px - 50px - 50px);
+      height: calc(988px - 170px - 50px - 50px);
       overflow-y: auto;
       @include scrollBar;
     }
diff --git a/src/assets/scss/modules/visual/shijianfenleifenxi.scss b/src/assets/scss/modules/visual/shijianfenleifenxi.scss
index c4f19da3..6d0bcedc 100644
--- a/src/assets/scss/modules/visual/shijianfenleifenxi.scss
+++ b/src/assets/scss/modules/visual/shijianfenleifenxi.scss
@@ -6,12 +6,12 @@
 .g-cpt-resi {
   display: flex;
   flex-direction: row;
-  height: calc(100vh - 180px);
+  height: calc(988px - 180px);
 
   .g-l {
     flex-shrink: 0;
     width: 700px;
-    height: calc(100vh - 230px);
+    height: calc(988px - 230px);
 
     .l_top {
       height: 385px;
@@ -21,7 +21,7 @@
     
     }
     .l_bottom {
-      height: calc(100vh - 230px - 385px);
+      height: calc(988px - 230px - 385px);
       margin-top: 20px;
     }
   }
@@ -29,8 +29,8 @@
   .g-r {
     text-align: center;
     margin: 20px 10px 20px;
-    width: calc(100vw - 700px);
-    height: calc(100vh - 180px - 20px);
+    width: calc(1919px - 700px);
+    height: calc(988px - 180px - 20px);
   }
 }
 
@@ -80,7 +80,7 @@
     position: relative;
     height: 100%;
     .tb {
-      height: calc(100vh - 170px - 50px - 50px);
+      height: calc(988px - 170px - 50px - 50px);
       overflow-y: auto;
       @include scrollBar;
     }
diff --git a/src/assets/scss/modules/visual/typeAnalyze.scss b/src/assets/scss/modules/visual/typeAnalyze.scss
index 0d1accf7..f1f31dff 100644
--- a/src/assets/scss/modules/visual/typeAnalyze.scss
+++ b/src/assets/scss/modules/visual/typeAnalyze.scss
@@ -8,19 +8,19 @@
   flex-direction: row;
   // flex-wrap: wrap;
   // justify-content: center;
-  height: calc(100vh - 180px);
+  height: calc(988px - 180px);
 
   .g-l {
     flex-shrink: 0;
     width: 600px;
-    height: calc(100vh - 180px);
+    height: calc(988px - 180px);
   }
 
   .g-r {
     text-align: center;
     margin: 40px 0 0 19px;
-    width: calc(100vw - 60px - 600px);
-    // height: calc(100vh - 140px - 20px);
+    width: calc(1919px - 60px - 600px);
+    // height: calc(988px - 140px - 20px);
   }
 }
 
@@ -29,7 +29,7 @@
     position: relative;
     height: 100%;
     .tb {
-      height: calc(100vh - 170px - 50px - 50px);
+      height: calc(988px - 170px - 50px - 50px);
       overflow-y: auto;
       @include scrollBar;
     }
diff --git a/src/assets/scss/modules/visual/warning.scss b/src/assets/scss/modules/visual/warning.scss
index 265c3889..bfb32065 100644
--- a/src/assets/scss/modules/visual/warning.scss
+++ b/src/assets/scss/modules/visual/warning.scss
@@ -8,7 +8,7 @@
   color: #fff;
   // background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
   background-size: 100% 100%;
-  padding: 45px 21px 35px 24px;
+  padding-top: 40px;
 
   &-top {
     display: flex;
@@ -26,8 +26,7 @@
       border: 1px solid #1043c0;
       box-shadow: 0px 83px 150px 0px #002790;
       border-radius: 8px;
-      margin-right: 15px;
-      margin-bottom: 15px;
+      margin: 10px 12px;
 
       &-img {
         display: flex;
diff --git a/src/assets/scss/shuju-card.scss b/src/assets/scss/shuju-card.scss
index 4af07fd8..f331fd28 100644
--- a/src/assets/scss/shuju-card.scss
+++ b/src/assets/scss/shuju-card.scss
@@ -1,5 +1,6 @@
 @import "c/config";
 @import "c/function";
+@import "./modules/visual/c/common";
 
 .m-card {
     position: relative;
@@ -37,6 +38,7 @@
 
         &.card-line-t {
             background-image: url(../img/shuju/card/line-t.png);
+            background-size: auto 22px;
             left: 22px;
             right: 240px;
             top: 0;
@@ -44,6 +46,7 @@
         }
         &.card-line-r {
             background-image: url(../img/shuju/card/line-r.png);
+            background-size: 22px auto;
             top: 22px;
             bottom: 22px;
             right: 0;
@@ -51,6 +54,7 @@
         }
         &.card-line-b {
             background-image: url(../img/shuju/card/line-b.png);
+            background-size: auto 22px;
             left: 22px;
             right: 240px;
             bottom: 0;
@@ -58,6 +62,7 @@
         }
         &.card-line-l {
             background-image: url(../img/shuju/card/line-l.png);
+            background-size: 22px auto;
             top: 22px;
             bottom: 22px;
             left: 0;
@@ -69,5 +74,7 @@
         min-height: 200px;
         background-image: url(../img/shuju/card/bg.png);
         background-repeat: repeat;
+        overflow-y: auto;
+        @include scrollBar;
     }
 }
diff --git a/src/assets/scss/shuju-variables.scss b/src/assets/scss/shuju-variables.scss
new file mode 100644
index 00000000..70ce5241
--- /dev/null
+++ b/src/assets/scss/shuju-variables.scss
@@ -0,0 +1,24 @@
+// Base
+$base--line-height: 1.15;
+
+// Navbar
+$navbar--height: 75px;
+
+// Sidebar
+$sidebar--width: 230px;
+$sidebar--width-fold: 100px;
+$sidebar--background-color-dark: #263238;
+$sidebar--text-color-dark: #8a979e;
+$sidebar--menu-item-height: 48px;
+
+// Content
+$content--padding: 10px;
+$content--background-color: #f1f4f5;
+$content--card-header-height: 60px;
+$content--tabs-header-height: 38px;
+// Content, 填充整屏高度(非tabs状态) = 整屏高度 - 导航条高度 - aui-content上下内边距高度
+$content--fill-height: calc(100vh - #{$navbar--height} - #{$content--padding * 2});
+// Content, 填充整屏高度(是tabs状态) = 整屏高度 - 导航条高度 - tabs组件header高度 - tabs组件content上下内边距高度
+$content--fill-height-tabs: calc(
+    100vh - #{$navbar--height} - #{$content--tabs-header-height} - #{$content--padding * 2}
+);
diff --git a/src/js/dai/request.js b/src/js/dai/request.js
index 92fb7831..709895d6 100644
--- a/src/js/dai/request.js
+++ b/src/js/dai/request.js
@@ -4,6 +4,7 @@
 import axios from "axios";
 import curry from "dai-js/tools/curry";
 import { Message } from "element-ui";
+import { clearLoginInfo } from "@/utils";
 
 const request = curry(
   (method, url, data = {}, headers = {}, progress = () => {}) => {
@@ -42,6 +43,7 @@ const request = curry(
           // 10005 token为空  10006登陆超时 10007别处登录
           console.log("登录失效");
           Message.error(res.data.msg);
+          clearLoginInfo();
           return next({
             name: "login",
           });
diff --git a/src/js/dai/request2.js b/src/js/dai/request2.js
index 92fb7831..709895d6 100644
--- a/src/js/dai/request2.js
+++ b/src/js/dai/request2.js
@@ -4,6 +4,7 @@
 import axios from "axios";
 import curry from "dai-js/tools/curry";
 import { Message } from "element-ui";
+import { clearLoginInfo } from "@/utils";
 
 const request = curry(
   (method, url, data = {}, headers = {}, progress = () => {}) => {
@@ -42,6 +43,7 @@ const request = curry(
           // 10005 token为空  10006登陆超时 10007别处登录
           console.log("登录失效");
           Message.error(res.data.msg);
+          clearLoginInfo();
           return next({
             name: "login",
           });
diff --git a/src/js/store/index.js b/src/js/store/index.js
index 276c7f83..7ebb31e9 100644
--- a/src/js/store/index.js
+++ b/src/js/store/index.js
@@ -8,7 +8,7 @@ import { requestPost } from "@/js/dai/request";
 import { dateFormats } from "@/utils/index";
 
 Vue.use(Vuex);
-let interTimer = null
+let interTimer = null;
 export default new Vuex.Store({
   namespaced: true,
   state: {
@@ -42,6 +42,9 @@ export default new Vuex.Store({
     tipsList: [],
     tipsTime: [],
     inIframe: window.self !== window.top,
+    fixed1920: {
+      height: document.documentElement.clientHeight,
+    },
   },
   modules: {
     user,
@@ -56,69 +59,71 @@ export default new Vuex.Store({
       });
     },
     SET_TIPS_LIST(state, tipsList) {
-      let _list = state.tipsList
+      let _list = state.tipsList;
       // state.tipsList = _list.concat(tipsList)
-      state.tipsList = tipsList
+      state.tipsList = tipsList;
     },
     SET_TIPS_TIME(state, time) {
-      state.tipsTime = time
-    }
+      state.tipsTime = time;
+    },
   },
   actions: {
     clearInter() {
-      clearInterval(interTimer)
+      clearInterval(interTimer);
     },
     setInterval({ commit, dispatch, state }) {
       interTimer = setInterval(() => {
-        const _t = dateFormats('YYYY-mm-dd HH:MM', (new Date(new Date().toLocaleDateString()).getTime()))
-        const _tt = new Date(_t).getTime()
-        console.log('230000---', _t)
-        const t =  dateFormats('YYYY-mm-dd HH:MM', (new Date().getTime()))
-        const nt = new Date(t).getTime()
+        const _t = dateFormats(
+          "YYYY-mm-dd HH:MM",
+          new Date(new Date().toLocaleDateString()).getTime()
+        );
+        const _tt = new Date(_t).getTime();
+        console.log("230000---", _t);
+        const t = dateFormats("YYYY-mm-dd HH:MM", new Date().getTime());
+        const nt = new Date(t).getTime();
         // 判断当前时间是否为 00：00
         if (nt == _tt) {
-          dispatch('setTipsTime')
-          return
+          dispatch("setTipsTime");
+          return;
         }
-        let times = state.tipsTime
-        console.log('nt---000', nt)
+        let times = state.tipsTime;
+        console.log("nt---000", nt);
         state.tipsTime.forEach((item, index) => {
-          const _t = new Date(item).getTime()
+          const _t = new Date(item).getTime();
           if (_t == nt) {
-            clearInterval(interTimer)
-            dispatch('setTipsList', item)
-            times.splice(index, 1)
-            commit('SET_TIPS_TIME', times)
+            clearInterval(interTimer);
+            dispatch("setTipsList", item);
+            times.splice(index, 1);
+            commit("SET_TIPS_TIME", times);
           }
-        })
-      }, 60000) 
+        });
+      }, 60000);
     },
     setTipsList({ commit }, time) {
       return new Promise(async (resolve, reject) => {
-        const url = '/gov/project/memoAttr/memosToRemind'
+        const url = "/gov/project/memoAttr/memosToRemind";
         const params = {
-          remindTime: time || ''
-        }
-        const { data, code, msg } = await requestPost(url, params)
+          remindTime: time || "",
+        };
+        const { data, code, msg } = await requestPost(url, params);
         if (code === 0) {
-          commit('SET_TIPS_LIST', data)
-          resolve()
-        } else reject(msg)
-      })
+          commit("SET_TIPS_LIST", data);
+          resolve();
+        } else reject(msg);
+      });
     },
     setTipsTime({ commit, dispatch }) {
       return new Promise(async (resolve, reject) => {
-        if (interTimer) clearInterval(interTimer)
-        const url = '/gov/project/memoAttr/memoTime'
-        
-        const { data, code, msg } = await requestPost(url)
+        if (interTimer) clearInterval(interTimer);
+        const url = "/gov/project/memoAttr/memoTime";
+
+        const { data, code, msg } = await requestPost(url);
         if (code === 0) {
-          
-          commit('SET_TIPS_TIME', data)
-          if (data.length > 0) dispatch('setInterval')
-          resolve()
-        } else reject(msg)
-      })
-    }
-  }
+          commit("SET_TIPS_TIME", data);
+          if (data.length > 0) dispatch("setInterval");
+          resolve();
+        } else reject(msg);
+      });
+    },
+  },
 });
diff --git a/src/router/index.js b/src/router/index.js
index 82b43cff..397e2d71 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -94,6 +94,16 @@ export const moduleRoutes = {
         isTab: true,
       },
     },
+    {
+      path: "404",
+      props: true,
+      component: () => import("@/views/modules/404"),
+      name: "main-404",
+      meta: {
+        title: "页面未找到或无权访问",
+        isTab: false,
+      },
+    },
   ],
 };
 
@@ -129,6 +139,16 @@ export const moduleShujuRoutes = {
         isTab: false,
       },
     },
+    {
+      path: "404",
+      props: true,
+      component: () => import("@/views/modules/visual/404"),
+      name: "main-shuju-404",
+      meta: {
+        title: "页面未找到或无权访问",
+        isTab: false,
+      },
+    },
   ],
 };
 
@@ -380,7 +400,7 @@ router.beforeEach((to, from, next) => {
   // fnAddDynamicMenuRoutes2(window.SITE_CONFIG["menuShujuList"]);
 
   http
-    .get("/gov/access/menu/nav?tableName=data_menu")
+  .get("/gov/access/menu/nav?tableName=data_menu")
     .then(({ data: res }) => {
       if (res.code == 10005 || res.code == 10006 || res.code == 10007) {
         // 10005 token为空  10006登陆超时 10007别处登录
@@ -406,7 +426,7 @@ router.beforeEach((to, from, next) => {
     });
 
   http
-    .get("/gov/access/menu/nav")
+  .get("/gov/access/menu/nav")
     .then(({ data: res }) => {
       if (res.code == 10005 || res.code == 10006 || res.code == 10007) {
         // 10005 token为空  10006登陆超时 10007别处登录
@@ -519,10 +539,10 @@ function fnAddDynamicMenuRoutes(menuList = [], routes = []) {
       children: routes,
     },
     {
-      path: "*",
-      // redirect: {
-      //   name: "404",
-      // },
+      path: "/main/*",
+      redirect: {
+        path: "/main/404",
+      },
     },
   ]);
   window.SITE_CONFIG["dynamicMenuRoutes"] = routes;
@@ -593,10 +613,10 @@ function fnAddDynamicMenuRoutes2(menuList = [], routes = []) {
       children: routes,
     },
     {
-      path: "*",
-      // redirect: {
-      //   name: "404",
-      // },
+      path: "/main-shuju/*",
+      redirect: {
+        path: "/main-shuju/404",
+      },
     },
   ]);
   window.SITE_CONFIG["dynamicMenuRoutesShuju"] = routes;
diff --git a/src/utils/index.js b/src/utils/index.js
index c2232ac7..1e6b6e6f 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -45,6 +45,7 @@ export function getDictLabel(dictType, dictValue) {
 export function clearLoginInfo() {
   store.commit('resetStore')
   Cookies.remove('token')
+  localStorage.setItem("token", '');
   window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] = false
 }
 
diff --git a/src/views/components/fixed1920.vue b/src/views/components/fixed1920.vue
new file mode 100644
index 00000000..e98ab311
--- /dev/null
+++ b/src/views/components/fixed1920.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="g-app">
+    <div class="g-bd" :style="bdStyle">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      clientHeight: document.documentElement.clientHeight,
+      clientWidth: document.documentElement.clientWidth,
+    };
+  },
+
+  components: {},
+  computed: {
+    bdStyle() {
+      const { clientHeight, clientWidth } = this;
+      console.log("clientHeight", clientHeight);
+      const scale = clientWidth / 1920;
+      const height = clientHeight / scale;
+      const top = (clientHeight - height) / 2;
+      const left = (clientWidth - 1920) / 2;
+      this.$store.state.fixed1920.height = height;
+      return {
+        transform: `scale(${scale})`,
+        height: `${height}px`,
+        left: `${left}px`,
+        top: `${top}px`,
+      };
+    },
+  },
+  created() {},
+  mounted() {
+    window.addEventListener("resize", () => {
+      this.clientHeight = document.documentElement.clientHeight;
+      this.clientWidth = document.documentElement.clientWidth;
+    });
+  },
+
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.g-app {
+  position: absolute;
+  // width: 1920px;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.g-bd {
+  position: absolute;
+  width: 1920px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/main-shuju/main-content.vue b/src/views/main-shuju/main-content.vue
index 4d6a73a3..b9914005 100644
--- a/src/views/main-shuju/main-content.vue
+++ b/src/views/main-shuju/main-content.vue
@@ -1,5 +1,5 @@
 <template>
-  <main :class="['aui-content']">
+  <main class="g-main">
     <!-- tab展示内容 -->
     <template>
       <template v-if="tabIsIframe($router.currentRoute.meta.iframeURL)">
@@ -18,6 +18,7 @@
           height="100%"
           frameborder="0"
           scrolling="yes"
+          :style="{ height: $store.state.fixed1920.height - 100 + 'px' }"
         />
       </template>
       <keep-alive v-show="!tabIsIframe($router.currentRoute.meta.iframeURL)">
diff --git a/src/views/main-shuju/main.vue b/src/views/main-shuju/main.vue
index 4abb6808..d6d29c1b 100644
--- a/src/views/main-shuju/main.vue
+++ b/src/views/main-shuju/main.vue
@@ -1,25 +1,28 @@
 <template>
-  <div
-    v-loading.fullscreen.lock="loading"
-    :element-loading-text="$t('loading')"
-    :class="[
-      'g-bd',
-      { 'z-sidebar--fold': $store.state.sidebarFold },
-      {
-        'z-sidebar--noside': true,
-      },
-    ]"
-  >
-    <template v-if="!loading">
-      <main-navbar ref="ref_navbar" />
-      <div class="g-cnt">
-        <main-content
-          v-if="!$store.state.contentIsNeedRefresh"
-          @changeCustomerName="changeCustomerName"
-        />
-      </div>
-    </template>
-  </div>
+  <fixed1920>
+    <div
+      v-loading.fullscreen.lock="loading"
+      :element-loading-text="$t('loading')"
+      :class="[
+        'g-bd',
+        { 'z-sidebar--fold': $store.state.sidebarFold },
+        {
+          'z-sidebar--noside': true,
+        },
+      ]"
+    >
+      <template v-if="!loading">
+        <main-navbar ref="ref_navbar" />
+
+        <div class="g-cnt">
+          <main-content
+            v-if="!$store.state.contentIsNeedRefresh"
+            @changeCustomerName="changeCustomerName"
+          />
+        </div>
+      </template>
+    </div>
+  </fixed1920>
 </template>
 
 <script>
@@ -29,6 +32,7 @@ import debounce from "lodash/debounce";
 import { mapGetters } from "vuex";
 import nextTick from "dai-js/tools/nextTick";
 import { requestPost } from "@/js/dai/request";
+import fixed1920 from "@/views/components/fixed1920.vue";
 
 export default {
   provide() {
@@ -51,6 +55,7 @@ export default {
   components: {
     MainNavbar,
     MainContent,
+    fixed1920,
   },
 
   watch: {
@@ -133,7 +138,7 @@ export default {
 <style lang="scss" src="@/assets/scss/main-shuju.scss" scoped></style>
 <style lang="scss">
 .info-h {
-  height: calc(100vh - 320px);
+  height: calc(100% - 320px);
   // overflow: auto;
 }
 .info-scroll {
@@ -145,7 +150,8 @@ export default {
   &::-webkit-scrollbar-corner,
     /* 滚动条角落 */
   &::-webkit-scrollbar-thumb,
-  &::-webkit-scrollbar-track {      /*滚动条的轨道*/
+  &::-webkit-scrollbar-track {
+    /*滚动条的轨道*/
     border-radius: 4px;
   }
 
@@ -153,13 +159,13 @@ export default {
   &::-webkit-scrollbar-track {
     /* 滚动条轨道 */
 
-    background: rgba(12, 129, 254, .24);
+    background: rgba(12, 129, 254, 0.24);
     // box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
   }
 
   &::-webkit-scrollbar-thumb {
     /* 滚动条手柄 */
-    background: linear-gradient(270deg, #1257c9, #0095FF);
+    background: linear-gradient(270deg, #1257c9, #0095ff);
   }
 }
 </style>
diff --git a/src/views/modules/404.vue b/src/views/modules/404.vue
new file mode 100644
index 00000000..33682a33
--- /dev/null
+++ b/src/views/modules/404.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="m-404">页面未找到或无权访问</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped>
+.m-404 {
+  margin-top: 200px;
+  font-size: 60px;
+  color: rgba(#000, 0.3);
+  text-align: center;
+}
+</style>
diff --git a/src/views/modules/base/organization/organization.vue b/src/views/modules/base/organization/organization.vue
index 8860180f..c61ba5f5 100644
--- a/src/views/modules/base/organization/organization.vue
+++ b/src/views/modules/base/organization/organization.vue
@@ -1,2236 +1,2477 @@
 <template>
-    <div class="app-container">
-        <el-row>
-            <el-col :span="24" style="margin-left: 10px;margin-top: 10px;margin-bottom: 20px;">
-                <el-breadcrumb separator-class="el-icon-arrow-right">
-                    <el-breadcrumb-item v-for="(breadcrumb, index) in breadcrumbArr" :key="breadcrumb.id">
-                        <el-link v-if="breadcrumb.id === currentBreadcrumbKey" type="primary" @click.native="refreshThisPage(index)">{{ breadcrumb.name }}</el-link>
-                        <el-link v-else type="info" @click.native="refreshThisPage(index)">{{ breadcrumb.name }}</el-link>
-                        <el-link v-if="index === breadcrumbArr.length - 1" type="primary" @click.native="modifyOrgInfo" style="margin-left:10px;margin-top:0px;color:#3E8EF7;cursor:pointer" icon="el-icon-edit">修改</el-link>
-                    </el-breadcrumb-item>
-                </el-breadcrumb>
-            </el-col>
-            
-        </el-row>
-        <!-- 组织列表 -->
-        <el-table v-show="agencyTableFlag"
-        height="250"
-        :data="agencyTableListData"
-        style="width: 100%">
-            <el-table-column prop="agencyName" label="下级组织" ></el-table-column>
-            <el-table-column prop="contacts" label="联系人"></el-table-column>
-            <el-table-column prop="mobile" label="联系人电话"></el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot="header">
-                    <el-button size="mini"
-                        type="primary"
-                        icon="el-icon-plus"
-                        @click="addAgency()"
-                    >新增</el-button>
-                </template>
-                <template slot-scope="scope">
-                <el-button size="mini"
-                    type="warning"
-                    icon="el-icon-arrow-right"
-                    @click="entryAgency(scope.row.agencyId)"
-                >进入</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        
-         <!-- 下级机关单位/基层科室列表 -->
-        <el-table v-show="departmentTableFlag"
-        height="250"
-        :data="departmentTableListData"
-        style="width: 100%">
-            <el-table-column prop="departmentName" label="下级机关单位/基层科室"></el-table-column>
-            <el-table-column prop="contacts" label="联系人"></el-table-column>
-            <el-table-column prop="mobile" label="联系人电话"></el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot="header" slot-scope="scope">
-                    <el-button size="mini"
-                        type="primary"
-                        icon="el-icon-plus"
-                        @click="addCommunity(scope.row)"
-                    >新增</el-button>
-                </template>
-                <template slot-scope="scope">
-                    <el-button 
-                        size="mini"
-                        type="warning"
-                        icon="el-icon-arrow-right"
-                        @click="entryDepartment(scope.row.departmentId)"
-                    >进入</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-
-        <!-- 网格列表 -->
-        <el-table v-show="gridTableFlag"
-        height="250" 
-        :data="gridTableListData"
-        style="width: 100%">
-            <el-table-column prop="gridName" label="直属网格"></el-table-column>
-            <el-table-column prop="gridTypeName" label="网格类型"></el-table-column>
-            <el-table-column prop="contacts" label="联系人"></el-table-column>
-            <el-table-column prop="mobile" label="联系人电话"></el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot="header" slot-scope="scope">
-                    <el-button size="mini"
-                        type="primary"
-                        icon="el-icon-plus"
-                        @click="addGrid(scope.row)"
-                    >新增</el-button>
-                </template>
-                <template slot-scope="scope">
-                    <el-button 
-                        size="mini"
-                        type="warning"
-                        icon="el-icon-arrow-right"
-                        @click="entryGrid(scope.row.gridId)"
-                    >进入</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-
-        <!-- 本级工作人员 -->
-        <el-table v-show="currentAgencyStaffTableFlag"
-        :data="agencyStaffTableListData"
-        style="width: 100%"
-        height="350">
-            <el-table-column prop="name" label="本级工作人员名字" width="260"></el-table-column>
-            <el-table-column prop="roles" label="本级工作人员职责" width="260">
-                <template slot-scope="scope">
-                    <el-tag type="primary" size="mini" v-for="(role, index) in scope.row.roles" :key="index" disable-transitions>{{ role }}</el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
-                <template slot="header" slot-scope="scope">
-                <el-button size="mini"
-                    type="primary"
-                    icon="el-icon-plus"
-                    @click="addPeo(scope.row)"
-                >新增</el-button>
-                </template>
-                <template slot-scope="scope">
-                <el-button 
-                    size="mini"
-                    type="warning"
-                    icon="el-icon-edit"
-                    @click="xiuPeo(scope.row)"
-                >修改</el-button>
-                <el-button 
-                    size="mini"
-                    type="success"
-                    icon="el-icon-view"
-                    @click="lookAngency(scope.row)"
-                >查看</el-button>
-                <el-button 
-                    size="mini"
-                    type="info"
-                    icon="el-icon-rank"
-                    @click="transfer(scope.row)"
-                >调动</el-button>
-                <el-button 
-                    size="mini"
-                    type="danger"
-                    icon="el-icon-circle-close"
-                    @click="DisablePeo(scope.row)"
-                >禁用</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-
-        <!-- 下级机关单位/基层科室工作人员 -->
-        <el-table height="350" v-show="departmentStaffTableFlag"
-        :data="departmentStaffTableListData"
-        style="width: 100%">
-            <el-table-column prop="name" label="下级机关单位/基层科室工作人员" width="260"></el-table-column>
-            <el-table-column prop="roles" label="下级机关单位/基层科室工作人员职责" width="260">
-                <template slot-scope="scope">
-                    <el-tag type="primary" size="mini" v-for="(role, index) in scope.row.roles" :key="index" disable-transitions>{{ role }}</el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot="header" slot-scope="scope">
-                    <el-button size="mini" type="primary" icon="el-icon-plus" @click="addCommunityPeo(scope.row)">新增</el-button>
-                </template>
-                <template slot-scope="scope">
-                    <el-button size="mini" type="warning" icon="el-icon-edit" @click="xiuCommunityPeo(scope.row)">修改</el-button>
-                    <el-button size="mini" type="success" icon="el-icon-view" @click="lookAngency(scope.row)">查看</el-button>
-                    <el-button size="mini" type="info" icon="el-icon-rank" @click="transfer(scope.row)">调动</el-button>
-                    <el-button size="mini" type="danger" icon="el-icon-circle-close" @click="DisablePeo(scope.row)">禁用</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-
-        <!-- 网格工作人员 -->
-        <el-table v-show="gridStaffTableFlag"
-        :data="gridStaffTableListData"
-        style="width: 100%"
-        height="350">
-            <el-table-column prop="name" label="网格工作人员名字" width="260"></el-table-column>
-            <el-table-column prop="roles" label="网格工作人员职责" width="260">
-                <template slot-scope="scope">
-                    <el-tag type="primary" size="mini" v-for="(role, index) in scope.row.roles" :key="index" disable-transitions>{{ role }}</el-tag>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot="header" slot-scope="scope">
-                    <el-button size="mini" type="primary" icon="el-icon-plus" @click="addGridPeo(scope.row)">新增</el-button>
-                </template>
-                <template slot-scope="scope">
-                    <el-button size="mini" type="warning" icon="el-icon-edit" @click="xiuGridPeo(scope.row)">修改</el-button>
-                    <el-button size="mini" type="success" icon="el-icon-view" @click="lookAngency(scope.row)">查看</el-button>
-                    <el-button size="mini" type="info" icon="el-icon-rank" @click="transfer(scope.row)">调动</el-button>
-                    <el-button size="mini" type="danger" icon="el-icon-circle-close" @click="DisablePeo(scope.row)">禁用</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-
-  
-        <!-- 新增下级机关单位/基层科室 -->
-        <el-dialog 
-        title="新增部门"
-        :visible.sync="dialogVisible"
-        width="30%"
-        :before-close="handleClose">
-            <el-form :rules="rules">
-                <el-form-item label="部门名称" prop="addDepartmentName">
-                    <el-input v-model="insertForm.departmentName" placeholder="请输入部门名称"></el-input>
-                </el-form-item>
-                <el-form-item label="组织编码" prop="code">
-                    <el-input v-model="insertForm.code" placeholder="请输入组织编码"></el-input>
-                </el-form-item>
-                <el-form-item label="联系人" prop="contacts">
-                    <el-input  v-model="insertForm.contacts" placeholder="请输入联系人姓名"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话" prop="mobile">
-                    <el-input v-model="insertForm.mobile" placeholder="请输入联系电话"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancel">取 消</el-button>
-                <el-button type="primary" @click="submit">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 新增网格 -->
-        <div v-if="dialogVisibleGrid">
-            <el-dialog 
-            title="新增网格"
-            :visible.sync="dialogVisibleGrid"
-            width="60%"
-            :before-close="handleClose">
-                <el-form :rules="rules">
-                    <el-form-item label="网格名称" prop="gridName">
-                        <el-input v-model="GridForm.gridName" placeholder="请输入部门名称"></el-input>
-                    </el-form-item>
-                    <el-form-item label="网格编码" prop="GridCode">
-                        <el-input v-model="GridForm.code" placeholder="请输入网格编码"></el-input>
-                    </el-form-item>
-
-                    <!-- 网格类型，下拉框 -->
-                    <el-form-item label="网格类型" prop="typeTag">
-                        <el-select v-model="GridForm.gridType" clearable placeholder="网格类型">
-                            <el-option v-for="item in typeList" 
-                                :key="item.value" 
-                                :label="item.label" 
-                                :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-
-                    <el-form-item label="联系人" prop="GridContacts">
-                        <el-input  v-model="GridForm.contacts" placeholder="请输入联系人姓名"></el-input>
-                    </el-form-item>
-                    <el-form-item label="联系电话" prop="GridMobile">
-                        <el-input v-model="GridForm.mobile" placeholder="请输入联系电话"></el-input>
-                    </el-form-item>
-
-                    <!-- 组织位置 -->
-                    <el-form-item>
-                        <div id="container">当前点击坐标为：<span id="position"></span></div>
-                    </el-form-item>
-
-                </el-form>
-
-                <div slot="footer" >
-                    <el-button @click="cancelGrid">取 消</el-button>
-                    <el-button type="primary" @click="submitGrid">确 定</el-button>
-                </div>
-            </el-dialog>
+  <div class="app-container">
+    <el-row>
+      <el-col :span="24"
+              style="margin-left: 10px;margin-top: 10px;margin-bottom: 20px;">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item v-for="(breadcrumb, index) in breadcrumbArr"
+                              :key="breadcrumb.id">
+            <el-link v-if="breadcrumb.id === currentBreadcrumbKey"
+                     type="primary"
+                     @click.native="refreshThisPage(index)">{{ breadcrumb.name }}</el-link>
+            <el-link v-else
+                     type="info"
+                     @click.native="refreshThisPage(index)">{{ breadcrumb.name }}</el-link>
+            <el-link v-if="index === breadcrumbArr.length - 1"
+                     type="primary"
+                     @click.native="modifyOrgInfo"
+                     style="margin-left:10px;margin-top:0px;color:#3E8EF7;cursor:pointer"
+                     icon="el-icon-edit">修改</el-link>
+          </el-breadcrumb-item>
+        </el-breadcrumb>
+      </el-col>
+
+    </el-row>
+    <!-- 组织列表 -->
+    <el-table v-show="agencyTableFlag"
+              height="250"
+              :data="agencyTableListData"
+              style="width: 100%">
+      <el-table-column prop="agencyName"
+                       label="下级组织"></el-table-column>
+      <el-table-column prop="contacts"
+                       label="联系人"></el-table-column>
+      <el-table-column prop="mobile"
+                       label="联系人电话"></el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       class-name="small-padding fixed-width">
+        <template slot="header">
+          <el-button size="mini"
+                     type="primary"
+                     icon="el-icon-plus"
+                     @click="addAgency()">新增</el-button>
+        </template>
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="warning"
+                     icon="el-icon-arrow-right"
+                     @click="entryAgency(scope.row.agencyId)">进入</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 下级机关单位/基层科室列表 -->
+    <el-table v-show="departmentTableFlag"
+              height="250"
+              :data="departmentTableListData"
+              style="width: 100%">
+      <el-table-column prop="departmentName"
+                       label="下级机关单位/基层科室"></el-table-column>
+      <el-table-column prop="contacts"
+                       label="联系人"></el-table-column>
+      <el-table-column prop="mobile"
+                       label="联系人电话"></el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       class-name="small-padding fixed-width">
+        <template slot="header"
+                  slot-scope="scope">
+          <el-button size="mini"
+                     type="primary"
+                     icon="el-icon-plus"
+                     @click="addCommunity(scope.row)">新增</el-button>
+        </template>
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="warning"
+                     icon="el-icon-arrow-right"
+                     @click="entryDepartment(scope.row.departmentId)">进入</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 网格列表 -->
+    <el-table v-show="gridTableFlag"
+              height="250"
+              :data="gridTableListData"
+              style="width: 100%">
+      <el-table-column prop="gridName"
+                       label="直属网格"></el-table-column>
+      <el-table-column prop="gridTypeName"
+                       label="网格类型"></el-table-column>
+      <el-table-column prop="contacts"
+                       label="联系人"></el-table-column>
+      <el-table-column prop="mobile"
+                       label="联系人电话"></el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       class-name="small-padding fixed-width">
+        <template slot="header"
+                  slot-scope="scope">
+          <el-button size="mini"
+                     type="primary"
+                     icon="el-icon-plus"
+                     @click="addGrid(scope.row)">新增</el-button>
+        </template>
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="warning"
+                     icon="el-icon-arrow-right"
+                     @click="entryGrid(scope.row.gridId)">进入</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 本级工作人员 -->
+    <el-table v-show="currentAgencyStaffTableFlag"
+              :data="agencyStaffTableListData"
+              style="width: 100%"
+              height="350">
+      <el-table-column prop="name"
+                       label="本级工作人员名字"
+                       width="260"></el-table-column>
+      <el-table-column prop="roles"
+                       label="本级工作人员职责"
+                       width="260">
+        <template slot-scope="scope">
+          <el-tag type="primary"
+                  size="mini"
+                  v-for="(role, index) in scope.row.roles"
+                  :key="index"
+                  disable-transitions>{{ role }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       class-name="small-padding fixed-width">
+        <template slot="header"
+                  slot-scope="scope">
+          <el-button size="mini"
+                     type="primary"
+                     icon="el-icon-plus"
+                     @click="addPeo(scope.row)">新增</el-button>
+        </template>
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="warning"
+                     icon="el-icon-edit"
+                     @click="xiuPeo(scope.row)">修改</el-button>
+          <el-button size="mini"
+                     type="success"
+                     icon="el-icon-view"
+                     @click="lookAngency(scope.row)">查看</el-button>
+          <el-button size="mini"
+                     type="info"
+                     icon="el-icon-rank"
+                     @click="transfer(scope.row)">调动</el-button>
+          <el-button size="mini"
+                     type="danger"
+                     icon="el-icon-circle-close"
+                     @click="DisablePeo(scope.row)">禁用</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 下级机关单位/基层科室工作人员 -->
+    <el-table height="350"
+              v-show="departmentStaffTableFlag"
+              :data="departmentStaffTableListData"
+              style="width: 100%">
+      <el-table-column prop="name"
+                       label="下级机关单位/基层科室工作人员"
+                       width="260"></el-table-column>
+      <el-table-column prop="roles"
+                       label="下级机关单位/基层科室工作人员职责"
+                       width="260">
+        <template slot-scope="scope">
+          <el-tag type="primary"
+                  size="mini"
+                  v-for="(role, index) in scope.row.roles"
+                  :key="index"
+                  disable-transitions>{{ role }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       class-name="small-padding fixed-width">
+        <template slot="header"
+                  slot-scope="scope">
+          <el-button size="mini"
+                     type="primary"
+                     icon="el-icon-plus"
+                     @click="addCommunityPeo(scope.row)">新增</el-button>
+        </template>
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="warning"
+                     icon="el-icon-edit"
+                     @click="xiuCommunityPeo(scope.row)">修改</el-button>
+          <el-button size="mini"
+                     type="success"
+                     icon="el-icon-view"
+                     @click="lookAngency(scope.row)">查看</el-button>
+          <el-button size="mini"
+                     type="info"
+                     icon="el-icon-rank"
+                     @click="transfer(scope.row)">调动</el-button>
+          <el-button size="mini"
+                     type="danger"
+                     icon="el-icon-circle-close"
+                     @click="DisablePeo(scope.row)">禁用</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 网格工作人员 -->
+    <el-table v-show="gridStaffTableFlag"
+              :data="gridStaffTableListData"
+              style="width: 100%"
+              height="350">
+      <el-table-column prop="name"
+                       label="网格工作人员名字"
+                       width="260"></el-table-column>
+      <el-table-column prop="roles"
+                       label="网格工作人员职责"
+                       width="260">
+        <template slot-scope="scope">
+          <el-tag type="primary"
+                  size="mini"
+                  v-for="(role, index) in scope.row.roles"
+                  :key="index"
+                  disable-transitions>{{ role }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作"
+                       align="center"
+                       class-name="small-padding fixed-width">
+        <template slot="header"
+                  slot-scope="scope">
+          <el-button size="mini"
+                     type="primary"
+                     icon="el-icon-plus"
+                     @click="addGridPeo(scope.row)">新增</el-button>
+        </template>
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="warning"
+                     icon="el-icon-edit"
+                     @click="xiuGridPeo(scope.row)">修改</el-button>
+          <el-button size="mini"
+                     type="success"
+                     icon="el-icon-view"
+                     @click="lookAngency(scope.row)">查看</el-button>
+          <el-button size="mini"
+                     type="info"
+                     icon="el-icon-rank"
+                     @click="transfer(scope.row)">调动</el-button>
+          <el-button size="mini"
+                     type="danger"
+                     icon="el-icon-circle-close"
+                     @click="DisablePeo(scope.row)">禁用</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 新增下级机关单位/基层科室 -->
+    <el-dialog title="新增部门"
+               :visible.sync="dialogVisible"
+               width="30%"
+               :before-close="handleClose">
+      <el-form :rules="rules">
+        <el-form-item label="部门名称"
+                      prop="addDepartmentName">
+          <el-input v-model="insertForm.departmentName"
+                    placeholder="请输入部门名称"></el-input>
+        </el-form-item>
+        <el-form-item label="组织编码"
+                      prop="code">
+          <el-input v-model="insertForm.code"
+                    placeholder="请输入组织编码"></el-input>
+        </el-form-item>
+        <el-form-item label="联系人"
+                      prop="contacts">
+          <el-input v-model="insertForm.contacts"
+                    placeholder="请输入联系人姓名"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话"
+                      prop="mobile">
+          <el-input v-model="insertForm.mobile"
+                    placeholder="请输入联系电话"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary"
+                   @click="submit">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 新增网格 -->
+    <div v-if="dialogVisibleGrid">
+      <el-dialog title="新增网格"
+                 :visible.sync="dialogVisibleGrid"
+                 width="60%"
+                 :before-close="handleClose">
+        <el-form :rules="rules">
+          <el-form-item label="网格名称"
+                        prop="gridName">
+            <el-input v-model="GridForm.gridName"
+                      placeholder="请输入部门名称"></el-input>
+          </el-form-item>
+          <el-form-item label="网格编码"
+                        prop="GridCode">
+            <el-input v-model="GridForm.code"
+                      placeholder="请输入网格编码"></el-input>
+          </el-form-item>
+
+          <!-- 网格类型，下拉框 -->
+          <el-form-item label="网格类型"
+                        prop="typeTag">
+            <el-select v-model="GridForm.gridType"
+                       clearable
+                       placeholder="网格类型">
+              <el-option v-for="item in typeList"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="联系人"
+                        prop="GridContacts">
+            <el-input v-model="GridForm.contacts"
+                      placeholder="请输入联系人姓名"></el-input>
+          </el-form-item>
+          <el-form-item label="联系电话"
+                        prop="GridMobile">
+            <el-input v-model="GridForm.mobile"
+                      placeholder="请输入联系电话"></el-input>
+          </el-form-item>
+
+          <!-- 组织位置 -->
+          <el-form-item>
+            <div id="container">当前点击坐标为：<span id="position"></span></div>
+          </el-form-item>
+
+        </el-form>
+
+        <div slot="footer">
+          <el-button @click="cancelGrid">取 消</el-button>
+          <el-button type="primary"
+                     @click="submitGrid">确 定</el-button>
         </div>
+      </el-dialog>
+    </div>
 
-        <!-- 新增人员 -->
-        <div v-if="dialogVisiblePeo">
-            <el-dialog 
-            title="新增人员"
-            :visible.sync="dialogVisiblePeo"
-            width="30%"
-            :before-close="handleClose">
-                <el-form>
-                    <el-form-item label="姓名" prop="peoName">
-                        <el-input v-model="peoForm.name" placeholder="请输入姓名"></el-input>
-                    </el-form-item>
-                    <el-form-item label="手机号" prop="mobile">
-                        <el-input v-model="peoForm.mobile" placeholder="请输入手机号"></el-input>
-                    </el-form-item>
-                    <!-- 性别下拉框 -->
-                    <el-form-item label="性别" prop="gender">
-                        <el-select v-model="peoForm.gender" clearable placeholder="性别">
-                            <el-option v-for="item in genderList" 
-                                :key="item.value" 
-                                :label="item.label" 
-                                :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <!-- 专兼职下拉框 -->
-                    <el-form-item label="专兼职" prop="post">
-                        <el-select v-model="peoForm.post" clearable placeholder="专兼职">
-                            <el-option v-for="item in postList" 
-                                :key="item.value" 
-                                :label="item.label" 
-                                :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <!-- 职责下拉框 -->
-                    <el-form-item label="职责" prop="duty">
-                        <el-select v-model="peoForm.duty" multiple placeholder="请选择">
-                            <el-option
-                            v-for="item in dutyList"
-                            :key="item.roleId"
-                            :label="item.roleName"
-                            :value="item.roleId"
-                            :disabled="item.disabled">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-
-                </el-form>
-                <div slot="footer" >
-                    <el-button @click="cancelPeo">取 消</el-button>
-                    <el-button type="primary" @click="submitPeo">确 定</el-button>
-                </div>
-            </el-dialog>
+    <!-- 新增人员 -->
+    <div v-if="dialogVisiblePeo">
+      <el-dialog title="新增人员"
+                 :visible.sync="dialogVisiblePeo"
+                 width="30%"
+                 :before-close="handleClose">
+        <el-form>
+          <el-form-item label="姓名"
+                        prop="peoName">
+            <el-input v-model="peoForm.name"
+                      placeholder="请输入姓名"></el-input>
+          </el-form-item>
+          <el-form-item label="手机号"
+                        prop="mobile">
+            <el-input v-model="peoForm.mobile"
+                      placeholder="请输入手机号"></el-input>
+          </el-form-item>
+          <!-- 性别下拉框 -->
+          <el-form-item label="性别"
+                        prop="gender">
+            <el-select v-model="peoForm.gender"
+                       clearable
+                       placeholder="性别">
+              <el-option v-for="item in genderList"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <!-- 专兼职下拉框 -->
+          <el-form-item label="专兼职"
+                        prop="post">
+            <el-select v-model="peoForm.post"
+                       clearable
+                       placeholder="专兼职">
+              <el-option v-for="item in postList"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <!-- 职责下拉框 -->
+          <el-form-item label="职责"
+                        prop="duty">
+            <el-select v-model="peoForm.duty"
+                       multiple
+                       placeholder="请选择">
+              <el-option v-for="item in dutyList"
+                         :key="item.roleId"
+                         :label="item.roleName"
+                         :value="item.roleId"
+                         :disabled="item.disabled">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="角色"
+                        prop="newRoles">
+            <el-select v-model="peoForm.newRoles"
+                       multiple
+                       placeholder="请选择">
+              <el-option v-for="item in roleList"
+                         :key="item.id"
+                         :label="item.name"
+                         :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+        </el-form>
+        <div slot="footer">
+          <el-button @click="cancelPeo">取 消</el-button>
+          <el-button type="primary"
+                     @click="submitPeo">确 定</el-button>
         </div>
+      </el-dialog>
+    </div>
 
-        <!-- 人员修改 -->
-        <el-dialog 
-        title="人员修改"
-        :visible.sync="modifyPeo"
-        width="30%"
-        :before-close="handleClose">
-            <el-form >
-                <el-form-item label="姓名" prop="peoName">
-                    <el-input v-model="peoForm.name" placeholder="请输入姓名"></el-input>
-                </el-form-item>
-                <el-form-item label="手机号" prop="mobile">
-                    <el-input v-model="peoForm.mobile" placeholder="请输入手机号"></el-input>
-                </el-form-item>
-                <el-form-item label="性别" prop="gender">
-                    <el-select v-model="peoForm.gender" clearable placeholder="性别">
-                        <el-option v-for="item in genderList" 
-                            :key="item.value" 
-                            :label="item.label" 
-                            :value="item.value">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="专兼职" prop="post">
-                    <el-select v-model="peoForm.post" clearable placeholder="专兼职">
-                        <el-option v-for="item in postList" 
-                            :key="item.value" 
-                            :label="item.label" 
-                            :value="item.value">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="职责" prop="duty">
-                    <el-select v-model="peoForm.duty" multiple placeholder="请选择">
-                        <el-option
-                        v-for="item in dutyList"
-                        :key="item.roleId"
-                        :label="item.roleName"
-                        :value="item.roleId"
-                        :disabled="item.disabled">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancelXiugai">取 消</el-button>
-                <el-button type="primary" @click="updatePeo">确 定</el-button>
-            </div>
-        </el-dialog>
-
-        <!-- 禁用弹窗 -->
-        <el-dialog 
-        title="确认禁用"
-        :visible.sync="Disable"
-        width="30%"
-        :before-close="handleClose"
-        >
-            <span>禁用后该用户将无法登录系统，是否继续？</span>
-            <div slot="footer" >
-                <el-button @click="cancelDisable">取 消</el-button>
-                <el-button type="primary" @click="submitDisable">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 人员查看 -->
-        <el-dialog
-        title="人员详情"
-        :visible.sync="details"
-        width="30%"
-        :before-close="handleClosePeoView">
-            <el-form>
-                <el-form-item label="姓名" >
-                    <el-input  v-model="peoForm.name" placeholder="姓名" :disabled="true"></el-input>
-                </el-form-item>
-                <el-form-item label="手机号" >
-                    <el-input  v-model="peoForm.mobile" placeholder="手机号" :disabled="true"></el-input>
-                </el-form-item>
-                <el-form-item label="组织/部门" >
-                    <el-input  v-model="peoForm.zuzhi" placeholder="组织/部门" :disabled="true"></el-input>
-                </el-form-item>
-                <el-form-item label="激活时间" >
-                    <el-input  v-model="peoForm.activeTime" placeholder="激活时间" :disabled="true"></el-input>
-                </el-form-item>
-                <el-form-item label="职位" >
-                    <el-input  v-model="peoForm.duty" placeholder="职位" :disabled="true"></el-input>
-                </el-form-item>
-                <el-form-item label="是否禁用">
-                    <el-input v-model="peoForm.disableFlag" placeholder="是否禁用" :disabled="true"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button type="primary" style="margin-right:170px" @click="cancelDetails">关 闭</el-button>
-            </div>
-        </el-dialog>
-
-        <!-- 人员调动 -->
-        <el-dialog 
-        title="人员调动"
-        :visible.sync="transferPeo"
-        width="30%"
-        :before-close="handleClose">
-            <el-form :model="agencyForm">
-                <el-form-item label="姓名">
-                    <el-input v-model="transferForm.name" placeholder="姓名"></el-input>
-                </el-form-item>
-                <el-form-item label="调动至">
-                    <el-cascader 
-                        clearable
-                        :props="{ checkStrictly: true }"
-                        v-model="selectValue"
-                        :options="options"
-                        @change="handleChange">
-                    </el-cascader>
-                </el-form-item>
-                <el-form-item label="调动原因">
-                    <el-input
-                    type="textarea"
+    <!-- 人员修改 -->
+    <el-dialog title="人员修改"
+               :visible.sync="modifyPeo"
+               width="30%"
+               :before-close="handleClose">
+      <el-form>
+        <el-form-item label="姓名"
+                      prop="peoName">
+          <el-input v-model="peoForm.name"
+                    placeholder="请输入姓名"></el-input>
+        </el-form-item>
+        <el-form-item label="手机号"
+                      prop="mobile">
+          <el-input v-model="peoForm.mobile"
+                    placeholder="请输入手机号"></el-input>
+        </el-form-item>
+        <el-form-item label="性别"
+                      prop="gender">
+          <el-select v-model="peoForm.gender"
+                     clearable
+                     placeholder="性别">
+            <el-option v-for="item in genderList"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="专兼职"
+                      prop="post">
+          <el-select v-model="peoForm.post"
+                     clearable
+                     placeholder="专兼职">
+            <el-option v-for="item in postList"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="职责"
+                      prop="duty">
+          <el-select v-model="peoForm.duty"
+                     multiple
+                     placeholder="请选择">
+            <el-option v-for="item in dutyList"
+                       :key="item.roleId"
+                       :label="item.roleName"
+                       :value="item.roleId"
+                       :disabled="item.disabled">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="角色"
+                      prop="newRoles">
+          <el-select v-model="peoForm.newRoles"
+                     multiple
+                     placeholder="请选择">
+            <el-option v-for="item in roleList"
+                       :key="item.id"
+                       :label="item.name"
+                       :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancelXiugai">取 消</el-button>
+        <el-button type="primary"
+                   @click="updatePeo">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 禁用弹窗 -->
+    <el-dialog title="确认禁用"
+               :visible.sync="Disable"
+               width="30%"
+               :before-close="handleClose">
+      <span>禁用后该用户将无法登录系统，是否继续？</span>
+      <div slot="footer">
+        <el-button @click="cancelDisable">取 消</el-button>
+        <el-button type="primary"
+                   @click="submitDisable">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 人员查看 -->
+    <el-dialog title="人员详情"
+               :visible.sync="details"
+               width="30%"
+               :before-close="handleClosePeoView">
+      <el-form>
+        <el-form-item label="姓名">
+          <el-input v-model="peoForm.name"
+                    placeholder="姓名"
+                    :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="手机号">
+          <el-input v-model="peoForm.mobile"
+                    placeholder="手机号"
+                    :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="组织/部门">
+          <el-input v-model="peoForm.zuzhi"
+                    placeholder="组织/部门"
+                    :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="激活时间">
+          <el-input v-model="peoForm.activeTime"
+                    placeholder="激活时间"
+                    :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="职位">
+          <el-input v-model="peoForm.duty"
+                    placeholder="职位"
+                    :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="是否禁用">
+          <el-input v-model="peoForm.disableFlag"
+                    placeholder="是否禁用"
+                    :disabled="true"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button type="primary"
+                   style="margin-right:170px"
+                   @click="cancelDetails">关 闭</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 人员调动 -->
+    <el-dialog title="人员调动"
+               :visible.sync="transferPeo"
+               width="30%"
+               :before-close="handleClose">
+      <el-form :model="agencyForm">
+        <el-form-item label="姓名">
+          <el-input v-model="transferForm.name"
+                    placeholder="姓名"></el-input>
+        </el-form-item>
+        <el-form-item label="调动至">
+          <el-cascader clearable
+                       :props="{ checkStrictly: true }"
+                       v-model="selectValue"
+                       :options="options"
+                       @change="handleChange">
+          </el-cascader>
+        </el-form-item>
+        <el-form-item label="调动原因">
+          <el-input type="textarea"
                     :rows="2"
                     placeholder="请输入内容"
                     maxlength="500"
                     show-word-limit
                     v-model="transferForm.remarks">
-                    </el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancelTransfer">取 消</el-button>
-                <el-button type="primary" @click="submitTransfer">确 定</el-button>
-            </div>
-        </el-dialog>
-
-        <!-- 新增组织 -->
-        <el-dialog
-        title="新增组织"
-        :visible.sync="createAgencyDialogFlag"
-        width="60%"
-        :before-close="handleClose">
-            <el-form>
-                <el-form-item label="组织名称">
-                    <el-input v-model="agencyForm.agencyName" placeholder="请输入组织名称"></el-input>
-                </el-form-item>
-
-                <!-- 组织区划 -->
-                <el-form-item label="组织区划">
-                    <el-select v-model="agencyForm.areaCode" placeholder="请选择组织区划" @change="handelZoing">
-                        <el-option 
-                        v-for="item in zonings"
-                        :key="item.areaCode"
-                        :label="item.areaName"
-                        :value="item.areaCode">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-                <el-form-item label="组织编码">
-                    <el-input v-model="agencyForm.code" placeholder="请输入组织编码"></el-input>
-                </el-form-item>
-                <el-form-item label="负责人">
-                    <el-input v-model="agencyForm.contacts" placeholder="请输入负责人名字"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-input v-model="agencyForm.mobile" placeholder="请输入联系电话"></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <div id="con"></div>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="canceladdNewAgency">取 消</el-button>
-                <el-button type="primary" @click="submitaddNewAgency">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 修改市区级组织 -->
-        <el-dialog
-        title="修改组织"
-        :visible.sync="modifyCityOrgPop"
-        width="60%"
-        :before-close="handleClose">
-            <el-form>
-                <el-form-item label="组织名称">
-                    <el-input v-model="OrgDetailsForm.agencyName" placeholder="请输入组织名称"></el-input>
-                </el-form-item>
-
-                <el-form-item label="组织编码">
-                    <el-input v-model="OrgDetailsForm.code" placeholder="请输入组织编码"></el-input>
-                </el-form-item>
-                <el-form-item label="负责人">
-                    <el-input v-model="OrgDetailsForm.contacts" placeholder="请输入负责人名字"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-input v-model="OrgDetailsForm.mobile" placeholder="请输入联系电话"></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <div id="con"></div>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancelModifyCityOrgPop">取 消</el-button>
-                <el-button type="primary" @click="sunmitModifyCityOrgPop">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 修改街道/社区级组织 -->
-        <el-dialog
-        title="修改组织"
-        :visible.sync="streetOrCommunity"
-        width="60%"
-        :before-close="handleClose">
-            <el-form>
-                <el-form-item label="组织名称">
-                    <el-input v-model="OrgDetailsForm.agencyName" placeholder="请输入组织名称"></el-input>
-                </el-form-item>
-
-                 <!-- 组织区划 -->
-                <el-form-item label="组织区划">
-                    <el-select v-model="OrgDetailsForm.areaCode" placeholder="请选择组织区划" @change="handelStreeOrCommunityZoing">
-                        <el-option 
-                        v-for="item in zonings"
-                        :key="item.areaCode"
-                        :label="item.areaName"
-                        :value="item.areaCode">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-
-                <el-form-item label="组织编码">
-                    <el-input v-model="OrgDetailsForm.code" placeholder="请输入组织编码"></el-input>
-                </el-form-item>
-                <el-form-item label="负责人">
-                    <el-input v-model="OrgDetailsForm.contacts" placeholder="请输入负责人名字"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-input v-model="OrgDetailsForm.mobile" placeholder="请输入联系电话"></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <div id="con"></div>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancelstreetOrCommunity">取 消</el-button>
-                <el-button type="primary" @click="sunmitModifyCityOrgPop">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 修改下级机关单位 -->
-        <el-dialog
-        title="修改部门"
-        :visible.sync="OrgUnitPop"
-        width="60%"
-        :before-close="handleClose">
-            <el-form>
-                <el-form-item label="部门名称">
-                    <el-input v-model="OrgUnitDetailsForm.departmentName" placeholder="请输入组织名称"></el-input>
-                </el-form-item>
-
-                <el-form-item label="组织编码">
-                    <el-input v-model="OrgUnitDetailsForm.code" placeholder="请输入组织编码"></el-input>
-                </el-form-item>
-                <el-form-item label="负责人">
-                    <el-input v-model="OrgUnitDetailsForm.contacts" placeholder="请输入负责人名字"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-input v-model="OrgUnitDetailsForm.mobile" placeholder="请输入联系电话"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancelOrgUnitPop">取 消</el-button>
-                <el-button type="primary" @click="sunmitOrgUnitForm">确 定</el-button>
-            </div>
-        </el-dialog>
-
-
-        <!-- 修改网格 -->
-        <el-dialog
-        title="修改网格"
-        :visible.sync="modifyGridPop"
-        width="60%"
-        :before-close="handleClose">
-            <el-form>
-                <el-form-item label="网格名称">
-                    <el-input v-model="modifyGridFrom.gridName" placeholder="请输入组织名称"></el-input>
-                </el-form-item>
-
-                <el-form-item label="组织编码">
-                    <el-input v-model="modifyGridFrom.code" placeholder="请输入组织编码"></el-input>
-                </el-form-item>
-
-                <!-- 网格类型下拉框 -->
-                <el-form-item label="网格类型" prop="typeTag">
-                        <el-select v-model="modifyGridFrom.gridType" clearable placeholder="网格类型">
-                            <el-option v-for="item in typeList" 
-                                :key="item.value" 
-                                :label="item.label" 
-                                :value="item.value">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-
-                <el-form-item label="负责人">
-                    <el-input v-model="modifyGridFrom.contacts" placeholder="请输入负责人名字"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-input v-model="modifyGridFrom.mobile" placeholder="请输入联系电话"></el-input>
-                </el-form-item>
-
-                <!-- 组织位置,地图 -->
-                <el-form-item>
-                    <div id="con"></div>
-                </el-form-item>
-
-            </el-form>
-            <div slot="footer" >
-                <el-button @click="cancelModifyGridPop">取 消</el-button>
-                <el-button type="primary" @click="submitModifyGrid">确 定</el-button>
-            </div>
-        </el-dialog>
-
-    </div>
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancelTransfer">取 消</el-button>
+        <el-button type="primary"
+                   @click="submitTransfer">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 新增组织 -->
+    <el-dialog title="新增组织"
+               :visible.sync="createAgencyDialogFlag"
+               width="60%"
+               :before-close="handleClose">
+      <el-form>
+        <el-form-item label="组织名称">
+          <el-input v-model="agencyForm.agencyName"
+                    placeholder="请输入组织名称"></el-input>
+        </el-form-item>
+
+        <!-- 组织区划 -->
+        <el-form-item label="组织区划">
+          <el-select v-model="agencyForm.areaCode"
+                     placeholder="请选择组织区划"
+                     @change="handelZoing">
+            <el-option v-for="item in zonings"
+                       :key="item.areaCode"
+                       :label="item.areaName"
+                       :value="item.areaCode">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="组织编码">
+          <el-input v-model="agencyForm.code"
+                    placeholder="请输入组织编码"></el-input>
+        </el-form-item>
+        <el-form-item label="负责人">
+          <el-input v-model="agencyForm.contacts"
+                    placeholder="请输入负责人名字"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input v-model="agencyForm.mobile"
+                    placeholder="请输入联系电话"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <div id="con"></div>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="canceladdNewAgency">取 消</el-button>
+        <el-button type="primary"
+                   @click="submitaddNewAgency">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 修改市区级组织 -->
+    <el-dialog title="修改组织"
+               :visible.sync="modifyCityOrgPop"
+               width="60%"
+               :before-close="handleClose">
+      <el-form>
+        <el-form-item label="组织名称">
+          <el-input v-model="OrgDetailsForm.agencyName"
+                    placeholder="请输入组织名称"></el-input>
+        </el-form-item>
+
+        <el-form-item label="组织编码">
+          <el-input v-model="OrgDetailsForm.code"
+                    placeholder="请输入组织编码"></el-input>
+        </el-form-item>
+        <el-form-item label="负责人">
+          <el-input v-model="OrgDetailsForm.contacts"
+                    placeholder="请输入负责人名字"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input v-model="OrgDetailsForm.mobile"
+                    placeholder="请输入联系电话"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <div id="con"></div>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancelModifyCityOrgPop">取 消</el-button>
+        <el-button type="primary"
+                   @click="sunmitModifyCityOrgPop">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 修改街道/社区级组织 -->
+    <el-dialog title="修改组织"
+               :visible.sync="streetOrCommunity"
+               width="60%"
+               :before-close="handleClose">
+      <el-form>
+        <el-form-item label="组织名称">
+          <el-input v-model="OrgDetailsForm.agencyName"
+                    placeholder="请输入组织名称"></el-input>
+        </el-form-item>
+
+        <!-- 组织区划 -->
+        <el-form-item label="组织区划">
+          <el-select v-model="OrgDetailsForm.areaCode"
+                     placeholder="请选择组织区划"
+                     @change="handelStreeOrCommunityZoing">
+            <el-option v-for="item in zonings"
+                       :key="item.areaCode"
+                       :label="item.areaName"
+                       :value="item.areaCode">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="组织编码">
+          <el-input v-model="OrgDetailsForm.code"
+                    placeholder="请输入组织编码"></el-input>
+        </el-form-item>
+        <el-form-item label="负责人">
+          <el-input v-model="OrgDetailsForm.contacts"
+                    placeholder="请输入负责人名字"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input v-model="OrgDetailsForm.mobile"
+                    placeholder="请输入联系电话"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <div id="con"></div>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancelstreetOrCommunity">取 消</el-button>
+        <el-button type="primary"
+                   @click="sunmitModifyCityOrgPop">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 修改下级机关单位 -->
+    <el-dialog title="修改部门"
+               :visible.sync="OrgUnitPop"
+               width="60%"
+               :before-close="handleClose">
+      <el-form>
+        <el-form-item label="部门名称">
+          <el-input v-model="OrgUnitDetailsForm.departmentName"
+                    placeholder="请输入组织名称"></el-input>
+        </el-form-item>
+
+        <el-form-item label="组织编码">
+          <el-input v-model="OrgUnitDetailsForm.code"
+                    placeholder="请输入组织编码"></el-input>
+        </el-form-item>
+        <el-form-item label="负责人">
+          <el-input v-model="OrgUnitDetailsForm.contacts"
+                    placeholder="请输入负责人名字"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input v-model="OrgUnitDetailsForm.mobile"
+                    placeholder="请输入联系电话"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancelOrgUnitPop">取 消</el-button>
+        <el-button type="primary"
+                   @click="sunmitOrgUnitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 修改网格 -->
+    <el-dialog title="修改网格"
+               :visible.sync="modifyGridPop"
+               width="60%"
+               :before-close="handleClose">
+      <el-form>
+        <el-form-item label="网格名称">
+          <el-input v-model="modifyGridFrom.gridName"
+                    placeholder="请输入组织名称"></el-input>
+        </el-form-item>
+
+        <el-form-item label="组织编码">
+          <el-input v-model="modifyGridFrom.code"
+                    placeholder="请输入组织编码"></el-input>
+        </el-form-item>
+
+        <!-- 网格类型下拉框 -->
+        <el-form-item label="网格类型"
+                      prop="typeTag">
+          <el-select v-model="modifyGridFrom.gridType"
+                     clearable
+                     placeholder="网格类型">
+            <el-option v-for="item in typeList"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="负责人">
+          <el-input v-model="modifyGridFrom.contacts"
+                    placeholder="请输入负责人名字"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input v-model="modifyGridFrom.mobile"
+                    placeholder="请输入联系电话"></el-input>
+        </el-form-item>
+
+        <!-- 组织位置,地图 -->
+        <el-form-item>
+          <div id="con"></div>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer">
+        <el-button @click="cancelModifyGridPop">取 消</el-button>
+        <el-button type="primary"
+                   @click="submitModifyGrid">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
 </template>
 
 <script>
 
-import { requestPost } from "@/js/dai/request";
+import { requestPost, requestGet } from "@/js/dai/request";
 
 export default {
-    data(){
-        return{
-            // 新增组织弹窗
-            createAgencyDialogFlag: false,
-            // 修改市区级组织弹窗
-            modifyCityOrgPop:false,
-            // 修改街道/社区级组织弹窗
-            streetOrCommunity:false,
-            // 修改下级机关单位弹窗
-            OrgUnitPop:false,
-            // 修改网格弹窗
-            modifyGridPop:false,
-            // 组织列表展示标识
-            agencyTableFlag: true,
-            // 组织工作人员列表展示标识
-            currentAgencyStaffTableFlag: true,
-            // 组织列表数据
-            agencyTableListData: [],
-            // 组织工作人员列表数据
-            agencyStaffTableListData:[],
-
-            // 部门列表（机关、科室列表）列表展示标识
-            departmentTableFlag: true,
-            // 部门人员列表展示标识
-            departmentStaffTableFlag: false,
-            // 部门列表数据
-            departmentTableListData: [],
-            // 部门工作人员列表数据
-            departmentStaffTableListData:[],
-
-            // 网格列表展示标识
-            gridTableFlag:true,
-            // 网格人员列表展示标识
-            gridStaffTableFlag: false,
-            // 网格列表数据
-            gridTableListData: [],
-            // 网格工作人员列表数据
-            gridStaffTableListData:[],
-
-            // 用户所属组织ID
-            userAgencyId: localStorage.getItem("agencyId"),
-            // 修改时操作的用户staffId
-            userStaffId: '',
-            // 当前被操作的组织的ID
-            currentAgencyId: localStorage.getItem("agencyId"),
-            // 当前被操作的部门的ID
-            currentDepartmentId:'14f572e724eecf7668b655505d789cab',
-            // 当前被操作的网格的ID
-            currentGridOrgId:'63d5ff92ea981b1c58e4914ac894c610',
-
-            // 当前被操作的组织的级别
-            currentAgencyLevel: localStorage.getItem("level"),
-            currentAreaCode: '',
-            parentAreaCode: '',
-            parentAgencyId: localStorage.getItem("agencyId"),
-            parentAgencyLevel: localStorage.getItem("level"),
-           
-            // 经纬度坐标
-            lat:'11',
-            lng:'11',
-            latitude:'11',
-            longitude:'11',
-            Navigation:'',
-            // 查询参数
-            queryParams: {
-                deptName: undefined,
-                status: undefined
-            },
-            // 状态列表
-            dictList:[],
-            // 重新渲染表格状态
-            refreshTable: true,
-            // 是否展开，默认全部展开
-            isExpandAll: true,
-            // 显示搜索条件
-            showSearch: true,
-            // 遮罩层
-            loading: true,
-            // 表格树数据
-            deptList: [],
-
-            // 弹窗开关
-            dialogVisible: false,
-            dialogVisibleGrid: false,
-            dialogVisiblePeo: false,
-            Disable: false,
-            details: false,
-            transferPeo: false,
-            // 社区添加表单项
-            insertForm:{
-                departmentName:'',
-                code:'',
-                contacts:'',
-                mobile:'',
-                agencyId:'',
-                departmentDuty:'123'
-            },
-            // 网格添加表单项
-            GridForm:{
-                gridName:'',
-                code:'',
-                contacts:'',
-                mobile:'',
-                agencyId:'',
-                manageDistrict:'',
-                gridType:'',
-                location: '', //坐标位置
-                longitude: '11', //经度
-                latitude: '11' ,//纬度
-                centerAddress:''
-            },
-            // 新增组织
-            agencyForm:{
-                parentAgencyId:'',
-                agencyName:'',
-                level:'',
-                areaCodeSwitch:'',
-                areaCode:'',
-                areaName:'',
-                contacts:'',
-                mobile:'',
-                code:''
-            },
-            // 树
-            tree:[],
-            // 新增人员表单项
-            peoForm:{
-                name:'',
-                mobile:'',
-                gender:'',
-                post:'',
-                duty:[],
-                orgType:'',
-                activeTime:'',
-                zuzhi:'',
-                disableFlag:''
+  data () {
+    return {
+      // 新增组织弹窗
+      createAgencyDialogFlag: false,
+      // 修改市区级组织弹窗
+      modifyCityOrgPop: false,
+      // 修改街道/社区级组织弹窗
+      streetOrCommunity: false,
+      // 修改下级机关单位弹窗
+      OrgUnitPop: false,
+      // 修改网格弹窗
+      modifyGridPop: false,
+      // 组织列表展示标识
+      agencyTableFlag: true,
+      // 组织工作人员列表展示标识
+      currentAgencyStaffTableFlag: true,
+      // 组织列表数据
+      agencyTableListData: [],
+      // 组织工作人员列表数据
+      agencyStaffTableListData: [],
+
+      // 部门列表（机关、科室列表）列表展示标识
+      departmentTableFlag: true,
+      // 部门人员列表展示标识
+      departmentStaffTableFlag: false,
+      // 部门列表数据
+      departmentTableListData: [],
+      // 部门工作人员列表数据
+      departmentStaffTableListData: [],
+
+      // 网格列表展示标识
+      gridTableFlag: true,
+      // 网格人员列表展示标识
+      gridStaffTableFlag: false,
+      // 网格列表数据
+      gridTableListData: [],
+      // 网格工作人员列表数据
+      gridStaffTableListData: [],
+
+      // 用户所属组织ID
+      userAgencyId: localStorage.getItem("agencyId"),
+      // 修改时操作的用户staffId
+      userStaffId: '',
+      // 当前被操作的组织的ID
+      currentAgencyId: localStorage.getItem("agencyId"),
+      // 当前被操作的部门的ID
+      currentDepartmentId: '14f572e724eecf7668b655505d789cab',
+      // 当前被操作的网格的ID
+      currentGridOrgId: '63d5ff92ea981b1c58e4914ac894c610',
+
+      // 当前被操作的组织的级别
+      currentAgencyLevel: localStorage.getItem("level"),
+      currentAreaCode: '',
+      parentAreaCode: '',
+      parentAgencyId: localStorage.getItem("agencyId"),
+      parentAgencyLevel: localStorage.getItem("level"),
+
+      // 经纬度坐标
+      lat: '11',
+      lng: '11',
+      latitude: '11',
+      longitude: '11',
+      Navigation: '',
+      // 查询参数
+      queryParams: {
+        deptName: undefined,
+        status: undefined
+      },
+      // 状态列表
+      dictList: [],
+      // 重新渲染表格状态
+      refreshTable: true,
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 遮罩层
+      loading: true,
+      // 表格树数据
+      deptList: [],
+
+      // 弹窗开关
+      dialogVisible: false,
+      dialogVisibleGrid: false,
+      dialogVisiblePeo: false,
+      Disable: false,
+      details: false,
+      transferPeo: false,
+      // 社区添加表单项
+      insertForm: {
+        departmentName: '',
+        code: '',
+        contacts: '',
+        mobile: '',
+        agencyId: '',
+        departmentDuty: '123'
+      },
+      // 网格添加表单项
+      GridForm: {
+        gridName: '',
+        code: '',
+        contacts: '',
+        mobile: '',
+        agencyId: '',
+        manageDistrict: '',
+        gridType: '',
+        location: '', //坐标位置
+        longitude: '11', //经度
+        latitude: '11',//纬度
+        centerAddress: ''
+      },
+      // 新增组织
+      agencyForm: {
+        parentAgencyId: '',
+        agencyName: '',
+        level: '',
+        areaCodeSwitch: '',
+        areaCode: '',
+        areaName: '',
+        contacts: '',
+        mobile: '',
+        code: ''
+      },
+      // 树
+      tree: [],
+      // 新增人员表单项
+      peoForm: {
+        name: '',
+        mobile: '',
+        gender: '',
+        post: '',
+        duty: [],
+        orgType: '',
+        activeTime: '',
+        zuzhi: '',
+        disableFlag: '',
+        newRoles: []
+      },
+      // 人员调动
+      transferForm: {
+        name: '',
+        remarks: '',
+        transferTo: '',
+        staffId: '',
+        orgId: '',
+        orgType: ''
+      },
+      // 人员禁用
+      DisableForm: {
+        staffId: '',
+        agencyId: '',
+        customerId: ''
+      },
+      // 组织详细信息
+      OrgDetailsForm: {
+        level: '',
+        agencyName: '',
+        code: '',
+        contacts: '',
+        mobile: '',
+        centerAddress: '',
+        areaCode: '',
+        agencyId: '',
+        areaName: ''
+      },
+      // 下级机关单位
+      OrgUnitDetailsForm: {
+        code: '',
+        contacts: '',
+        departmentId: '',
+        departmentName: '',
+        mobile: ''
+      },
+      // 网格修改表单
+      modifyGridFrom: {
+        gridName: '',
+        code: '',
+        gridTypeName: '',
+        contacts: '',
+        mobile: '',
+        latitude: '',
+        longitude: '',
+        agencyId: '',
+        gridType: '',
+        manageDistrict: '',
+        griId: ''
+      },
+      judgeOrgInfoLevel: [],
+      keyWords: '',
+      typeList: [],
+      // 性别字典
+      genderList: [
+        { value: '1', label: '男' },
+        { value: '2', label: '女' },
+      ],
+      // 专兼职字典
+      postList: [
+        { value: 'fulltime', label: '专职' },
+        { value: 'parttime', label: '兼职' }
+      ],
+      // 职责字典
+      dutyList: [],
+      // 修改操作是否展示
+      modifyPeo: false,
+
+      roleList: [],
+
+      // 级联数据
+      options: [
+        {
+          value: '',
+          label: '',
+          children: [
+            {
+              value: '',
+              label: '',
+              children: []
             },
-            // 人员调动
-            transferForm:{
-                name:'',
-                remarks:'',
-                transferTo:'',
-                staffId:'',
-                orgId:'',
-                orgType:''
-            },
-            // 人员禁用
-            DisableForm:{
-                staffId:'',
-                agencyId:'',
-                customerId:''
-            },
-            // 组织详细信息
-            OrgDetailsForm:{
-                level:'',
-                agencyName:'',
-                code:'',
-                contacts:'',
-                mobile:'',
-                centerAddress:'',
-                areaCode:'',
-                agencyId:'',
-                areaName:''
-            },
-            // 下级机关单位
-            OrgUnitDetailsForm:{
-                code:'',
-                contacts:'',
-                departmentId:'',
-                departmentName:'',
-                mobile:''
-            },
-            // 网格修改表单
-            modifyGridFrom:{
-                gridName:'',
-                code:'',
-                gridTypeName:'',
-                contacts:'',
-                mobile:'',
-                latitude:'',
-                longitude:'',
-                agencyId:'',
-                gridType:'',
-                manageDistrict:'',
-                griId:''
-            },
-            judgeOrgInfoLevel:[],
-            keyWords: '',
-            typeList:[],
-            // 性别字典
-            genderList: [
-                {value: '1', label: '男'},
-                {value: '2', label: '女'},
-            ],
-            // 专兼职字典
-            postList:[
-                {value: 'fulltime' , label: '专职'},
-                {value: 'parttime' , label: '兼职'}
-            ],
-            // 职责字典
-            dutyList:[],
-            // 修改操作是否展示
-            modifyPeo:false,
-            
-            // 级联数据
-            options:[
-                {
-                    value:'',
-                    label:'',
-                    children:[
-                        {
-                            value:'',
-                            label:'',
-                            children:[]
-                        },
-                        {
-                            value:'',
-                            label:'',
-                            children:[]
-                        }
-                    ],
-                }
-            ],
-            selectValue: [],
-            // 顶部 面包屑
-            breadcrumbArr: [],
-            // 面包屑 当前所属机构ID
-            currentBreadcrumbKey: '',
-            // 组织区划数据
-            zonings:[],
-            // 校验
-            rules: {
-                departmentName:[
-                    { required: true, message: '社区名称必填', trigger: 'blur' }
-                ],
-                gridName:[
-                    { required: true, message: '网格名称必填', trigger: 'blur' }
-                ],
-                addDepartmentName:[
-                    { required: true, message: '部门名称必填', trigger: 'blur' }
-                ]
+            {
+              value: '',
+              label: '',
+              children: []
             }
+          ],
+        }
+      ],
+      selectValue: [],
+      // 顶部 面包屑
+      breadcrumbArr: [],
+      // 面包屑 当前所属机构ID
+      currentBreadcrumbKey: '',
+      // 组织区划数据
+      zonings: [],
+      // 校验
+      rules: {
+        departmentName: [
+          { required: true, message: '社区名称必填', trigger: 'blur' }
+        ],
+        gridName: [
+          { required: true, message: '网格名称必填', trigger: 'blur' }
+        ],
+        addDepartmentName: [
+          { required: true, message: '部门名称必填', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created () {
+    this.getAgencyList()
+    this.getDepartmentList()
+    this.getGridList()
+    this.getAgencyStaffListData()
+    this.getDutyList()
+    this.getRoleList()
+    // this.getNavigation()
+    // 更新顶部面包屑
+    this.assembleBreadcrumbArr(localStorage.getItem('agencyId'), 'agency')
+  },
+
+  watch: {
+    dialogVisibleGrid (val) {
+      if (val) {
+        setTimeout(() => {
+          let _that = this
+          this.initMap(_that)
+        }, 1000);
+      }
+    },
+    createAgencyDialogFlag (val) {
+      if (val) {
+        setTimeout(() => {
+          let _t = this
+          this.createMap(_t)
+        }, 1000);
+      }
+    },
+    modifyCityOrgPop (val) {
+      if (val) {
+        setTimeout(() => {
+          let _t = this
+          this.createMap(_t)
+        }, 1000);
+      }
+    },
+    streetOrCommunity (val) {
+      if (val) {
+        setTimeout(() => {
+          let _t = this
+          this.createMap(_t)
+        }, 1000);
+      }
+    },
+    modifyGridPop (val) {
+      if (val) {
+        setTimeout(() => {
+          let _t = this
+          this.createMap(_t)
+        }, 1000);
+      }
+    }
+  },
+  mounted () {
+    // this.initMap()
+  },
+  methods: {
+    // 点击后获取id
+    handleChange (e) {
+      this.transferForm.orgId = e[1]
+      if (this.transferForm.orgId != null || '') {
+        if (this.transferForm.orgId === 0) {
+          if (e[2] == null || '') {
+            this.transferForm.orgType = 'dept'
+            this.transferForm.orgId = "14f572e724eecf7668b655505d789cab"
+          } else {
+            this.transferForm.orgId = e[2]
+            this.transferForm.orgType = 'dept'
+          }
+        } else {
+          if (e[2] == null || '') {
+            this.transferForm.orgType = 'grid'
+            this.transferForm.orgId = "63d5ff92ea981b1c58e4914ac894c610"
+          } else {
+            this.transferForm.orgId = e[2]
+            this.transferForm.orgType = 'grid'
+          }
+
         }
+      } else {
+        this.transferForm.orgId = e[0]
+        this.transferForm.orgType = 'agency'
+      }
+    },
+    /** 查询系统工作人员角色（职责） */
+    async getDutyList () {
+      const url = "/gov/org/staff/rolelist"
+      let params = {
+        agencyId: this.currentAgencyId
+      }
+      const { data, code, msg } = await requestPost(url, params)
+      if (code === 0) {
+        this.dutyList = data
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    /** 查询系统工作人员角色（职责） */
+    async getRoleList () {
+      this.tableLoading = true
+
+      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
     },
-    created(){
+    /** 查询组织列表 */
+    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
+      } 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()
-        this.getRoleList()
-        // this.getNavigation()
-        // 更新顶部面包屑
-        this.assembleBreadcrumbArr(localStorage.getItem('agencyId'), 'agency')
-    },
-    
-    watch: {
-        dialogVisibleGrid(val) {
-            if (val) {
-                setTimeout(() => {
-                    let _that = this
-                    this.initMap(_that)
-                }, 1000);
-            }
-        },
-        createAgencyDialogFlag(val) {
-            if (val) {
-                setTimeout(() => {
-                    let _t = this
-                    this.createMap(_t)
-                }, 1000);
-            }
-        },
-        modifyCityOrgPop(val){
-            if (val) {
-                setTimeout(() => {
-                    let _t = this
-                    this.createMap(_t)
-                }, 1000);
-            }
-        },
-        streetOrCommunity(val){
-            if (val) {
-                setTimeout(() => {
-                    let _t = this
-                    this.createMap(_t)
-                }, 1000);
-            }
-        },
-        modifyGridPop(val){
-            if (val) {
-                setTimeout(() => {
-                    let _t = this
-                    this.createMap(_t)
-                }, 1000);
-            }
-        }
+      } else {
+        this.$message.error(msg)
+      }
     },
-    mounted(){
-        // this.initMap()
-    },
-    methods:{
-        // 点击后获取id
-        handleChange (e) {
-            this.transferForm.orgId = e[1]
-            if(this.transferForm.orgId != null || ''){
-                if(this.transferForm.orgId === 0){
-                    if(e[2] == null || ''){
-                        this.transferForm.orgType = 'dept'
-                        this.transferForm.orgId = "14f572e724eecf7668b655505d789cab"
-                    }else{
-                        this.transferForm.orgId = e[2]
-                        this.transferForm.orgType = 'dept'
-                    }
-                } else {
-                    if(e[2] == null || ''){
-                        this.transferForm.orgType = 'grid'
-                        this.transferForm.orgId = "63d5ff92ea981b1c58e4914ac894c610"
-                    } else {
-                        this.transferForm.orgId = e[2]
-                        this.transferForm.orgType = 'grid'
-                    }
-                    
-                }
-            }else{
-                this.transferForm.orgId = e[0]
-                this.transferForm.orgType = 'agency'
-            }
-        },
-        /** 查询系统工作人员角色（职责） */
-        async getRoleList () {
-            const url = "/gov/org/staff/rolelist"
-            let params = {
-                agencyId: this.currentAgencyId
-            }
-            const { data, code, msg } = await requestPost(url,params)
-            if(code === 0){
-                this.dutyList = data
-            }else{
-                this.$message.error(msg)
-            }
-        },
-        /** 查询组织列表 */
-        async getAgencyList(){
-            const url = "/gov/org/agency/agencylist"
-            let params = {
-                agencyId: this.currentAgencyId
-            }
+    // 添加网格
+    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()
 
-            const { data, code, msg } = await requestPost(url,params)
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-            if(code === 0){
-                this.agencyTableListData = data
-            }else{
-                this.$message.error(msg)
-            }
-        },
-        /** 查询社区列表 */
-        async getDepartmentList(){
-            const url = "/gov/org/department/departmentlist"
+    // 添加人员
+    async submitPeo () {
+      const url = "/gov/org/staff/addstaffv2"
 
-            let params = {
-                agencyId: this.currentAgencyId
-            }
+      let params = {
+        orgType: this.peoForm.orgType,
+        name: this.peoForm.name,
+        mobile: this.peoForm.mobile,
+        gender: this.peoForm.gender,
+        workType: this.peoForm.post,
+        roles: this.peoForm.duty,
+        newRoles: this.peoForm.newRoles,
+        orgId: this.currentAgencyId,
 
-            const { data, code, msg } = await requestPost(url,params)
+      }
 
-            if(code === 0){
-                this.departmentTableListData = data
-            }else{
-                this.$message.error(msg)
-                
-            }
-        },
-        /** 查询网格列表 */
-        async getGridList(){
-            const url = "/gov/org/grid/allgrids"
+      const { data, code, msg } = await requestPost(url, params)
 
-            let params = {
-                agencyId: this.currentAgencyId
-            }
+      if (code === 0) {
 
-            const { data, code, msg } = await requestPost(url,params)
+        this.$message.success("添加成功")
+        this.dialogVisiblePeo = false
+        this.peoForm = []
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.getAgencyStaffListData()
+        this.insertFormRest()
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-            if(code === 0){
-                this.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
-            }
+    // 人员修改
+    async updatePeo () {
+      const url = "/gov/org/staff/editstaff"
 
-            const { data, code, msg } = await requestPost(url,params)
+      let params = {
+        staffId: this.userStaffId,
+        name: this.peoForm.name,
+        mobile: this.peoForm.mobile,
+        gender: this.peoForm.gender === '男' ? 1 : 0,
+        workType: this.peoForm.post,
+        roles: this.peoForm.duty,
+        newRoles: this.peoForm.newRoles,
+        agencyId: this.currentAgencyId,
+      }
 
-            if(code === 0) {
-                this.agencyStaffTableListData = data.staffList
-            } else {
-                this.$message.error(msg)
-            }
-        },
+      const { data, code, msg } = await requestPost(url, params)
 
-        // 查询部门人员
-        async getDepartmentStaffListData(){
-            const url = "/data/aggregator/org/stafflist"
+      if (code === 0) {
+        this.$message.success("修改成功")
+        this.modifyPeo = false
 
-            let params = {
-               orgId:this.currentDepartmentId,
-               orgType:'dept',
-               pageNo:1,
-               pageSize:100
-            }
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.getAgencyStaffListData()
+        this.getDepartmentStaffListData()
+        this.getGridStaffListData()
+        this.insertFormRest()
 
-            const { data, code, msg } = await requestPost(url,params)
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-            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
-            }
+    // 字典
+    async getDictionaries () {
+      const url = "/sys/dict/data/dictlist"
 
-            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
-            }
+      let params = {
+        dictType: 'grid_type'
+      }
 
-            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(){
-            const url = "/gov/org/staff/addstaffv2"
-
-            let params = {
-                orgType:this.peoForm.orgType,
-                name:this.peoForm.name,
-                mobile:this.peoForm.mobile,
-                gender:this.peoForm.gender,
-                workType:this.peoForm.post,
-                roles:this.peoForm.duty,
-                orgId:this.currentAgencyId
-            }
+      const { data, code, msg } = await requestPost(url, params)
 
-            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()
-            } else {
-                this.$message.error(msg)
-            }
-        },
-
-        // 人员修改
-        async updatePeo(){
-            const url = "/gov/org/staff/editstaff"
-
-            let params = {
-                staffId:this.userStaffId,
-                name:this.peoForm.name,
-                mobile:this.peoForm.mobile,
-                gender:this.peoForm.gender === '男' ? 1 : 0,
-                workType:this.peoForm.post,
-                roles:this.peoForm.duty,
-                agencyId:this.currentAgencyId,
-            }
+      if (code === 0) {
+        this.typeList = data
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-            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()
-                
-            } 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 = []
 
-        // 字典
-        async getDictionaries(){
-            const url = "/sys/dict/data/dictlist"
+    },
+    // 人员调动
+    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()
 
-            let params = {
-                dictType:'grid_type'
-            }
-            
-            const { data, code, msg } = await requestPost(url,params)
+    },
+    /** 取消按钮 */
+    cancelPeo () {
+      this.dialogVisiblePeo = false
+      this.peoFormRest()
+    },
+    // 修改取消
+    cancelXiugai () {
+      this.modifyPeo = false
+      this.peoFormRest()
+    },
+    // 查看弹窗
+    cancelDetails () {
+      this.details = false
+    },
+    /** 人员调动取消按钮 */
+    cancelTransfer () {
+      this.transferRest()
+      this.transferPeo = false
+    },
+    // 新增组织取消按钮
+    canceladdNewAgency () {
+      this.addNewAgencyRest()
+      this.createAgencyDialogFlag = false
+    },
+    // 修改市级组织取消按钮
+    cancelModifyCityOrgPop () {
+      this.cancelModifyCityOrgPopRest()
+      this.modifyCityOrgPop = false
+    },
+    // 修改街道/社区级取消按钮
+    cancelstreetOrCommunity () {
+      this.cancelModifyCityOrgPopRest()
+      this.streetOrCommunity = false
+    },
+    // 取消修改下级机关单位按钮
+    cancelOrgUnitPop () {
+      this.OrgUnitPop = false
+      this.OrgUnitDetailsRest()
+    },
+    // 取消修改网格按钮
+    cancelModifyGridPop () {
+      this.modifyGridPop = false
+      this.ModifyGridPopRest()
+    },
+    // 进入网格，查询网格所属人员
+    entryGrid (gridId) {
+      this.gridStaffTableListData = []
+      this.departmentStaffTableListData = []
+      this.agencyStaffTableListData = []
+      this.currentGridOrgId = gridId
+      this.gridStaffTableFlag = true
+      this.departmentStaffTableFlag = false
+      this.currentAgencyStaffTableFlag = false
+      this.agencyTableFlag = false
+      this.departmentTableFlag = false
+      this.gridTableFlag = false
+      this.getGridStaffListData()
+      this.assembleBreadcrumbArr(gridId, 'grid')
+    },
+    // 进入部门，查询部门所属人员
+    entryDepartment (departmentId) {
+      this.gridStaffTableListData = []
+      this.departmentStaffTableListData = []
+      this.agencyStaffTableListData = []
+      this.currentDepartmentId = departmentId
+      this.departmentStaffTableFlag = true
+      this.currentAgencyStaffTableFlag = false
+      this.gridStaffTableFlag = false
+      this.gridTableFlag = false
+      this.agencyTableFlag = false
+      this.departmentTableFlag = false
+      this.getDepartmentStaffListData()
+      this.assembleBreadcrumbArr(departmentId, 'department')
+    },
 
-            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 = ''
-        },
-        // 网格新增弹框重置函数
-        GridFormRest(){
-            this.GridForm.gridName = '',
-            this.GridForm.code = '',
-            this.GridForm.centerAddress = '',
-            this.GridForm.contacts = '',
-            this.GridForm.mobile = '',
-            this.GridForm.agencyId = '',
-            this.GridForm.manageDistrict = '',
-            this.GridForm.gridType = '',
-            this.GridForm.location = '',
-            this.GridForm.longitude = '',
-            this.GridForm.latitude = ''
-        },
-        /** 人员清空 */
-        peoFormRest(){
-            this.peoForm.name = '',
-            this.peoForm.mobile = '',
-            this.peoForm.gender = '',
-            this.peoForm.post = '',
-            this.peoForm.duty = ''
-            
-        },
-        // 人员调动
-        transferRest(){
-            this.transferForm.name = '',
-            this.transferForm.remarks = '',
-            this.transferForm.transferTo = ''
-            this.transferForm.staffId = '',
-            this.transferForm.orgId = '',
-            this.transferForm.orgType = ''
-            this.selectValue = ''
-            this.options[0] = []
-        },
-        // 新增组织
-        addNewAgencyRest(){
-            this.agencyForm.parentAgencyId = '',
-            this.agencyForm.agencyName = '',
-            this.agencyForm.level = '', 
-            this.agencyForm.areaCodeSwitch = '',
-            this.agencyForm.areaCode = '',
-            this.agencyForm.areaName = '',
-            this.agencyForm.contacts = '',
-            this.agencyForm.mobile = '',
-            this.agencyForm.code = '',
-            this.latitude = '',
-            this.longitude = ''
-        },
-        // 修改市级组织
-        cancelModifyCityOrgPopRest(){
-            this.OrgDetailsForm.level = '',
-            this.OrgDetailsForm.agencyName = '',
-            this.OrgDetailsForm.code = '',
-            this.OrgDetailsForm.contacts = '',
-            this.OrgDetailsForm.mobile = '',
-            this.OrgDetailsForm.centerAddress = '',
-            this.OrgDetailsForm.areaCode = ''
-            this.OrgDetailsForm.agencyId = ''
-            this.latitude = '',
-            this.longitude = ''
-        },
-        // 修改下级机关单位
-        OrgUnitDetailsRest(){
-            this.OrgUnitDetailsForm.code = '',
-            this.OrgUnitDetailsForm.contacts = '',
-            this.OrgUnitDetailsForm.departmentId = '',
-            this.OrgUnitDetailsForm.departmentName = '',
-            this.OrgUnitDetailsForm.mobile = ''
-        },
-        // 修改网格清空
-        ModifyGridPopRest(){
-            this.modifyGridFrom.gridName = '',
-            this.modifyGridFrom.code = '',
-            this.modifyGridFrom.gridTypeName = '',
-            this.modifyGridFrom.contacts = '',
-            this.modifyGridFrom.mobile = '',
-            this.latitude = '',
-            this.longitude = '',
-            this.modifyGridFrom.agencyId = '',
-            this.modifyGridFrom.gridType = '',
-            this.modifyGridFrom.manageDistrict = '',
-            this.modifyGridFrom.griId = ''
-        },
-        // 社区新增弹框取消按钮
-        cancel(){
-            this.dialogVisible = false
-            this.insertFormRest()
-        },
-        // 网格新增弹框取消按钮
-        cancelGrid(){
-            this.dialogVisibleGrid = false
-            this.GridFormRest()
-            
-        },
-        /** 取消按钮 */
-        cancelPeo(){
-            this.dialogVisiblePeo = false
-            this.peoFormRest()
-        },
-        // 修改取消
-        cancelXiugai(){
-            this.modifyPeo = false
-            this.peoFormRest()
-        },
-        // 查看弹窗
-        cancelDetails(){
-            this.details = false
-        },
-        /** 人员调动取消按钮 */
-        cancelTransfer(){
-            this.transferRest()
-            this.transferPeo = false
-        },
-        // 新增组织取消按钮
-        canceladdNewAgency(){
-            this.addNewAgencyRest()
-            this.createAgencyDialogFlag = false
-        },
-        // 修改市级组织取消按钮
-        cancelModifyCityOrgPop(){
-            this.cancelModifyCityOrgPopRest()
-            this.modifyCityOrgPop = false
-        },
-        // 修改街道/社区级取消按钮
-        cancelstreetOrCommunity(){
-            this.cancelModifyCityOrgPopRest()
-            this.streetOrCommunity = false
-        },
-        // 取消修改下级机关单位按钮
-        cancelOrgUnitPop(){
-            this.OrgUnitPop = false
-            this.OrgUnitDetailsRest()
-        },
-        // 取消修改网格按钮
-        cancelModifyGridPop(){
-            this.modifyGridPop = false
-            this.ModifyGridPopRest()
-        },
-        // 进入网格，查询网格所属人员
-        entryGrid(gridId){
-            this.gridStaffTableListData = []
-            this.departmentStaffTableListData =[]
-            this.agencyStaffTableListData = []
-            this.currentGridOrgId = gridId
-            this.gridStaffTableFlag = true
-            this.departmentStaffTableFlag = false
-            this.currentAgencyStaffTableFlag = false
-            this.agencyTableFlag = false
-            this.departmentTableFlag = false
-            this.gridTableFlag = false
-            this.getGridStaffListData()
-            this.assembleBreadcrumbArr(gridId, 'grid')
-        },
-        // 进入部门，查询部门所属人员
-        entryDepartment(departmentId){
-            this.gridStaffTableListData = []
-            this.departmentStaffTableListData = []
-            this.agencyStaffTableListData = []
-            this.currentDepartmentId = departmentId
-            this.departmentStaffTableFlag = true
-            this.currentAgencyStaffTableFlag = false
-            this.gridStaffTableFlag = false
-            this.gridTableFlag = false
-            this.agencyTableFlag = false
-            this.departmentTableFlag = false
-            this.getDepartmentStaffListData()
-            this.assembleBreadcrumbArr(departmentId, 'department')
-        },
-
-        // 进入组织，重新渲染
-        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.post = data.workType
-                // 已有的权限（职责）
-                let existedRoleArr = []
-                data.roleList.forEach(function (sysRole) {
-                    if (sysRole.selected === true) {
-                        existedRoleArr.push(sysRole.roleId)
-                    }
-                })
-                this.peoForm.duty = existedRoleArr
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 修改人员
-        async xiuPeo(row){
-            this.modifyPeo = true
-            this.peoForm.orgType = 'agency'
-            
-            this.userStaffId = row.staffId
-
-            const url = "/gov/org/staff/editstaffinit"
-
-            let params = {
-                staffId:row.staffId,
-                agencyId:this.currentAgencyId
-            }
+    // 进入组织，重新渲染
+    entryAgency (agencyId) {
 
-            const { data, code, msg } = await requestPost(url,params)
-
-            if(code === 0){
-                this.peoForm.name = data.name
-                this.peoForm.mobile = data.mobile
-                this.peoForm.post = data.workType
-                this.peoForm.gender = data.gender === 1 ? '男' : '女'
-                // 已有的权限（职责）
-                let existedRoleArr = []
-                data.roleList.forEach(function (sysRole) {
-                    if (sysRole.selected === true) {
-                        existedRoleArr.push(sysRole.roleId)
-                    }
-                })
-                this.peoForm.duty = existedRoleArr
-            } else {
-                this.$message.error(msg)
-            }
+      this.currentAgencyId = agencyId
 
-            
-        },
-        // 修改社区人员
-        async xiuCommunityPeo(row){
-            this.modifyPeo = true
-            this.peoForm.orgType = 'dept'
-            
-            this.userStaffId = row.staffId
+      this.agencyTableListData = []
+      this.departmentTableListData = []
+      this.gridTableListData = []
+      this.gridStaffTableListData = []
+      this.agencyStaffTableListData = []
+      this.departmentStaffTableListData = []
 
-            const url = '/gov/org/staff/editstaffinit'
+      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
+    },
 
-            let params = {
-                staffId:row.staffId,
-                agencyId:this.currentAgencyId
-            }
+    // 新增人员
+    addPeo (row) {
+      this.dialogVisiblePeo = true
+      this.peoForm.orgType = 'agency'
 
-            const { data, code, msg } = await requestPost(url,params)
-
-            if(code === 0){
-                this.peoForm.name = data.name
-                this.peoForm.mobile = data.mobile
-                this.peoForm.gender = data.gender === 1 ? '男' : '女'
-                this.peoForm.post = data.workType
-                // 已有的权限（职责）
-                let existedRoleArr = []
-                data.roleList.forEach(function (sysRole) {
-                    if (sysRole.selected === true) {
-                        existedRoleArr.push(sysRole.roleId)
-                    }
-                })
-                this.peoForm.duty = existedRoleArr
-            }else {
-                this.$message.error(msg)
-            }
+    },
 
-            
-        },
-        // 取消禁用按钮
-        cancelDisable(){
-            this.Disable = false
-        },
-        // 人员禁用
-        DisablePeo(row){
-            this.DisableForm.staffId = row.staffId
-            this.Disable = true
-        },
-        // 确定禁用
-        async submitDisable(){
-            const url = "/epmetuser/customerstaff/disabledstaff"
-
-            let params = {
-                staffId:this.DisableForm.staffId,
-                agencyId:this.DisableForm.agencyId,
-                customerId:this.DisableForm.customerId
-            }
+    // 新增社区人员
+    addCommunityPeo () {
+      this.dialogVisiblePeo = true
+      this.peoForm.orgType = 'dept'
 
-            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
-            }
+    // 新增网格人员
+    addGridPeo () {
+      this.dialogVisiblePeo = true
+      this.peoForm.orgType = 'grid'
 
-            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){
+    },
+    // 修改网格人员
+    async xiuGridPeo (row) {
+      this.modifyPeo = true
+      this.peoForm.orgType = 'grid'
+
+      this.userStaffId = row.staffId
+
+      const url = "/gov/org/staff/editstaffinit"
+      let params = {
+        staffId: row.staffId,
+        agencyId: this.currentAgencyId
+      }
+      const { data, code, msg } = await requestPost(url, params)
+      if (code === 0) {
+
+        this.peoForm.name = data.name
+        this.peoForm.mobile = data.mobile
+        this.peoForm.gender = data.gender === 1 ? '男' : '女'
+        this.peoForm.post = data.workType
+        // 已有的权限（职责）
+        let existedDutyArr = []
+        data.roleList.forEach(function (sysDuty) {
+          if (sysDuty.selected === true) {
+            existedDutyArr.push(sysDuty.roleId)
+          }
+        })
+        this.peoForm.duty = existedDutyArr
+        // 已有的权限（角色）
+        let existedRoleArr = []
+        data.newRoleList.forEach(function (sysRole) {
+          if (sysRole.selected === true) {
+            existedRoleArr.push(sysRole.roleId)
+          }
+        })
+        this.peoForm.newRoles = existedRoleArr
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    // 修改人员
+    async xiuPeo (row) {
+      this.modifyPeo = true
+      this.peoForm.orgType = 'agency'
+
+      this.userStaffId = row.staffId
+
+      const url = "/gov/org/staff/editstaffinit"
+
+      let params = {
+        staffId: row.staffId,
+        agencyId: this.currentAgencyId
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.peoForm.name = data.name
+        this.peoForm.mobile = data.mobile
+        this.peoForm.post = data.workType
+        this.peoForm.gender = data.gender === 1 ? '男' : '女'
+        // 已有的权限（职责）
+        let existedDutyArr = []
+        data.roleList.forEach(function (sysDuty) {
+          if (sysDuty.selected === true) {
+            existedDutyArr.push(sysDuty.roleId)
+          }
+        })
+        this.peoForm.duty = existedDutyArr
+        // 已有的权限（角色）
+        let existedRoleArr = []
+        data.newRoleList.forEach(function (sysRole) {
+          if (sysRole.selected === true) {
+            existedRoleArr.push(sysRole.roleId)
+          }
+        })
+        this.peoForm.newRoles = existedRoleArr
+      } else {
+        this.$message.error(msg)
+      }
 
-            this.transferForm.name = row.name
-            this.transferForm.staffId = row.staffId
 
-            this.transferPeo = true
-            const url = "/gov/org/customeragency/orgtree"
+    },
+    // 修改社区人员
+    async xiuCommunityPeo (row) {
+      this.modifyPeo = true
+      this.peoForm.orgType = 'dept'
+
+      this.userStaffId = row.staffId
+
+      const url = '/gov/org/staff/editstaffinit'
+
+      let params = {
+        staffId: row.staffId,
+        agencyId: this.currentAgencyId
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.peoForm.name = data.name
+        this.peoForm.mobile = data.mobile
+        this.peoForm.gender = data.gender === 1 ? '男' : '女'
+        this.peoForm.post = data.workType
+        // 已有的权限（职责）
+        let existedDutyArr = []
+        data.roleList.forEach(function (sysDuty) {
+          if (sysDuty.selected === true) {
+            existedDutyArr.push(sysDuty.roleId)
+          }
+        })
+        this.peoForm.duty = existedDutyArr
+        // 已有的权限（角色）
+        let existedRoleArr = []
+        data.newRoleList.forEach(function (sysRole) {
+          if (sysRole.selected === true) {
+            existedRoleArr.push(sysRole.roleId)
+          }
+        })
+        this.peoForm.newRoles = existedRoleArr
+      } else {
+        this.$message.error(msg)
+      }
 
-            let params = {
 
-            }
-            
-            const { data, code, msg } = await requestPost(url,params)
-
-            if(code === 0){
-                this.options[0].label = data.agencyName
-                this.options[0].value = data.agencyId
-
-                    console.log('--------',this.options)
-                let depart = Array.from(data.departmentList)
-                let gr = Array.from(data.gridList)
-
-                depart.forEach(item => {
-                    const ob = {
-                        value:item.deptId,
-                        label:item.deptName                        
-                    }
-                    this.options[0].children[0].children.push(ob)
-                })
-                    this.options[0].children[0].value = 0
-                    this.options[0].children[0].label = "部门"
-                    this.options[0].children[1].value = 1
-                    this.options[0].children[1].label = "网格"
-                gr.forEach(item => {
-                    const obj = {
-                        value:item.gridId,
-                        label:item.gridName                        
-                    }
-                    this.options[0].children[1].children.push(obj)
-                })
-            }else{
-                this.$message.error("树查询失败",msg)
-            }
-            
-        },
-        // 人员调动确定
-        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
-            }
+    },
+    // 取消禁用按钮
+    cancelDisable () {
+      this.Disable = false
+    },
+    // 人员禁用
+    DisablePeo (row) {
+      this.DisableForm.staffId = row.staffId
+      this.Disable = true
+    },
+    // 确定禁用
+    async submitDisable () {
+      const url = "/epmetuser/customerstaff/disabledstaff"
 
-            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
-                    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)
-                }
-            }
-        },
+      let params = {
+        staffId: this.DisableForm.staffId,
+        agencyId: this.DisableForm.agencyId,
+        customerId: this.DisableForm.customerId
+      }
 
-        async refreshThisPage (index) {
+      const { data, code, msg } = await requestPost(url, params)
 
-            // 点击最后一级不触发响应
-            if (index === this.breadcrumbArr.length - 1) {
-                return
-            }
+      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
+    },
 
-            const selectOrg = this.breadcrumbArr[index]
-            this.breadcrumbArr = this.breadcrumbArr.slice(0, index + 1)
-
-            const orgId = selectOrg.id
-            const orgType = selectOrg.type
-
-            if (orgType === 'agency') {
-                this.agencyTableListData = []
-                this.agencyStaffTableListData = []
-                this.departmentTableListData = []
-                this.departmentStaffTableListData = []
-                this.gridTableListData = []
-                this.gridStaffTableListData = []
-                this.userAgencyId = orgId
-                this.currentAgencyId = orgId
-
-                this.agencyTableFlag = true
-                this.currentAgencyStaffTableFlag = true
-                this.departmentTableFlag = true
-                this.departmentStaffTableFlag = false
-                this.gridTableFlag = true
-                this.gridStaffTableFlag = false
-
-                this.assembleBreadcrumbArr(orgId, 'agency')
-                this.getAgencyList()
-                this.getDepartmentList()
-                this.getGridList()
-                this.getAgencyStaffListData()
-            } 
-            // 当点击最后一级不触发响应
-            // 其父级及以上，只可能属于组织，而非部门或网格，注释以下代码即可
-            // 若需要点击最后一级触发刷新，可释放以下代码
-            /* else if (orgType === 'department') {
-                this.agencyStaffTableListData = []
-                this.departmentStaffTableListData = []
-                this.gridStaffTableListData = []
-
-                this.currentDepartmentId = orgId
-
-                this.agencyTableFlag = false
-                this.currentAgencyStaffTableFlag = false
-                this.departmentTableFlag = false
-                this.departmentStaffTableFlag = true
-                this.gridTableFlag = false
-                this.gridStaffTableFlag = false
-
-                this.getDepartmentStaffListData()
-                this.assembleBreadcrumbArr(orgId, 'department')
-            } else if (orgType === 'grid') {
-                this.agencyStaffTableListData = []
-                this.departmentStaffTableListData =[]
-                this.gridStaffTableListData = []
-
-                this.currentGridOrgId = orgId
-
-                this.agencyTableFlag = false
-                this.currentAgencyStaffTableFlag = false
-                this.departmentTableFlag = false
-                this.departmentStaffTableFlag = false
-                this.gridTableFlag = false
-                this.gridStaffTableFlag = true
-                this.getGridStaffListData()
-                this.assembleBreadcrumbArr(orgId, 'grid')
-            } */
-        },
-        // 获取组织区划信息
-        async getZoning(areaCode, parentAgencyId, parentAgencyLevel){
-            const url = '/data/aggregator/org/nextlevelareacodelist'
-
-            let params = {
-                areaCode: areaCode,
-                level: parentAgencyLevel,
-                parentAgencyId: parentAgencyId
-            }
+    // 人员调动
+    async transfer (row) {
+
+      this.transferForm.name = row.name
+      this.transferForm.staffId = row.staffId
+
+      this.transferPeo = true
+      const url = "/gov/org/customeragency/orgtree"
+
+      let params = {
+
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.options[0].label = data.agencyName
+        this.options[0].value = data.agencyId
+
+        console.log('--------', this.options)
+        let depart = Array.from(data.departmentList)
+        let gr = Array.from(data.gridList)
+
+        depart.forEach(item => {
+          const ob = {
+            value: item.deptId,
+            label: item.deptName
+          }
+          this.options[0].children[0].children.push(ob)
+        })
+        this.options[0].children[0].value = 0
+        this.options[0].children[0].label = "部门"
+        this.options[0].children[1].value = 1
+        this.options[0].children[1].label = "网格"
+        gr.forEach(item => {
+          const obj = {
+            value: item.gridId,
+            label: item.gridName
+          }
+          this.options[0].children[1].children.push(obj)
+        })
+      } else {
+        this.$message.error("树查询失败", msg)
+      }
+
+    },
+    // 人员调动确定
+    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()
 
-            const { data, code, msg } = await requestPost(url,params)
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-            if(code === 0){
-                this.zonings = data
-            }else{
-                this.$message.error(msg)
-            }
+    // 获取导航
+    // async getNavigation(){
 
-        },
+    //     const url = "/gov/org/customeragency/orgtree"
 
-        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
-                }
+    //     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
+          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
+              }
             })
-        },
-
-        addAgency(){
-            this.createAgencyDialogFlag = true
-            this.addNewAgencyRest()
-            this.getZoning(this.currentAreaCode, this.currentAgencyId, this.currentAgencyLevel)
-        },
-        // 新增组织确定按钮
-        async submitaddNewAgency(){
-            const url = '/gov/org/agency/addagency-v2'
-
-            let params = {
-                parentAgencyId: this.parentAgencyId,
-                agencyName: this.agencyForm.agencyName,
-                level: this.agencyForm.level,
-                areaCodeSwitch: 'closed',
-                areaCode: this.agencyForm.areaCode,
-                areaName: this.agencyForm.areaName,
-                contacts: this.agencyForm.contacts,
-                mobile: this.agencyForm.mobile,
-                code: this.agencyForm.code,
-                latitude: this.latitude,
-                longitude: this.longitude
+            if (hasBreadcrumbArr === false) {
+              let breadcrumb = { id: data.agencyId, name: data.agencyName, type: orgType }
+              this.breadcrumbArr.push(breadcrumb)
             }
-
-            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)
+          }
+        } 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)
             }
-        },
-
-        // 修改面包屑
-        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()
+          }
+        } 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 = []
+
+          this.currentDepartmentId = orgId
+
+          this.agencyTableFlag = false
+          this.currentAgencyStaffTableFlag = false
+          this.departmentTableFlag = false
+          this.departmentStaffTableFlag = true
+          this.gridTableFlag = false
+          this.gridStaffTableFlag = false
+
+          this.getDepartmentStaffListData()
+          this.assembleBreadcrumbArr(orgId, 'department')
+      } else if (orgType === 'grid') {
+          this.agencyStaffTableListData = []
+          this.departmentStaffTableListData =[]
+          this.gridStaffTableListData = []
+
+          this.currentGridOrgId = orgId
+
+          this.agencyTableFlag = false
+          this.currentAgencyStaffTableFlag = false
+          this.departmentTableFlag = false
+          this.departmentStaffTableFlag = false
+          this.gridTableFlag = false
+          this.gridStaffTableFlag = true
+          this.getGridStaffListData()
+          this.assembleBreadcrumbArr(orgId, 'grid')
+      } */
+    },
+    // 获取组织区划信息
+    async getZoning (areaCode, parentAgencyId, parentAgencyLevel) {
+      const url = '/data/aggregator/org/nextlevelareacodelist'
 
-        // 根据id获取组织机构详细信息
-        async getOrgDetailsById(){
-            const url = '/gov/org/agency/agencydetail'
+      let params = {
+        areaCode: areaCode,
+        level: parentAgencyLevel,
+        parentAgencyId: parentAgencyId
+      }
 
-            let params = {
-                agencyId:this.judgeOrgInfoLevel.id
-            }
+      const { data, code, msg } = await requestPost(url, params)
 
-            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)
-            }
-        },
+      if (code === 0) {
+        this.zonings = data
+      } else {
+        this.$message.error(msg)
+      }
 
-        // 根据id获取下级机关单位详情
-        async getOrgUnitDetailsById(){
-            const url = '/gov/org/department/departmentdetail'
+    },
 
-            let params = {
-                departmentId:this.judgeOrgInfoLevel.id
-            }
+    handelZoing (val) {
+      this.zonings.forEach(item => {
+        if (item.areaCode == val) {
+          this.agencyForm.level = item.level
+          this.agencyForm.areaName = item.areaName
+          this.agencyForm.areaCode = item.areaCode
+        }
+      })
+    },
+    handelStreeOrCommunityZoing (val) {
+      this.zonings.forEach(item => {
+        if (item.areaCode == val) {
+          this.OrgDetailsForm.level = item.level
+          this.OrgDetailsForm.areaName = item.areaName
+          this.OrgDetailsForm.areaCode = item.areaCode
+        }
+      })
+    },
 
-            const { data, code, msg } = await requestPost(url,params)
+    addAgency () {
+      this.createAgencyDialogFlag = true
+      this.addNewAgencyRest()
+      this.getZoning(this.currentAreaCode, this.currentAgencyId, this.currentAgencyLevel)
+    },
+    // 新增组织确定按钮
+    async submitaddNewAgency () {
+      const url = '/gov/org/agency/addagency-v2'
+
+      let params = {
+        parentAgencyId: this.parentAgencyId,
+        agencyName: this.agencyForm.agencyName,
+        level: this.agencyForm.level,
+        areaCodeSwitch: 'closed',
+        areaCode: this.agencyForm.areaCode,
+        areaName: this.agencyForm.areaName,
+        contacts: this.agencyForm.contacts,
+        mobile: this.agencyForm.mobile,
+        code: this.agencyForm.code,
+        latitude: this.latitude,
+        longitude: this.longitude
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message.success("添加成功")
+        this.createAgencyDialogFlag = false
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.getAgencyStaffListData()
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-            if(code === 0){
-                this.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)
-            }
-        },
+    // 修改面包屑
+    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 getGridDetailsById(){
-            const url = '/gov/org/grid/griddetail'
+    // 根据id获取组织机构详细信息
+    async getOrgDetailsById () {
+      const url = '/gov/org/agency/agencydetail'
 
-            let params = {
-                gridId: this.judgeOrgInfoLevel.id
-            }
+      let params = {
+        agencyId: this.judgeOrgInfoLevel.id
+      }
 
-            const { data, code, msg } = await requestPost(url,params)
-
-            if(code === 0){
-                this.modifyGridFrom.gridName = data.gridName
-                this.modifyGridFrom.code = data.code
-                this.modifyGridFrom.gridTypeName = data.gridTypeName
-                this.modifyGridFrom.contacts = data.contacts
-                this.modifyGridFrom.mobile = data.mobile
-                this.modifyGridFrom.agencyId = data.agencyId
-                this.modifyGridFrom.gridType = data.gridType
-                this.modifyGridFrom.manageDistrict = data.manageDistrict
-                this.modifyGridFrom.griId = data.griId
-            }else {
-                this.$message.error(msg)
-            }
-        },  
-
-        // 市级/街道/社区级组织修改确定按钮
-        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)
 
-            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
-            }
+      if (code === 0) {
 
-            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
-            }
+        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
+        }
 
-            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)
-            }
-        },
-
-       /** 地图初始化 */
-       initMap(_that) {
-           
-            var position = document.getElementById("position");
-
-            var center = new window.TMap.LatLng(39.984104, 116.307503);//设置中心点坐标
-            //初始化地图
-            var map = new window.TMap.Map("container", {
-                center: center
-            });
-            
-            //绑定点击事件
-            map.on("click",function(evt){
-                _that.lat = evt.latLng.getLat().toFixed(6);
-                _that.lng = evt.latLng.getLng().toFixed(6);
-                position.innerHTML = _that.lat + "," + _that.lng;
-            })
-        },
-        createMap(_t){
-            document.getElementById("con").innerHTML = ''
-            document.getElementById("con").innerHTML = '当前点击坐标为：<span id="pos"></span>'
-            var position = document.getElementById("pos");
-
-            if(this.latitude === null || this.latitude === "" || this.longitude === null || this.longitude === ""){
-                var center = new window.TMap.LatLng(36.116796, 120.339959);
-            }else {
-                var center = new window.TMap.LatLng(this.latitude, this.longitude);//设置中心点坐标
-            }
+        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)
+      }
+    },
 
-            //初始化地图
-            var map = new window.TMap.Map("con", {
-                center: center
-            });
-            
-            //绑定点击事件
-            map.on("click",function(evt){
-                _t.latitude = evt.latLng.getLat().toFixed(6);
-                _t.longitude = evt.latLng.getLng().toFixed(6);
-                position.innerHTML = _t.latitude + "," + _t.longitude;
-            })
+    // 根据id获取下级机关单位详情
+    async getOrgUnitDetailsById () {
+      const url = '/gov/org/department/departmentdetail'
+
+      let params = {
+        departmentId: this.judgeOrgInfoLevel.id
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.OrgUnitDetailsForm.code = data.code
+        this.OrgUnitDetailsForm.contacts = data.contacts
+        this.OrgUnitDetailsForm.departmentId = data.departmentId
+        this.OrgUnitDetailsForm.departmentName = data.departmentName
+        this.OrgUnitDetailsForm.mobile = data.mobile
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    // 根据id获取网格详情
+    async getGridDetailsById () {
+      const url = '/gov/org/grid/griddetail'
+
+      let params = {
+        gridId: this.judgeOrgInfoLevel.id
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.modifyGridFrom.gridName = data.gridName
+        this.modifyGridFrom.code = data.code
+        this.modifyGridFrom.gridTypeName = data.gridTypeName
+        this.modifyGridFrom.contacts = data.contacts
+        this.modifyGridFrom.mobile = data.mobile
+        this.modifyGridFrom.agencyId = data.agencyId
+        this.modifyGridFrom.gridType = data.gridType
+        this.modifyGridFrom.manageDistrict = data.manageDistrict
+        this.modifyGridFrom.griId = data.griId
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    // 市级/街道/社区级组织修改确定按钮
+    async sunmitModifyCityOrgPop () {
+      const url = '/gov/org/agency/editagency'
+
+      let params = {
+        agencyId: this.OrgDetailsForm.agencyId,
+        agencyName: this.OrgDetailsForm.agencyName,
+        contacts: this.OrgDetailsForm.contacts,
+        mobile: this.OrgDetailsForm.mobile,
+        code: this.OrgDetailsForm.code,
+        latitude: this.latitude,
+        longitude: this.longitude
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message.success("修改成功")
+        this.modifyCityOrgPop = false
+        this.streetOrCommunity = false
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.agencyPeo()
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    // 修改下级机关单位确定按钮
+    async sunmitOrgUnitForm () {
+      const url = '/gov/org/department/editdepartment'
+
+      let params = {
+        code: this.OrgUnitDetailsForm.code,
+        contacts: this.OrgUnitDetailsForm.contacts,
+        departmentId: this.OrgUnitDetailsForm.departmentId,
+        departmentName: this.OrgUnitDetailsForm.departmentName,
+        mobile: this.OrgUnitDetailsForm.mobile
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message.success("修改成功")
+        this.OrgUnitPop = false
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.agencyPeo()
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    // 修改网格确定按钮
+    async submitModifyGrid () {
+      const url = '/gov/org/grid/editgrid'
+
+      let params = {
+        gridId: this.modifyGridFrom.griId,
+        gridName: this.modifyGridFrom.gridName,
+        manageDistrict: this.modifyGridFrom.manageDistrict,
+        contacts: this.modifyGridFrom.contacts,
+        mobile: this.modifyGridFrom.mobile,
+        code: this.modifyGridFrom.code,
+        gridType: this.modifyGridFrom.gridType
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message.success("修改成功")
+        this.modifyGridPop = false
+        this.getAgencyList()
+        this.getDepartmentList()
+        this.getGridList()
+        this.agencyPeo()
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    /** 地图初始化 */
+    initMap (_that) {
+
+      var position = document.getElementById("position");
+
+      var center = new window.TMap.LatLng(39.984104, 116.307503);//设置中心点坐标
+      //初始化地图
+      var map = new window.TMap.Map("container", {
+        center: center
+      });
+
+      //绑定点击事件
+      map.on("click", function (evt) {
+        _that.lat = evt.latLng.getLat().toFixed(6);
+        _that.lng = evt.latLng.getLng().toFixed(6);
+        position.innerHTML = _that.lat + "," + _that.lng;
+      })
+    },
+    createMap (_t) {
+      document.getElementById("con").innerHTML = ''
+      document.getElementById("con").innerHTML = '当前点击坐标为：<span id="pos"></span>'
+      var position = document.getElementById("pos");
+
+      if (this.latitude === null || this.latitude === "" || this.longitude === null || this.longitude === "") {
+        var center = new window.TMap.LatLng(36.116796, 120.339959);
+      } else {
+        var center = new window.TMap.LatLng(this.latitude, this.longitude);//设置中心点坐标
+      }
+
+      //初始化地图
+      var map = new window.TMap.Map("con", {
+        center: center
+      });
+
+      //绑定点击事件
+      map.on("click", function (evt) {
+        _t.latitude = evt.latLng.getLat().toFixed(6);
+        _t.longitude = evt.latLng.getLng().toFixed(6);
+        position.innerHTML = _t.latitude + "," + _t.longitude;
+      })
 
-        }
-        
     }
+
+  }
 }
 </script>
 
 <style scoped>
-    #container {
-        width: 100%;
-        height: 100%;
-    }
-    #info{
-        left: 20px;
-        top: 20px;
-        font-size: 14px;
-        background: #fff;
-        width: 270px;
-        padding: 10px;
-        border-radius: 3px;
-    }
-    #con {
-        width: 100%;
-        height: 100%;
-    }
-    .el-tag + .el-tag {
-        margin-left: 10px;
-    }
+#container {
+  width: 100%;
+  height: 100%;
+}
+#info {
+  left: 20px;
+  top: 20px;
+  font-size: 14px;
+  background: #fff;
+  width: 270px;
+  padding: 10px;
+  border-radius: 3px;
+}
+#con {
+  width: 100%;
+  height: 100%;
+}
+.el-tag + .el-tag {
+  margin-left: 10px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/modules/visual/404.vue b/src/views/modules/visual/404.vue
new file mode 100644
index 00000000..047aec70
--- /dev/null
+++ b/src/views/modules/visual/404.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="m-404">页面未找到或无权访问</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped>
+.m-404 {
+  margin-top: 200px;
+  font-size: 60px;
+  color: rgba(#fff, 0.6);
+  text-align: center;
+}
+</style>
diff --git a/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue b/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue
index 893f8c5b..462110fa 100644
--- a/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue
+++ b/src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue
@@ -12,7 +12,7 @@
         <span class="router_child">{{orgName}}</span>
       </div>
     </div>
-    <cpt-card>
+    <cpt-card :min-full-screen="true">
       <div class="card-title">
         <img class="title-icon"
              src="@/assets/img/shuju/title-tip.png" />
diff --git a/src/views/modules/visual/basicinfo/people.vue b/src/views/modules/visual/basicinfo/people.vue
index e0a9cea6..2fe8caee 100644
--- a/src/views/modules/visual/basicinfo/people.vue
+++ b/src/views/modules/visual/basicinfo/people.vue
@@ -330,7 +330,7 @@
               ></cpt-tb>
 
               <div class="m-pagination" v-if="demand.total > demand.pageSize">
-                <el-pagination
+                <el-pagination hide-on-single-page
                   :current-page="demand.pageNo"
                   :page-size="demand.pageSize"
                   :total="demand.total"
@@ -380,7 +380,7 @@
                   class="m-pagination"
                   v-if="incident.total > incident.pageSize"
                 >
-                  <el-pagination
+                  <el-pagination hide-on-single-page
                     :current-page="incident.pageNo"
                     :page-size="incident.pageSize"
                     :total="incident.total"
@@ -413,7 +413,7 @@
                 </div>
 
                 <div class="m-pagination" v-if="topic.total > topic.pageSize">
-                  <el-pagination
+                  <el-pagination hide-on-single-page
                     :current-page="topic.pageNo"
                     :page-size="topic.pageSize"
                     :total="topic.total"
@@ -462,7 +462,7 @@
                 </div>
 
                 <div class="m-pagination" v-if="point.total > point.pageSize">
-                  <el-pagination
+                  <el-pagination hide-on-single-page
                     :current-page="point.pageNo"
                     :page-size="point.pageSize"
                     :total="point.total"
diff --git a/src/views/modules/visual/basicinfo/peopleList.vue b/src/views/modules/visual/basicinfo/peopleList.vue
index abad7f68..83758251 100644
--- a/src/views/modules/visual/basicinfo/peopleList.vue
+++ b/src/views/modules/visual/basicinfo/peopleList.vue
@@ -69,7 +69,7 @@
 
         </div>
         <div class="pagination">
-          <el-pagination background
+          <el-pagination hide-on-single-page background
                         layout="prev, pager, next, total"
                         :current-page="pageNo"
                         :page-size="pageSize"
@@ -226,9 +226,9 @@ export default {
   }
 }
 .list_box {
-  width: 96%;
+  width: 100%;
   height: 780px;
-  margin: 20px auto;
+  margin: 0 auto;
 }
 .warning-table {
   height: 640px;
@@ -239,7 +239,7 @@ export default {
   text-align: right;
 }
 .g-bread {
-    padding: 10px 20px;
+    padding: 10px 10px 15px;
     ::v-deep .el-breadcrumb__item {
       font-size: 16px;
       .el-breadcrumb__inner {
diff --git a/src/views/modules/visual/basicinfo/peopleSearch.vue b/src/views/modules/visual/basicinfo/peopleSearch.vue
index 8193f9f1..160afc19 100644
--- a/src/views/modules/visual/basicinfo/peopleSearch.vue
+++ b/src/views/modules/visual/basicinfo/peopleSearch.vue
@@ -85,7 +85,7 @@
 
       </div>
       <div class="pagination">
-        <el-pagination background
+        <el-pagination hide-on-single-page background
                        layout="prev, pager, next"
                        :current-page="pageNo"
                        :page-size="pageSize"
@@ -223,7 +223,8 @@ export default {
     border-radius: 8px 0 0 8px;
     height: 53px;
     background-color: #01106800;
-    border: 2px solid #0082fb;
+    border: 3px solid #0082fb;
+    border-right: 0;
     padding-left: 70px;
     font-size: 18px;
     font-family: PingFang SC;
diff --git a/src/views/modules/visual/basicinfo/personCategory/recordList.vue b/src/views/modules/visual/basicinfo/personCategory/recordList.vue
index 0d36a46c..ba5183d6 100644
--- a/src/views/modules/visual/basicinfo/personCategory/recordList.vue
+++ b/src/views/modules/visual/basicinfo/personCategory/recordList.vue
@@ -71,7 +71,7 @@
       </div>
     </div>
     <div class="pagination-record">
-      <el-pagination :current-page="pageNo"
+      <el-pagination hide-on-single-page :current-page="pageNo"
                      :page-size="pageSize"
                      background
                      layout="prev, pager, next"
diff --git a/src/views/modules/visual/communityGovern/distributionAnalyze.vue b/src/views/modules/visual/communityGovern/distributionAnalyze.vue
index 5cc61996..f4b1669f 100644
--- a/src/views/modules/visual/communityGovern/distributionAnalyze.vue
+++ b/src/views/modules/visual/communityGovern/distributionAnalyze.vue
@@ -1,5 +1,5 @@
 <template>
-  <cpt-card>
+  <cpt-card style="margin-top:40px">
     <div class="title">
       <div class="card-title">
         <img src="@/assets/img/shuju/title-tip.png" />
diff --git a/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue b/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue
index 1f646b05..29316194 100644
--- a/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue
+++ b/src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue
@@ -1,5 +1,5 @@
 <template>
-  <cpt-card>
+  <cpt-card style="margin-top:40px">
     <div class="title">
       <img src="@/assets/img/shuju/title-tip.png" />
       <span>多元主体分析</span>
@@ -35,7 +35,7 @@
 
             </div>
             <div class="m-pagination">
-              <el-pagination :current-page="demand.pageNo"
+              <el-pagination hide-on-single-page :current-page="demand.pageNo"
                              :page-size="demand.pageSize"
                              :total="demand.total"
                              background
@@ -695,8 +695,9 @@ export default {
     box-sizing: border-box;
     margin-right: 3px;
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
 
     ::v-deep .el-input {
@@ -739,14 +740,14 @@ export default {
   border-radius: 50%;
 }
 .card-wr-map {
-  // height: calc(100vh - 120px);
+  // height: calc(988px - 120px);
   text-align: center;
 
   .card-map {
     margin-top: 30px;
     width: 100%;
-    // height: calc(100vh - 285px);
-    height: calc(100vh - 335px);
+    // height: calc(988px - 285px);
+    height: calc(988px - 335px);
     padding-left: 20px;
     .map {
       width: 100%;
diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy 2.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy 2.vue
index 7ee8f5f8..050beb36 100644
--- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy 2.vue	
+++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy 2.vue	
@@ -92,7 +92,7 @@
 
             </div>
             <div class="m-pagination">
-              <el-pagination :current-page="demand.pageNo"
+              <el-pagination hide-on-single-page :current-page="demand.pageNo"
                              :page-size="demand.pageSize"
                              :total="demand.total"
                              background
diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy.vue
index efc340eb..2c84054e 100644
--- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy.vue	
+++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex copy.vue	
@@ -92,7 +92,7 @@
 
             </div>
             <div class="m-pagination">
-              <el-pagination :current-page="demand.pageNo"
+              <el-pagination hide-on-single-page :current-page="demand.pageNo"
                              :page-size="demand.pageSize"
                              :total="demand.total"
                              background
@@ -923,7 +923,7 @@ const vueGis = {
       // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icDangerousChemicals/detail"
 
       let params = {
-        icSuperiorResourceId: info.id
+        icDangerousChemicalsId: info.id
       }
 
       const { data, code, msg } = await requestPost(url, params)
diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex-baidu.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex-baidu.vue
index 049037cd..6d7d9141 100644
--- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex-baidu.vue
+++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex-baidu.vue
@@ -92,7 +92,7 @@
 
             </div>
             <div class="m-pagination">
-              <el-pagination :current-page="demand.pageNo"
+              <el-pagination hide-on-single-page :current-page="demand.pageNo"
                              :page-size="demand.pageSize"
                              :total="demand.total"
                              background
diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
index 8f8e2271..117deb9a 100644
--- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
+++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
@@ -26,32 +26,29 @@
       </div>
 
       <div class="div_data">
-
         <div class="div_tips">
-
-          <div class="div_coverage">
-
-            <div class="coverage_item"
-                 @click="handleClickCoverage(index)"
-                 v-for="(item,index) in coverageTypesList"
-                 :key="index">
-              <img :src="item.select?selImg:noSelImg" />
-              <span>{{item.label}}</span>
+          <cpt-card>
+            <div class="div_coverage">
+
+              <div class="coverage_item"
+                  @click="handleClickCoverage(index)"
+                  v-for="(item,index) in coverageTypesList"
+                  :key="index">
+                <img :src="item.select?selImg:noSelImg" />
+                <span>{{item.label}}</span>
+              </div>
             </div>
-          </div>
-          <div class="div_category">
-            <el-scrollbar style="height:98%">
-
+            <div class="div_category">
               <div v-for="(item,index) in categoryListshow"
-                   :key="index"
-                   class="category_item">
+                    :key="index"
+                    class="category_item">
 
                 <div v-for="(colItem,colIndex) in item"
-                     :key="colIndex"
-                     class="list_item"
-                     @click="handleClickCategory(index,colIndex)">
+                      :key="colIndex"
+                      class="list_item"
+                      @click="handleClickCategory(index,colIndex)">
                   <img :src="colItem.dataIcon"
-                       alt />
+                        alt />
                   <div :class="['item_content',colItem.sel?'item_content_sel':'']">{{colItem.categoryName}}
 
                   </div>
@@ -59,49 +56,50 @@
                 </div>
 
               </div>
-
-            </el-scrollbar>
-          </div>
+            </div>
+          </cpt-card>
         </div>
 
         <div class="div_info">
-          <div class="div_search_list">
-            <el-input size="mini"
-                      WarningColor='warning'
-                      placeholder="请输入搜索内容"
-                      v-model="search">
-              <i slot="prefix"
-                 class="icon">
-                <img src="../../../../../assets/img/modules/visual/sousuo.png"
-                     alt />
-              </i>
-            </el-input>
-
-            <div class="btn"
-                 @click="handleSearch">搜索</div>
+          <cpt-card>
+            <div class="div_search_list">
+              <el-input size="mini"
+                        WarningColor='warning'
+                        placeholder="请输入搜索内容"
+                        v-model="search">
+                <i slot="prefix"
+                  class="icon">
+                  <img src="../../../../../assets/img/modules/visual/sousuo.png"
+                      alt />
+                </i>
+              </el-input>
+
+              <div class="btn"
+                  @click="handleSearch">搜索</div>
 
-          </div>
-          <div class="m-tb">
+            </div>
+            <div class="m-tb">
 
-            <div class="tb">
-              <cpt-tb :col-list="demand.colList"
-                      :loading="demand.loading"
-                      :header="demand.header"
-                      :list="demand.list"
-                      @handleClickRow="handleClickRow"></cpt-tb>
+              <div class="tb">
+                <cpt-tb :col-list="demand.colList"
+                        :loading="demand.loading"
+                        :header="demand.header"
+                        :list="demand.list"
+                        @handleClickRow="handleClickRow"></cpt-tb>
 
+              </div>
+              <div class="m-pagination">
+                <el-pagination hide-on-single-page :current-page="demand.pageNo"
+                              :page-size="demand.pageSize"
+                              :total="demand.total"
+                              background
+                              layout="prev, pager, next,total"
+                              @current-change="handlePageNoChange_demand">
+                </el-pagination>
+              </div>
             </div>
-            <div class="m-pagination">
-              <el-pagination :current-page="demand.pageNo"
-                             :page-size="demand.pageSize"
-                             :total="demand.total"
-                             background
-                             layout="prev, pager, next,total"
-                             @current-change="handlePageNoChange_demand">
-              </el-pagination>
-            </div>
-          </div>
 
+          </cpt-card>
         </div>
 
       </div>
@@ -924,7 +922,7 @@ const vueGis = {
       // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icDangerousChemicals/detail"
 
       let params = {
-        icSuperiorResourceId: info.id
+        icDangerousChemicalsId: info.id
       }
 
       const { data, code, msg } = await requestPost(url, params)
diff --git a/src/views/modules/visual/communityGovern/resibuzz.vue b/src/views/modules/visual/communityGovern/resibuzz.vue
index 86b46c88..6b3ea9c4 100644
--- a/src/views/modules/visual/communityGovern/resibuzz.vue
+++ b/src/views/modules/visual/communityGovern/resibuzz.vue
@@ -1,5 +1,5 @@
 <template>
-  <cpt-card>
+  <cpt-card style="margin-top:40px">
     <div class="title">
       <img src="@/assets/img/shuju/title-tip.png" />
       <span>居民热议分析</span>
@@ -54,7 +54,7 @@
 
           </div>
           <div class="m-pagination">
-            <el-pagination :current-page="demand.pageNo"
+            <el-pagination hide-on-single-page :current-page="demand.pageNo"
                            :page-size="demand.pageSize"
                            :total="demand.total"
                            background
diff --git a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue
index 301a60a9..c73db8d0 100644
--- a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue	
+++ b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue	
@@ -103,7 +103,7 @@
 
           </div>
           <div class="m-pagination">
-            <el-pagination :current-page="demand.pageNo"
+            <el-pagination hide-on-single-page :current-page="demand.pageNo"
                            :page-size="demand.pageSize"
                            :total="demand.total"
                            background
diff --git a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
index 301a60a9..40467b1f 100644
--- a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
+++ b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
@@ -1,5 +1,5 @@
 <template>
-  <cpt-card>
+  <cpt-card style="margin-top:40px">
     <div class="title">
       <img src="@/assets/img/shuju/title-tip.png" />
       <span>事件处理分析</span>
@@ -103,7 +103,7 @@
 
           </div>
           <div class="m-pagination">
-            <el-pagination :current-page="demand.pageNo"
+            <el-pagination hide-on-single-page :current-page="demand.pageNo"
                            :page-size="demand.pageSize"
                            :total="demand.total"
                            background
diff --git a/src/views/modules/visual/communityGovern/shijianfenlei/shijianfenleifenxi.vue b/src/views/modules/visual/communityGovern/shijianfenlei/shijianfenleifenxi.vue
index f3af070c..59a707c4 100644
--- a/src/views/modules/visual/communityGovern/shijianfenlei/shijianfenleifenxi.vue
+++ b/src/views/modules/visual/communityGovern/shijianfenlei/shijianfenleifenxi.vue
@@ -1,5 +1,5 @@
 <template>
-  <cpt-card>
+  <cpt-card style="margin-top:40px">
     <div class="title">
       <img src="@/assets/img/shuju/title-tip.png" />
       <span>事件分类分析</span>
@@ -90,7 +90,7 @@
 
           </div>
           <div class="m-pagination">
-            <el-pagination :current-page="demand.pageNo"
+            <el-pagination hide-on-single-page :current-page="demand.pageNo"
                            :page-size="demand.pageSize"
                            :total="demand.total"
                            background
diff --git a/src/views/modules/visual/communityGovern/typeAnalyze.vue b/src/views/modules/visual/communityGovern/typeAnalyze.vue
index bc04407d..dc6ae4e6 100644
--- a/src/views/modules/visual/communityGovern/typeAnalyze.vue
+++ b/src/views/modules/visual/communityGovern/typeAnalyze.vue
@@ -1,5 +1,5 @@
 <template>
-  <cpt-card>
+  <cpt-card style="margin-top:40px">
     <div class="title">
       <img src="@/assets/img/shuju/title-tip.png" />
       <span>事件分类分析</span>
@@ -55,7 +55,7 @@
           </div>
 
           <div class="m-pagination">
-            <el-pagination :current-page="demand.pageNo"
+            <el-pagination hide-on-single-page :current-page="demand.pageNo"
                            :page-size="demand.pageSize"
                            :total="demand.total"
                            background
diff --git a/src/views/modules/visual/communityParty/community.vue b/src/views/modules/visual/communityParty/community.vue
index 34cff4b2..8b3dc562 100644
--- a/src/views/modules/visual/communityParty/community.vue
+++ b/src/views/modules/visual/communityParty/community.vue
@@ -70,7 +70,7 @@
                           :operate="true"
                           @look="handleUnitLook"></screen-table>
             <div class="pagination">
-              <el-pagination :current-page="unitpageNo"
+              <el-pagination hide-on-single-page :current-page="unitpageNo"
                              :page-size="unitpageSize"
                              background
                              layout="prev, pager, next"
@@ -162,7 +162,7 @@
                           :operate="true"
                           @look="handleLook"></screen-table>
             <div class="pagination">
-              <el-pagination :current-page="pageNo"
+              <el-pagination hide-on-single-page :current-page="pageNo"
                              :page-size="pageSize"
                              background
                              layout="prev, pager, next"
@@ -1078,7 +1078,7 @@ export default {
     flex: 1;
   }
   .card-wr:last-child {
-    margin-left: 20px;
+    // margin-left: 20px;
   }
   ::v-deep .table-body {
     overflow: auto;
@@ -1113,6 +1113,8 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   .title-icon {
     display: block;
     width: 46px;
@@ -1120,8 +1122,9 @@ export default {
     box-sizing: border-box;
     margin-right: 6px;
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
@@ -1305,10 +1308,10 @@ export default {
   }
 }
 .table-h {
-  height: calc(100vh - 630px);
+  height: calc(988px - 630px);
 }
 .calc-h {
-  height: calc(100vh - 240px);
+  height: calc(988px - 240px);
   padding-bottom: 20px;
 }
 .wd50 {
diff --git a/src/views/modules/visual/communityParty/elegant.vue b/src/views/modules/visual/communityParty/elegant.vue
index 01d721e8..2e974129 100644
--- a/src/views/modules/visual/communityParty/elegant.vue
+++ b/src/views/modules/visual/communityParty/elegant.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="warning-box">
-    <cpt-card class="card-wr">
+    <cpt-card :min-full-screen="true" class="card-wr">
       <div class="card-title">
         <img class="title-icon"
              src="../../../../assets/img/shuju/title-tip.png" />
@@ -54,7 +54,7 @@
         
       </div>
       <div class="pagination">
-          <el-pagination
+          <el-pagination hide-on-single-page
             :current-page="pageNo"
             :page-size="pageSize"
             background
@@ -358,6 +358,8 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   .title-icon {
     display: block;
     width: 46px;
@@ -365,8 +367,9 @@ export default {
     box-sizing: border-box;
     margin-right: 6px;
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
@@ -566,6 +569,7 @@ export default {
         display: block;
         width: 100%;
         height: 100%;
+        object-fit: cover;
       }
     }
     .item-user {
diff --git a/src/views/modules/visual/communityParty/gridParty.vue b/src/views/modules/visual/communityParty/gridParty.vue
index 4ea08dbe..c70b00ea 100644
--- a/src/views/modules/visual/communityParty/gridParty.vue
+++ b/src/views/modules/visual/communityParty/gridParty.vue
@@ -36,7 +36,7 @@
               @row="handleClickRow"
             ></screen-table>
             <div class="pagination">
-              <el-pagination
+              <el-pagination hide-on-single-page
                 :current-page="pageNo"
                 :page-size="pageSize"
                 background
@@ -605,6 +605,8 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   .title-icon {
     display: block;
     width: 46px;
@@ -654,8 +656,9 @@ export default {
       
     }
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       
diff --git a/src/views/modules/visual/communityParty/party.vue b/src/views/modules/visual/communityParty/party.vue
index 53439191..82633351 100644
--- a/src/views/modules/visual/communityParty/party.vue
+++ b/src/views/modules/visual/communityParty/party.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="warning-box">
-    <cpt-card>
+    <cpt-card :min-full-screen="true">
       <div class="card-title">
         <img class="title-icon" src="../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
@@ -67,7 +67,7 @@
               @row="handleClickRow"
             ></screen-table>
             <div class="pagination">
-              <el-pagination
+              <el-pagination hide-on-single-page
                 :current-page="agePageNo"
                 :page-size="agePageSize"
                 background
@@ -114,7 +114,7 @@
               @row="handleClickRow"
             ></screen-table>
             <div class="pagination">
-              <el-pagination
+              <el-pagination hide-on-single-page
                 :current-page="pageNo"
                 :page-size="pageSize"
                 background
@@ -843,6 +843,8 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   .title-icon {
     display: block;
     width: 46px;
@@ -892,8 +894,9 @@ export default {
       
     }
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       
diff --git a/src/views/modules/visual/communityParty/partyOld.vue b/src/views/modules/visual/communityParty/partyOld.vue
index be0c958c..6e358108 100644
--- a/src/views/modules/visual/communityParty/partyOld.vue
+++ b/src/views/modules/visual/communityParty/partyOld.vue
@@ -56,7 +56,7 @@
               @row="handleClickRow"
             ></screen-table>
             <div class="pagination">
-              <el-pagination
+              <el-pagination hide-on-single-page
                 :current-page="agePageNo"
                 :page-size="agePageSize"
                 background
@@ -103,7 +103,7 @@
               @row="handleClickRow"
             ></screen-table>
             <div class="pagination">
-              <el-pagination
+              <el-pagination hide-on-single-page
                 :current-page="pageNo"
                 :page-size="pageSize"
                 background
@@ -854,6 +854,8 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
   .title-icon {
     display: block;
     width: 46px;
@@ -903,8 +905,9 @@ export default {
       
     }
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       
diff --git a/src/views/modules/visual/cpts/card.vue b/src/views/modules/visual/cpts/card.vue
index 9dcb8971..4516d8b3 100644
--- a/src/views/modules/visual/cpts/card.vue
+++ b/src/views/modules/visual/cpts/card.vue
@@ -1,15 +1,27 @@
 <template>
   <div class="m-card">
     <div class="card-wrap">
-      <img src="@/assets/img/shuju/card/l-t.png" class="card-corner card-corner-1" />
-      <img src="@/assets/img/shuju/card/r-t.png" class="card-corner card-corner-2" />
-      <img src="@/assets/img/shuju/card/r-b.png" class="card-corner card-corner-3" />
-      <img src="@/assets/img/shuju/card/l-b.png" class="card-corner card-corner-4" />
+      <img
+        src="@/assets/img/shuju/card/l-t.png"
+        class="card-corner card-corner-1"
+      />
+      <img
+        src="@/assets/img/shuju/card/r-t.png"
+        class="card-corner card-corner-2"
+      />
+      <img
+        src="@/assets/img/shuju/card/r-b.png"
+        class="card-corner card-corner-3"
+      />
+      <img
+        src="@/assets/img/shuju/card/l-b.png"
+        class="card-corner card-corner-4"
+      />
       <div class="card-line card-line-t"></div>
       <div class="card-line card-line-l"></div>
       <div class="card-line card-line-r"></div>
       <div class="card-line card-line-b"></div>
-      <div class="card-cnt">
+      <div class="card-cnt" :style="tbStyle">
         <slot></slot>
       </div>
     </div>
@@ -19,17 +31,36 @@
 <script>
 export default {
   name: "shuju-card",
-  data() {
-    return {
 
-    };
-  },
   props: {
+    isFullScreen: {
+      type: Boolean,
+      default: false,
+    },
+    minFullScreen: {
+      type: Boolean,
+      default: false,
+    },
   },
 
-  methods: {
+  data() {
+    return {};
+  },
 
+  computed: {
+    tbStyle() {
+      let style = {};
+      if (this.isFullScreen) {
+        style.height = this.$store.state.fixed1920.height - 180 + "px";
+      }
+      if (this.minFullScreen) {
+        style.minHeight = this.$store.state.fixed1920.height - 180 + "px";
+      }
+      return style;
+    },
   },
+
+  methods: {},
 };
 </script>
 
diff --git a/src/views/modules/visual/cpts/tb.vue b/src/views/modules/visual/cpts/tb.vue
index 2920ee64..a847ede2 100644
--- a/src/views/modules/visual/cpts/tb.vue
+++ b/src/views/modules/visual/cpts/tb.vue
@@ -1,75 +1,89 @@
 <template>
   <div class="m-table">
-    <table class="table"
-           border="0"
-           cellspacing="0"
-           cellpadding="0">
-      <col :align="item.align"
-           :width="item.width"
-           :key="'col' + index"
-           v-for="(item, index) in colList" />
+    <table class="table" border="0" cellspacing="0" cellpadding="0">
+      <col
+        :align="item.align"
+        :width="item.width"
+        :key="'col' + index"
+        v-for="(item, index) in colList"
+      />
 
       <thead>
         <tr class="table-header">
-          <th class="table-header-th"
-              v-for="item in header"
-              :key="item">
+          <th class="table-header-th" v-for="item in header" :key="item">
             {{ item }}
           </th>
         </tr>
       </thead>
       <tbody class="table-body">
-        <tr class="table-body-tr"
-            v-for="(value, index) in list"
-            :key="index"
-            @click="handleClickRow(index)">
-          <td class="td"
-              v-for="(item, indexs) in value"
-              :key="indexs">
-            <div v-if="typeof item === 'string' || typeof item === 'number'">
+        <tr
+          class="table-body-tr"
+          v-for="(value, index) in list"
+          :key="index"
+          @click="handleClickRow(index)"
+        >
+          <td class="td" v-for="(item, indexs) in value" :key="indexs">
+            <div
+              v-if="typeof item === 'string' || typeof item === 'number'"
+              :title="item"
+            >
               {{ item }}
             </div>
 
-            <div v-if="typeof item === 'object'&& item.type === 'img'">
+            <div v-if="typeof item === 'object' && item.type === 'img'">
               <!-- <span>{{  item.type+  item.src}}</span> -->
-              <img style="width:18px;height:18px"
-                   :src="item.src"
-                   alt="" />
-
+              <img style="width: 18px; height: 18px" :src="item.src" alt="" />
             </div>
-            <div v-if="typeof item === 'object' && item && item.type == 'index'">
-              <img v-if="highlightTop3 && index == 0"
-                   src="@/assets/img/shuju/top/1.png"
-                   alt="" />
-              <img v-else-if="highlightTop3 && index == 1"
-                   src="@/assets/img/shuju/top/2.png"
-                   alt="" />
-              <img v-else-if="highlightTop3 && index == 2"
-                   src="@/assets/img/shuju/top/3.png"
-                   alt="" />
+
+            <div
+              v-if="typeof item === 'object' && item && item.type == 'index'"
+            >
+              <img
+                v-if="highlightTop3 && index == 0"
+                src="@/assets/img/shuju/top/1.png"
+                alt=""
+              />
+              <img
+                v-else-if="highlightTop3 && index == 1"
+                src="@/assets/img/shuju/top/2.png"
+                alt=""
+              />
+              <img
+                v-else-if="highlightTop3 && index == 2"
+                src="@/assets/img/shuju/top/3.png"
+                alt=""
+              />
               <span v-else>{{ index + 1 }}</span>
             </div>
-            <a v-else-if="typeof item === 'object' && item  && item.type == 'operate'"
-               v-for="btn in item.list"
-               :key="'operate' + index + btn"
-               @click="handleClickBtn(index, btn)">{{ btn }}</a>
-            <a v-else-if="typeof item === 'object' && item && item.type == 'people'"
-               @click="handleClickPeople(item)">{{ item.name }}</a>
+
+            <a
+              v-else-if="
+                typeof item === 'object' && item && item.type == 'operate'
+              "
+              v-for="btn in item.list"
+              :key="'operate' + index + btn"
+              @click="handleClickBtn(index, btn)"
+              >{{ btn }}</a
+            >
+            <a
+              v-else-if="
+                typeof item === 'object' && item && item.type == 'people'
+              "
+              @click="handleClickPeople(item)"
+              >{{ item.name }}</a
+            >
           </td>
         </tr>
       </tbody>
     </table>
 
-    <div class="table-status"
-         v-if="loading">
+    <div class="table-status" v-if="loading">
       <screen-loading>加载中</screen-loading>
     </div>
 
-    <div class="table-status"
-         v-if="list.length == 0 && !loading">
+    <div class="table-status" v-if="list.length == 0 && !loading">
       <div class="no-data">
-        <img src="@/assets/img/modules/visual/noData.png"
-             class="no-data-img" />
+        <img src="@/assets/img/modules/visual/noData.png" class="no-data-img" />
       </div>
     </div>
   </div>
@@ -77,7 +91,6 @@
 
 <script>
 import ScreenLoading from "./loading";
-import Vue from "vue";
 
 export default {
   name: "table",
@@ -138,24 +151,24 @@ export default {
       default: false,
     },
   },
-  data () {
+  data() {
     return {};
   },
   watch: {},
 
-  mounted () { },
+  mounted() {},
 
-  created () { },
+  created() {},
 
   methods: {
     //点击某一行
-    handleClickRow (index) {
+    handleClickRow(index) {
       this.$emit("handleClickRow", index);
     },
-    handleClickBtn (index, type) {
+    handleClickBtn(index, type) {
       this.$emit("operate", index, type);
     },
-    handleClickPeople (item) {
+    handleClickPeople(item) {
       this.$router.push({
         path: `/main-shuju/visual-basicinfo-people/${item.uid}`,
       });
@@ -180,10 +193,12 @@ export default {
       font-size: 16px;
       font-weight: 400;
       color: #ffffff;
+      line-height: 50px;
 
       &-th {
         text-align: center;
         border: none;
+        font-weight: normal;
         // width: calc(100% / 5);
       }
     }
@@ -191,9 +206,10 @@ export default {
     &-body {
       box-sizing: border-box;
       width: 100%;
-      font-size: 16px;
+      font-size: 18px;
       font-weight: 400;
       color: #ffffff;
+      line-height: 40px;
 
       &-tr {
         box-sizing: border-box;
@@ -214,7 +230,7 @@ export default {
           }
 
           a {
-            font-size: 16px;
+            font-size: 18px;
             font-weight: 400;
             color: #e4dc00;
             position: relative;
diff --git a/src/views/modules/visual/heart/index.vue b/src/views/modules/visual/heart/index.vue
index 9e7d4177..5c0ca936 100644
--- a/src/views/modules/visual/heart/index.vue
+++ b/src/views/modules/visual/heart/index.vue
@@ -2,12 +2,14 @@
   <div>
     <div class="m-sizer">
       <span>时间：</span>
-      <el-date-picker v-model="monthId"
-                      type="month"
-                      :clearable="false"
-                      prefix-icon="el-icon-caret-bottom"
-                      placeholder="选择日期"
-                      value-format="yyyyMM">
+      <el-date-picker
+        v-model="monthId"
+        type="month"
+        :clearable="false"
+        prefix-icon="el-icon-caret-bottom"
+        placeholder="选择日期"
+        value-format="yyyyMM"
+      >
       </el-date-picker>
     </div>
 
@@ -19,12 +21,14 @@
             <span>公益达人</span>
           </div>
 
-          <div class="tb">
-            <cpt-tb :highlight-top3="true"
-                    :col-list="tb3.colList"
-                    :loading="tb3.loading"
-                    :header="tb3.header"
-                    :list="tb3.list"></cpt-tb>
+          <div class="tb" :style="tbStyle">
+            <cpt-tb
+              :highlight-top3="true"
+              :col-list="tb3.colList"
+              :loading="tb3.loading"
+              :header="tb3.header"
+              :list="tb3.list"
+            ></cpt-tb>
           </div>
         </cpt-card>
       </div>
@@ -36,12 +40,14 @@
             <span>党员先锋</span>
           </div>
 
-          <div class="tb">
-            <cpt-tb :highlight-top3="true"
-                    :col-list="tb2.colList"
-                    :loading="tb2.loading"
-                    :header="tb2.header"
-                    :list="tb2.list"></cpt-tb>
+          <div class="tb" :style="tbStyle">
+            <cpt-tb
+              :highlight-top3="true"
+              :col-list="tb2.colList"
+              :loading="tb2.loading"
+              :header="tb2.header"
+              :list="tb2.list"
+            ></cpt-tb>
           </div>
         </cpt-card>
       </div>
@@ -53,12 +59,14 @@
             <span>动力网格</span>
           </div>
 
-          <div class="tb">
-            <cpt-tb :highlight-top3="true"
-                    :col-list="tb1.colList"
-                    :loading="tb1.loading"
-                    :header="tb1.header"
-                    :list="tb1.list"></cpt-tb>
+          <div class="tb" :style="tbStyle">
+            <cpt-tb
+              :highlight-top3="true"
+              :col-list="tb1.colList"
+              :loading="tb1.loading"
+              :header="tb1.header"
+              :list="tb1.list"
+            ></cpt-tb>
           </div>
         </cpt-card>
       </div>
@@ -76,7 +84,7 @@ import dateFormat from "dai-js/tools/dateFormat";
 
 export default {
   name: "heart",
-  data () {
+  data() {
     return {
       agencyId: this.$store.state.user.agencyId,
       areaCode: "",
@@ -171,7 +179,13 @@ export default {
 
   props: {},
 
-  computed: {},
+  computed: {
+    tbStyle() {
+      return {
+        height: this.$store.state.fixed1920.height - 260 + "px",
+      };
+    },
+  },
 
   components: {
     cptCard,
@@ -179,33 +193,33 @@ export default {
   },
 
   watch: {
-    monthId () {
+    monthId() {
       this.getApiData();
     },
   },
 
-  async mounted () {
+  async mounted() {
     this.userId = this.uid;
     await nextTick(100);
     this.getApiData();
   },
 
   methods: {
-    handleSearch () { },
+    handleSearch() {},
 
-    async getApiData () {
+    async getApiData() {
       //await this.getAgencyInfo();
       this.getTb1();
       this.getTb2();
       this.getTb3();
     },
 
-    toUserInfo (uid) {
+    toUserInfo(uid) {
       this.$router.push({ path: `/main-shuju/visual-basicinfo-people/${uid}` });
     },
 
     // 获取当前组织信息
-    async getAgencyInfo () {
+    async getAgencyInfo() {
       const { data, code, msg } = await requestPost(
         "/data/report/screen/agency/agencydetail-multic",
         {
@@ -219,7 +233,7 @@ export default {
     },
 
     //加载组织数据
-    async getTb1 () {
+    async getTb1() {
       const { agencyId, areaCode } = this;
 
       const url =
@@ -248,7 +262,7 @@ export default {
     },
 
     //加载组织数据
-    async getTb2 () {
+    async getTb2() {
       const { agencyId, areaCode } = this;
       const url = "/data/report/screen/user/partypointrank";
       let params = {
@@ -279,7 +293,7 @@ export default {
     },
 
     //加载组织数据
-    async getTb3 () {
+    async getTb3() {
       const { agencyId, areaCode } = this;
       const url = "/data/report/screen/user/userpointrank/withoutpartymember";
       let params = {
diff --git a/src/views/modules/visual/measure/service.vue b/src/views/modules/visual/measure/service.vue
index 6126199b..6929b485 100644
--- a/src/views/modules/visual/measure/service.vue
+++ b/src/views/modules/visual/measure/service.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="warning-box">
-    <cpt-card>
+    <cpt-card :min-full-screen="true">
       <div class="card-title">
         <img class="title-icon" src="../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
@@ -129,7 +129,7 @@
           @look="handleLook"
         ></screen-table>
         <div class="pagination">
-          <el-pagination
+          <el-pagination hide-on-single-page
             :current-page="pageNo"
             :page-size="pageSize"
             background
@@ -578,12 +578,15 @@ export default {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-bottom: 10px;
+  padding: 4px 2px;
+
   .title-icon {
     display: block;
-    width: 46px;
-    height: 34px;
+    // width: 46px;
+    // height: 34px;
     box-sizing: border-box;
-    margin-right: 6px;
+    margin-right: 5px;
   }
   ::v-deep .el-dropdown {
     font-size: 16px;
@@ -629,7 +632,8 @@ export default {
   }
 
   .title-label {
-    font-size: 20px;
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
diff --git a/src/views/modules/visual/measure/volunteer.vue b/src/views/modules/visual/measure/volunteer.vue
index a5db22cc..186806dd 100644
--- a/src/views/modules/visual/measure/volunteer.vue
+++ b/src/views/modules/visual/measure/volunteer.vue
@@ -627,22 +627,23 @@ export default {
   .card-wr:last-child {
     margin-left: 20px;
   }
-  padding: 25px 21px 15px 24px;
 }
 .card-title {
   display: flex;
   align-items: center;
   cursor: pointer;
   margin-bottom: 10px;
+  padding: 4px 2px;
   .title-icon {
     display: block;
-    width: 36px;
-    height: 29px;
+    // width: 36px;
+    // height: 29px;
     box-sizing: border-box;
-    margin-right: 3px;
+    margin-right: 5px;
   }
   .title-label {
-    font-size: 20px;
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
 
     ::v-deep .el-input {
@@ -782,14 +783,14 @@ export default {
 }
 
 .card-wr-map {
-  // height: calc(100vh - 120px);
+  // height: calc(988px - 120px);
   text-align: center;
 
   .card-map {
     margin-top: 30px;
     width: 100%;
-    // height: calc(100vh - 285px);
-    height: calc(100vh - 335px);
+    // height: calc(988px - 285px);
+    height: calc(988px - 335px);
     padding-left: 20px;
     .map {
       width: 100%;
diff --git a/src/views/modules/visual/plugin/power/components/house-dialog.vue b/src/views/modules/visual/plugin/power/components/house-dialog.vue
index 9cf8ef06..fac6686c 100644
--- a/src/views/modules/visual/plugin/power/components/house-dialog.vue
+++ b/src/views/modules/visual/plugin/power/components/house-dialog.vue
@@ -119,8 +119,9 @@ export default {
     box-sizing: border-box;
     margin-right: 6px;
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
@@ -138,7 +139,7 @@ export default {
 }
 .dialog-bg {
   width: 100vw;
-  height: 100vh;
+  height: 988px;
   position: fixed;
   left: 0;
   top: 0;
diff --git a/src/views/modules/visual/plugin/power/components/info-dialog.vue b/src/views/modules/visual/plugin/power/components/info-dialog.vue
index eff5c941..e5d0003d 100644
--- a/src/views/modules/visual/plugin/power/components/info-dialog.vue
+++ b/src/views/modules/visual/plugin/power/components/info-dialog.vue
@@ -90,8 +90,9 @@ export default {
     box-sizing: border-box;
     margin-right: 6px;
   }
-  .title-label {
-    font-size: 20px;
+ .title-label {
+    font-size: 22px;
+    font-family: PingFang SC;
     font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
diff --git a/src/views/modules/visual/warning/components/screen-table/index.vue b/src/views/modules/visual/warning/components/screen-table/index.vue
index b0e0df0d..bc25aff0 100644
--- a/src/views/modules/visual/warning/components/screen-table/index.vue
+++ b/src/views/modules/visual/warning/components/screen-table/index.vue
@@ -1,45 +1,56 @@
 <template>
-  <div class="warning-table">
-    <div class="table">
-      <div class="table-header">
-        <div
-          class="table-header-th"
-          v-for="(item, index) in headerList"
-          :key="item.title"
-          :style="headerStyle[index]"
-        >
-          {{ item.title }}
+  <div>
+    <!-- <div class="warning-table">
+      <div class="table">
+        <div class="table-header">
+          <div
+            class="table-header-th"
+            v-for="(item, index) in headerList"
+            :key="item.title"
+            :style="headerStyle[index]"
+          >
+            {{ item.title }}
+          </div>
         </div>
-      </div>
-      <div class="table-body">
-        <div
-          class="table-body-tr"
-          v-for="(value, index) in tableData"
-          :key="index"
-        >
+        <div class="table-body">
           <div
-            class="td"
-            v-for="(item, indexs) in value"
-            :key="indexs"
-            :style="tableContentStyle[indexs]"
+            class="table-body-tr"
+            v-for="(value, index) in tableData"
+            :key="index"
           >
-            <div v-if="item.type && item.type == 'btn'">
-              <a @click="handleClickBtn(item)">{{ item.name }}</a>
+            <div
+              class="td"
+              v-for="(item, indexs) in value"
+              :key="indexs"
+              :style="tableContentStyle[indexs]"
+            >
+              <div v-if="item.type && item.type == 'btn'">
+                <a @click="handleClickBtn(item)">{{ item.name }}</a>
+              </div>
+              <span v-else>{{ item }}</span>
             </div>
-            <span v-else>{{ item }}</span>
           </div>
-        </div>
-        <screen-loading v-if="visibleLoading">加载中</screen-loading>
-        <div class="no-data" v-if="tableData.length == 0 && !visibleLoading">
-          <img
-            src="../../../../../../assets/img/modules/visual/noData.png"
-            alt=""
-            srcset=""
-            class="no-data-img"
-          />
+          <screen-loading v-if="visibleLoading">加载中</screen-loading>
+          <div class="no-data" v-if="tableData.length == 0 && !visibleLoading">
+            <img
+              src="../../../../../../assets/img/modules/visual/noData.png"
+              alt=""
+              srcset=""
+              class="no-data-img"
+            />
+          </div>
         </div>
       </div>
-    </div>
+    </div> -->
+
+    <cpt-tb
+      :highlight-top3="true"
+      :col-list="tableContentStyle"
+      :loading="visibleLoading"
+      :header="headerList.map((item) => item.title)"
+      :list="cptTbData"
+      @operate="handleOperate"
+    ></cpt-tb>
 
     <people-list
       v-if="showedPeopleList && buildingId"
@@ -53,14 +64,15 @@
 
 <script>
 import ScreenLoading from "../screen-loading/index";
-import Vue from "vue";
 import peopleList from "./people-list";
+import cptTb from "@/views/modules/visual/cpts/tb";
 
 export default {
   name: "warning-table",
   components: {
     ScreenLoading,
     peopleList,
+    cptTb,
   },
   props: {
     headerList: {
@@ -133,22 +145,8 @@ export default {
       type: Boolean,
       default: true,
     },
-    // // 表格平均分的份数
-    // ava: {
-    //   type: Number,
-    //   default: 8
-    // },
-    // // 表头高度--默认占比10%
-    // headerHeightAva: {
-    //   type: String,
-    //   default: '10%'
-    // },
-    // // 表格主体平均分成的份数
-    // tableContentAva: {
-    //   type: Number,
-    //   default: 5
-    // },
   },
+
   data() {
     return {
       // 显示人员详情
@@ -158,6 +156,22 @@ export default {
       gridName: "",
     };
   },
+
+  computed: {
+    cptTbData() {
+      return this.tableData.map((item) => {
+        return item.map((subitem) => {
+          if (subitem.type && subitem.type == "btn") {
+            subitem.type = "operate";
+            subitem.list = [subitem.name];
+          }
+          console.log(subitem);
+          return subitem;
+        });
+      });
+    },
+  },
+
   watch: {},
 
   mounted() {},
@@ -165,6 +179,11 @@ export default {
   created() {},
 
   methods: {
+    handleOperate(index) {
+      let item = this.tableData[index];
+      this.handleClickBtn(item[item.length - 1]);
+    },
+
     handleClickBtn(item) {
       this.showedPeopleList = true;
       this.buildingId = item.buildingId;
diff --git a/src/views/modules/visual/warning/components/screen-table/people-list.vue b/src/views/modules/visual/warning/components/screen-table/people-list.vue
index 0cc25b6b..742e13c7 100644
--- a/src/views/modules/visual/warning/components/screen-table/people-list.vue
+++ b/src/views/modules/visual/warning/components/screen-table/people-list.vue
@@ -22,7 +22,7 @@
             </div>
 
             <div class="m-pagination">
-              <el-pagination
+              <el-pagination hide-on-single-page
                 :current-page="pageNo"
                 :page-size="pageSize"
                 background
diff --git a/src/views/modules/visual/warning/index.vue b/src/views/modules/visual/warning/index.vue
index 6be5ddbc..310e6887 100644
--- a/src/views/modules/visual/warning/index.vue
+++ b/src/views/modules/visual/warning/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="warning-box">
-    <cpt-card>
+    <cpt-card :min-full-screen="true">
       <div class="warning-box-top">
         <div class="top-item" v-for="(item, index) in warningList" :key="index">
           <div class="top-item-img">
@@ -53,7 +53,7 @@
           :visibleLoading="visibleLoading"
         ></screen-table>
         <div class="pagination">
-          <el-pagination
+          <el-pagination hide-on-single-page
             :current-page="pageNo"
             :page-size="pageSize"
             background
diff --git a/src/views/modules/warning/index.vue b/src/views/modules/warning/index.vue
index aa668dc8..bb693617 100644
--- a/src/views/modules/warning/index.vue
+++ b/src/views/modules/warning/index.vue
@@ -52,7 +52,7 @@
         :visibleLoading="visibleLoading"
       ></screen-table>
       <div class="pagination">
-        <el-pagination
+        <el-pagination hide-on-single-page
           :current-page="pageNo"
           :page-size="pageSize"
           background
diff --git a/src/views/modules/workSys/role/role.vue b/src/views/modules/workSys/role/role.vue
new file mode 100644
index 00000000..da7d11f5
--- /dev/null
+++ b/src/views/modules/workSys/role/role.vue
@@ -0,0 +1,379 @@
+<template>
+  <div class="div_main">
+    <div class="div_search">
+      <el-form :inline="true"
+               :model="formData"
+               ref="ref_searchform"
+               :label-width="'110px'">
+
+        <el-form-item label="角色名称"
+                      prop="name">
+          <el-input v-model="formData.name"
+                    size="small"
+                    class="list_item_width_1"
+                    clearable
+                    placeholder="请输入角色名称">
+          </el-input>
+
+        </el-form-item>
+        <!-- <el-form-item label="创建时间"
+                      label-width="110px"
+                      prop="createdTime">
+          <el-date-picker v-model="formData.createdTime"
+                          size="small"
+                          type="datetime"
+                          @change="handleTimeChange"
+                          format="yyyy-MM-dd HH:mm"
+                          value-format="yyyy-MM-dd HH:mm"
+                          placeholder="创建时间">
+          </el-date-picker>
+
+        </el-form-item> -->
+
+        <el-button style="margin-left:30px"
+                   size="small"
+                   class="diy-button--search"
+                   @click="handleSearch">查询</el-button>
+        <el-button style="margin-left:10px"
+                   size="small"
+                   class="diy-button--reset"
+                   @click="resetSearch">重置</el-button>
+
+      </el-form>
+    </div>
+    <div class="div_table">
+      <div class="div_btn">
+        <el-button class="diy-button--add"
+                   size="small"
+                   @click="handleAdd">新增</el-button>
+
+      </div>
+
+      <el-table class="table"
+                ref="ref_table"
+                :data="tableData"
+                border
+                :height="tableHeight"
+                v-loading="tableLoading"
+                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                style="width: 100%">
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         type="index"
+                         width="50"></el-table-column>
+
+        <el-table-column prop="name"
+                         header-align="center"
+                         align="center"
+                         label="角色名称"
+                         min-width="100">
+        </el-table-column>
+        <el-table-column prop="remark"
+                         header-align="center"
+                         align="center"
+                         label="备注"
+                         min-width="110">
+        </el-table-column>
+        <el-table-column prop="createdTime"
+                         header-align="center"
+                         align="center"
+                         label="创建时间"
+                         min-width="170">
+        </el-table-column>
+
+        <el-table-column label="操作"
+                         fixed="right"
+                         width="140"
+                         header-align="center"
+                         align="center"
+                         class="operate">
+          <template slot-scope="scope">
+
+            <el-button v-if="true"
+                       type="text"
+                       class="div-table-button--detail"
+                       size="small"
+                       @click="handleDetail(scope.row)">查看</el-button>
+            <el-button type="text"
+                       class="div-table-button--edit"
+                       size="small"
+                       @click="handleEdit(scope.row)">修改</el-button>
+
+            <el-button type="text"
+                       class="div-table-button--delete "
+                       size="small"
+                       @click="handleDelete(scope.row)">删除</el-button>
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+    </div>
+
+    <!-- 修改弹出框 -->
+    <el-dialog :visible.sync="formShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="formTitle"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <role-form ref="ref_form"
+                 @dialogCancle="diaClose"
+                 @dialogOk="addFormOk"></role-form>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+
+import roleForm from './roleForm'
+
+import { requestPost, requestGet } from '@/js/dai/request'
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      loading: false,
+      total: 0,
+      pageSize: 20,
+      pageNo: 0,
+      tableLoading: false,
+      isResiUser: true,
+
+      agencyId: '',
+
+      timeRange: [],
+      formData: {
+        name: '',//名称
+        // createdTime: '',//时间
+
+
+      },
+
+
+      tableData: [],
+
+      //form相关
+      formShow: false,
+      formTitle: '新增',
+
+    }
+  },
+  components: {
+    roleForm
+  },
+  async created () {
+
+  },
+  async mounted () {
+    const { user } = this.$store.state
+    this.agencyId = user.agencyId
+
+    await this.loadTable()
+  },
+
+  activated () {
+    this.$refs['ref_table'].doLayout()
+  },
+
+  methods: {
+
+    async handleSearch () {
+      this.isResiUser = this.formData.orgType === 'current'
+
+      await this.loadTable()
+
+      this.$nextTick(() => {
+        this.$refs.ref_table.doLayout() // 解决表格错位
+      })
+
+    },
+
+    async loadTable () {
+      this.tableLoading = true
+
+      const url = "/gov/access/govrole/page"
+
+      let params = {
+        pageSize: this.pageSize,
+        pageNo: this.pageNo,
+        ...this.formData
+      }
+
+      const { data, code, msg } = await requestGet(url, params)
+
+      if (code === 0) {
+        this.total = data.total
+        this.tableData = data.list
+
+      } else {
+        this.$message.error(msg)
+      }
+      this.tableLoading = false
+    },
+
+    handleTimeChange (time) {
+      if (time) {
+        this.formData.startTime = time[0]
+        this.formData.endTime = time[1]
+
+      } else {
+        this.formData.startTime = ''
+        this.formData.endTime = ''
+
+      }
+
+    },
+
+    diaClose () {
+      this.$refs.ref_form.resetData()
+      this.formShow = false
+
+    },
+
+
+    handleAdd () {
+      this.formTitle = '新增'
+      this.formShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form.initForm('add', null)
+      })
+    },
+
+    handleEdit (row) {
+      this.formTitle = '修改'
+      this.formShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form.initForm('edit', row.id)
+      })
+    },
+    handleDetail (row) {
+      this.formTitle = '详情'
+      this.formShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form.initForm('detail', row.id)
+      })
+    },
+
+    addFormOk () {
+      this.formShow = false
+      this.loadTable()
+
+    },
+
+    async handleDelete (row) {
+      let message = '确认删除?'
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          this.deleteRole(row)
+        })
+        .catch(err => {
+
+        });
+    },
+
+    async deleteRole (row) {
+
+      const url = "/gov/access/govrole/del"
+
+
+      let params = [row.id]
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message({
+          type: "success",
+          message: "操作成功"
+        });
+
+        this.loadTable()
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    //重置搜索条件
+    resetSearch () {
+      this.formData = {
+
+        name: '',//姓名	
+
+      }
+
+      this.pageNo = 0
+      this.loadTable()
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+
+      return this.$store.state.inIframe ? this.clientHeight - 360 + this.iframeHeight : this.clientHeight - 360
+
+
+    },
+
+    ...mapGetters(['clientHeight', 'iframeHeight'])
+  },
+  watch: {
+
+  },
+  props: {
+
+  }
+}
+</script>
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
+
+
diff --git a/src/views/modules/workSys/role/roleForm.vue b/src/views/modules/workSys/role/roleForm.vue
new file mode 100644
index 00000000..0e0304a2
--- /dev/null
+++ b/src/views/modules/workSys/role/roleForm.vue
@@ -0,0 +1,356 @@
+<template>
+  <div class="epidemic-form">
+    <div class="dialog-h-content scroll-h">
+
+      <el-form ref="ref_form"
+               :inline="true"
+               :model="formData"
+               :rules="dataRule"
+               :disabled="formType==='detail'"
+               class="form">
+
+        <el-form-item label="角色名称"
+                      prop="name"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_2"
+                    placeholder="请输入角色名称"
+                    clearable
+                    v-model="formData.name">
+          </el-input>
+
+        </el-form-item>
+
+        <el-form-item label="备注"
+                      prop="remark"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    type="textarea"
+                    maxlength="500"
+                    show-word-limit
+                    :autosize="{ minRows: 5, maxRows: 10 }"
+                    clearable
+                    placeholder="请输入备注"
+                    v-model="formData.remark"></el-input>
+        </el-form-item>
+
+        <el-form-item label="管理平台菜单"
+                      prop="content"
+                      label-width="150px"
+                      style="display: block">
+          <el-tree class="item_width_1"
+                   :data="menuList"
+                   :props="{ label: 'name', children: 'children' }"
+                   node-key="id"
+                   :default-expanded-keys="['000']"
+                   ref="menuListTree"
+                   accordion
+                   show-checkbox>
+          </el-tree>
+        </el-form-item>
+        <el-form-item label="可视化平台菜单"
+                      prop="content"
+                      label-width="150px"
+                      style="display: block">
+          <el-tree class="item_width_1 item_border"
+                   :data="menuListShuju"
+                   :props="{ label: 'name', children: 'children' }"
+                   node-key="id"
+                   :default-expanded-keys="['000']"
+                   ref="menuListShujuTree"
+                   accordion
+                   show-checkbox>
+          </el-tree>
+        </el-form-item>
+
+      </el-form>
+    </div>
+
+    <div class="form_div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+      <el-button v-if="formType != 'detail'"
+                 size="small"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleComfirm">确 定</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost, requestGet } from '@/js/dai/request'
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
+
+      btnDisable: false,
+
+      roleId: '',
+      menuList: [],
+      menuListShuju: [],
+      formData: {
+        id: '',
+        name: '',
+        remark: '',//备注
+        menuIdList: [],
+        customerId: ''
+      },
+
+
+
+    }
+  },
+  components: {},
+  async mounted () {
+
+
+  },
+
+  methods: {
+
+    async initForm (type, roleId) {
+      this.startLoading()
+      this.customerId = localStorage.getItem("customerId");
+      this.formData.customerId = this.customerId
+      //获取菜单
+      await this.getMenuList()
+      await this.getMenuShujuList()
+
+      this.$refs.menuListTree.setCheckedKeys([])
+      this.$refs.menuListShujuTree.setCheckedKeys([])
+
+      this.formType = type
+
+      if (roleId) {
+        this.roleId = roleId
+        this.formData.id = roleId
+        this.loadFormData()
+      }
+
+      this.endLoading()
+
+
+    },
+
+
+    async getMenuList () {
+      const url = "/gov/access/menu/nav"
+
+      let params = {}
+
+      const { data, code, msg } = await requestGet(url, params)
+
+      if (code === 0) {
+        this.menuList = [
+          {
+            id: '000',
+            name: '全部菜单',
+            children: [...data]
+          }
+        ]
+        // this.menuList = data
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+    async getMenuShujuList () {
+      const url = "/gov/access/menu/nav"
+
+      let params = {
+        tableName: 'data_menu'
+      }
+
+
+      const { data, code, msg } = await requestGet(url, params)
+
+      if (code === 0) {
+        this.menuListShuju = [
+          {
+            id: '000',
+            name: '全部菜单',
+            children: [...data]
+          }
+        ]
+        // this.menuListShuju = data
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+
+    async loadFormData () {
+
+      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/icNat/detail'
+      const url = '/gov/access/govrole/' + this.roleId
+      let params = {
+
+      }
+      const { data, code, msg } = await requestGet(url, params)
+      if (code === 0) {
+        this.formData = data
+
+        this.formData.menuIdList.forEach(item => {
+          this.$refs.menuListTree.setChecked(item, true)
+
+        })
+        this.formData.menuIdList.forEach(item => {
+          this.$refs.menuListShujuTree.setChecked(item, true)
+        })
+        this.formData.customerId = this.customerId
+
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    handleComfirm () {
+      this.$refs['ref_form'].validate((valid, messageObj) => {
+        if (!valid) {
+          app.util.validateRule(messageObj)
+
+        } else {
+          this.addNat()
+        }
+
+      })
+    },
+
+    async addNat () {
+
+
+      this.formData.menuIdList = []
+      this.formData.menuIdList = [
+        ...this.$refs.menuListTree.getCheckedKeys(),
+        ...this.$refs.menuListTree.getHalfCheckedKeys(),
+        ...this.$refs.menuListShujuTree.getCheckedKeys(),
+        ...this.$refs.menuListShujuTree.getHalfCheckedKeys()
+      ]
+      this.formData.menuIdList = this.formData.menuIdList.filter(item => item !== '000')
+
+      console.log('menuAll', this.formData)
+
+      // return false
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 5000)
+
+      let url = ''
+      if (this.formType === 'add') {
+        url = '/gov/access/govrole/save'
+
+        this.formData.roleId = ''
+
+      } else {
+        url = '/gov/access/govrole/edit'
+
+      }
+
+
+      const { data, code, msg } = await requestPost(url, this.formData)
+
+      if (code === 0) {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.resetData()
+        this.$emit('dialogOk')
+        this.btnDisable = false
+
+      } else {
+        this.btnDisable = false
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+      this.resetData()
+      this.$emit('dialogCancle')
+
+    },
+
+    resetData () {
+
+      this.roleId = ''
+
+      this.formData = {
+        id: '',
+        name: '',
+        remark: '',//备注
+        menuIdList: [],
+        customerId: ''
+
+      }
+      this.$refs['ref_form'].resetFields()
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        name: [
+          { required: true, message: '角色名称不能为空', trigger: 'change' }
+        ],
+
+
+      }
+    },
+
+  },
+  props: {
+
+
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+
+.item_border {
+  border: 1px;
+  border-radius: 50%;
+}
+</style>
+
+<style lang='scss'>
+// 隐藏上传按钮
+.hide .el-upload--picture-card {
+  display: none;
+}
+// 添加/删除文件时去掉动画过渡
+.el-upload-list__item {
+  transition: none !important;
+}
+</style>
+
+
+
diff --git a/src/views/pages/404.vue b/src/views/pages/404.vue
index 5d49d643..e7796ec6 100644
--- a/src/views/pages/404.vue
+++ b/src/views/pages/404.vue
@@ -2,11 +2,11 @@
   <div class="aui-wrapper aui-page__not-found">
     <div class="aui-content__wrapper">
       <div class="aui-content">
-        <h2 class="title">404</h2>
+        <h2 class="title" style="font-size: 60px">页面未找到或无权访问</h2>
         <p class="desc" v-html="$t('notFound.desc')"></p>
         <div class="btn-bar">
           <el-button @click="$router.go(-1)">{{ $t('notFound.back') }}</el-button>
-          <el-button type="primary" @click="$router.push({ name: 'home' })">{{ $t('notFound.home') }}</el-button>
+          <el-button type="primary" @click="$router.push({ name: 'index' })">{{ $t('notFound.home') }}</el-button>
         </div>
       </div>
     </div>
diff --git a/src/views/pages/index.vue b/src/views/pages/index.vue
index a39cfff5..b7c551f3 100644
--- a/src/views/pages/index.vue
+++ b/src/views/pages/index.vue
@@ -1,27 +1,39 @@
 <template>
   <div class="g-app">
-    <div class="g-bd" v-if="true">
+    <div class="g-bd"
+         v-if="true">
       <div class="m-list">
         <div class="list">
-          <div class="item" @click="handleClickItem(1)">
-            <img class="logo" src="@/assets/img/index/logo-1.png" alt="" />
-             <!-- 数字社区管理平台 -->
+          <div class="item"
+               @click="handleClickItem(1)">
+            <img class="logo"
+                 src="@/assets/img/index/logo-1.png"
+                 alt="" />
+            <!-- 数字社区管理平台 -->
             <div class="name">党建引领基层治理互联管理平台</div>
-            <img src="@/assets/img/index/zhuangshi.png" class="tip" />
+            <img src="@/assets/img/index/zhuangshi.png"
+                 class="tip" />
           </div>
 
-          <div class="item z-on" @click="handleClickItem(2)">
-            <img class="logo" src="@/assets/img/index/logo-2.png" alt="" />
-             <!-- 数字社区可视化平台 -->
+          <div class="item z-on"
+               @click="handleClickItem(2)">
+            <img class="logo"
+                 src="@/assets/img/index/logo-2.png"
+                 alt="" />
+            <!-- 数字社区可视化平台 -->
             <div class="name">数据分析可视化平台</div>
-            <img src="@/assets/img/index/zhuangshi.png" class="tip" />
+            <img src="@/assets/img/index/zhuangshi.png"
+                 class="tip" />
           </div>
         </div>
       </div>
       <div class="m-footer">
         <div class="login-footer">
           <p>
-            <a href="http://www.elinkchina.com.cn/" target="_blank">{{ $t('login.copyright') }}</a>
+            <a href="http://www.elinkchina.com.cn/"
+               target="_blank">{{
+              $t("login.copyright")
+            }}</a>
           </p>
         </div>
       </div>
@@ -29,60 +41,69 @@
   </div>
 </template>
 <script>
-import Cookies from 'js-cookie'
-import debounce from 'lodash/debounce'
-import { messages } from '@/i18n'
-import { getUUID } from '@/utils'
-import { Loading } from 'element-ui' // 引入Loading服务
-import JSEncrypt from 'jsencrypt' //引入加密
+import Cookies from "js-cookie";
+import debounce from "lodash/debounce";
+import { messages } from "@/i18n";
+import { getUUID } from "@/utils";
+import { Loading } from "element-ui"; // 引入Loading服务
+import JSEncrypt from "jsencrypt"; //引入加密
 
-let loading // 加载动画
+let loading; // 加载动画
 export default {
-  data() {
+  data () {
     return {
       pubKey: null, // 获取到公钥
       isShowLogin: true,
-      i18nMessages: messages
-    }
+      i18nMessages: messages,
+    };
   },
   components: {},
   computed: {},
-  created() {},
-  mounted() {},
+  created () { },
+  mounted () { },
+
+  beforeRouteEnter (to, from, next) {
+    console.log(from);
+    if (from.name == "login") {
+      next();
+      location.reload();
+    }
+    next();
+  },
 
   methods: {
-    handleClickItem(k) {
+    handleClickItem (k) {
       if (k == 1) {
-        this.$router.replace({ name: 'main' })
+        this.$router.replace({ name: "main" });
       } else if (k == 2) {
-        this.$router.replace({ name: 'main-shuju' })
+        this.$router.replace({ name: "main-shuju" });
       }
     },
 
     // 平阴联动 自动登录接口
-    getAutoLogin(platformToken) {
-      this.dataForm.thirdToken = platformToken
-      this.dataForm.platform = 'pyld'
+    getAutoLogin (platformToken) {
+      this.dataForm.thirdToken = platformToken;
+      this.dataForm.platform = "pyld";
       this.$http
         .post(`/auth/sso/oper/third/login`, this.dataForm)
         .then(({ data: res }) => {
           if (res.code !== 0) {
             if (res.code == 8302) {
-              return this.$message.error(res.msg)
+              return this.$message.error(res.msg);
             }
-            return this.$message.error(res.msg)
+            return this.$message.error(res.msg);
           }
-          localStorage.setItem('customerId', res.data.customerId)
-          localStorage.setItem('userType', 'work')
-          localStorage.setItem('showHeader', '0')
-          localStorage.setItem('token', res.data.token)
-          this.$router.replace({ name: 'home' })
+          localStorage.setItem("customerId", res.data.customerId);
+          localStorage.setItem("userType", "work");
+          localStorage.setItem("showHeader", "0");
+          localStorage.setItem("token", res.data.token);
+          this.$router.replace({ name: "home" });
         })
-        .catch(() => {})
+        .catch(() => { });
       // epmet-ext9.elinkservice.cn/platform-admin
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style lang="scss" src="@/assets/scss/pages/indexWork.scss" scoped></style>
diff --git a/src/views/pages/login.vue b/src/views/pages/login.vue
index 6db09b13..10cf96a9 100644
--- a/src/views/pages/login.vue
+++ b/src/views/pages/login.vue
@@ -247,7 +247,7 @@ export default {
           localStorage.setItem("userType", "work");
           localStorage.setItem("showHeader", "0");
           localStorage.setItem("token", res.data.token);
-          this.$router.replace({ name: "home" });
+          this.$router.replace({ name: "index" });
         })
         .catch(() => {});
       // epmet-ext9.elinkservice.cn/platform-admin