优化普适边距

src/assets/scss/main-shuju.scss

@@ -4,16 +4,15 @@
 @import "./c/function";
 @import "./modules/visual/c/common.scss";
 
-// $navbar--height: 60px;
+.g-main {
-body {
+  padding: 10px 20px 0;
 }
 
 .m-iframe {
   position: relative;
   box-sizing: content-box;
   width: calc(100% + 20px);
-  // height: calc(100vh - 55px);
+  margin: -10px -20px 0;
-  margin: -10px;
   z-index: 100;
 }
 

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(840px - 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(840px - 10px);
       color: #fff;
-      background: url('../../../img/modules/visual/warning-box.png') no-repeat
+      background: url("../../../img/modules/visual/fenlei-box.png") no-repeat center;
-        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);
+  flex: 0 0 calc(1919px - 620px);
-  // width: calc(100vw - 560px);
+  // width: calc(1919px - 560px);
 
-  height: calc(88vh - 10px);
+  height: calc(840px - 10px);
   color: #fff;
-  background: url('../../../img/modules/visual/warning-box.png') no-repeat
+  background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
-    center;
   background-size: 100% 100%;
 
   .div_select {
@@ -253,11 +252,11 @@
     box-sizing: border-box;
 
     margin-top: 9px;
-    height: calc(88vh - 120px);
+    height: calc(840px - 120px);
   }
 
   .div_room {
-    // height: calc(88vh - 40px);
+    // height: calc(840px - 40px);
     // margin-top: 9px;
     display: flex;
     flex-wrap: wrap;
@@ -329,7 +328,6 @@
             justify-content: center;
           }
         }
-       
       }
       .div_user:hover {
         cursor: pointer;
@@ -362,7 +360,7 @@
   }
 
   .div_room::after {
-    content: '';
+    content: "";
     flex: 1;
   }
 }
@@ -443,7 +441,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;
 
@@ -578,7 +576,5 @@
         }
       }
     }
-
-
   }
 }

src/assets/scss/modules/visual/distributionAnalyze.scss

@@ -117,11 +117,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 +149,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 {

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);
+    width: calc(1919px - 700px);
-    height: calc(100vh - 180px - 20px);
+    height: calc(988px - 180px - 20px);
   }
 }
 

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;
@@ -40,7 +41,7 @@
     width: 100%;
     // padding: 10px 5px 13px;
     // margin-top: 8px;
-    height: calc(88vh - 15px);
+    height: calc(840px - 15px);
     color: #fff;
     // background: url('../../../img/modules/visual/warning-box.png') no-repeat
     //   center;
@@ -159,7 +160,7 @@
       box-sizing: border-box;
       width: 100%;
       margin-top:10px;
-      height: calc(88vh - 302px - 10px);
+      height: calc(840px - 302px - 10px);
       color: #fff;
       background: url('../../../img/modules/visual/warning-box.png') no-repeat
         center;
@@ -210,7 +211,7 @@
      
      
       .tb {
-        height: calc(88vh - 302px - 10px - 150px);
+        height: calc(840px - 302px - 10px - 150px);
         overflow-y: auto;
         @include scrollBar;
         margin-top:20px;
@@ -252,10 +253,10 @@
 
 .div_community_info {
   box-sizing: border-box;
-  flex: 0 0 calc(100vw - 620px);
+  flex: 0 0 calc(1919px - 620px);
-  // width: calc(100vw - 560px);
+  // width: calc(1919px - 560px);
 
-  height: calc(88vh - 10px);
+  height: calc(840px - 10px);
   color: #fff;
   background: url('../../../img/modules/visual/warning-box.png') no-repeat
     center;
@@ -297,11 +298,11 @@
     box-sizing: border-box;
 
     margin-top: 9px;
-    height: calc(88vh - 120px);
+    height: calc(840px - 120px);
   }
 
   .div_room {
-    // height: calc(88vh - 40px);
+    // height: calc(840px - 40px);
     // margin-top: 9px;
     display: flex;
     flex-wrap: wrap;

src/assets/scss/modules/visual/heart.scss

@@ -64,7 +64,7 @@
         }
     }
     .tb {
-        height: calc(100vh - 230px);
+        height: calc(988px - 230px);
         overflow-y: auto;
         @include scrollBar;
     }

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;

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;
   }

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);
+    width: calc(1919px - 700px);
-    height: calc(100vh - 180px - 20px);
+    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 {

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);
+    width: calc(1919px - 60px - 600px);
-    // height: calc(100vh - 170px - 20px);
+    // 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;
     }

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);
+    width: calc(1919px - 700px);
-    height: calc(100vh - 180px - 20px);
+    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;
     }

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);
+    width: calc(1919px - 700px);
-    height: calc(100vh - 180px - 20px);
+    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;
     }

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);
+    width: calc(1919px - 60px - 600px);
-    // height: calc(100vh - 140px - 20px);
+    // 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;
     }

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;

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)">

src/views/main-shuju/main.vue

@@ -138,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 {

src/views/modules/visual/basicinfo/peopleList.vue

@@ -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 {

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" />

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>

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>

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>

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>

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>

src/views/modules/visual/communityParty/community.vue

@@ -1078,7 +1078,7 @@ export default {
     flex: 1;
   }
   .card-wr:last-child {
-    margin-left: 20px;
+    // margin-left: 20px;
   }
   ::v-deep .table-body {
     overflow: auto;

src/views/modules/visual/measure/volunteer.vue

@@ -627,7 +627,6 @@ export default {
   .card-wr:last-child {
     margin-left: 20px;
   }
-  padding: 25px 21px 15px 24px;
 }
 .card-title {
   display: flex;

src/views/modules/visual/plugin/power/organization.vue

@@ -1,15 +1,11 @@
 <template>
   <div class="warning-box">
     <cpt-card>
-      <!-- <div class="card-title">
+      <div class="card-title">
         <img class="title-icon" src="../../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
           动力主轴
         </div>
-      </div> -->
-      <div class="title">
-        <img src="../../../../../assets/img/shuju/title-tip.png" />
-        <span>动力主轴</span>
         <div class="second-select cascader">
           <el-cascader  class="customer_cascader"
                         ref="myCascader"
@@ -20,19 +16,6 @@
                         @change="handleChangeAgencytree"
                         :props="{ expandTrigger: 'hover', emitPath: false, label: 'orgName', value: 'orgId', children: 'subOrgList' }"/>
         </div>
-        <!-- <div class="second-select ">
-
-          <el-date-picker v-model="dateIdShow"
-                          type="date"
-                          :clearable="false"
-                          @change="handleChangeDate"
-                          :picker-options="pickerOptions"
-                          prefix-icon="el-icon-caret-bottom"
-                          placeholder="选择日期"
-                          value-format="yyyy-MM-dd">
-          </el-date-picker>
-
-        </div> -->
       </div>
       <div class="card-panel">
         <div class="card-left">