27006

src/apps/AppGridManagement/AppGridManagement.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="AppGridManagement">
-    <div class="pad-t32" v-if="component != 'Map' && isAdmin"></div>
-    <div class="select-gird" v-if="component != 'Map' && isAdmin">
+    <div class="header" v-if="component != 'Map' && isAdmin">
+      <div class="pad-t32"></div>
+      <div class="select-gird">
         <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
         <div @click="linkTo('./SelectGird')">
           {{params.girdName}}
@@ -9,6 +10,8 @@
         </div>
         <span @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</span>
       </div>
+    </div>
+    
     <component v-if="refresh && isAdmin" :is="component" @change="onChange" :params="params"> </component>
     <div class="tabs" v-if="isTab && isAdmin">
       <div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index">
@@ -129,6 +132,13 @@ export default {
 .pad-t32{
   padding-top: 32px;
 }
+.header{
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9;
+  width: 100%;
+}
 .select-gird{
   width: calc(100% - 60px);
   padding: 24px 32px;

src/apps/AppGridManagement/Organization.vue

@@ -65,6 +65,7 @@ export default {
 <style lang="scss" scoped>
 .Organization {
   background-color: #f5f5f5;
+  padding-top: 160px;
   .title{
     font-size: 38px;
     font-family: PingFangSC-Semibold, PingFang SC;

src/apps/AppGridManagement/Statistics.vue

@@ -113,7 +113,7 @@ uni-page-body {
   height: 100%;
 }
 .Statistics {
-  padding: 0 30px;
+  padding: 130px 30px 0;
   box-sizing: border-box;
 
   .middle {

src/sass/AppHome/statistics.vue

@@ -40,15 +40,33 @@
         <div class="text">网格入群数排行</div>
         <div class="more">更多<img src="./components/img/right-icon-999.png" alt=""></div>
       </div>
+      <div class="content">
         <div class="item">
-        <div>
+          <div class="name">
             <span>1</span>
-          <p>千岩街网格一</p>
+            <p>千岩街网格一千岩街</p>
           </div>
-        <div>6702</div>
+          <div class="num">6702</div>
         </div>
       </div>
     </div>
+    <div class="list-content">
+      <div class="title">
+        <div class="text">网格事件处理排行</div>
+        <div class="more">更多<img src="./components/img/right-icon-999.png" alt=""></div>
+      </div>
+      <div class="content">
+        <div class="item">
+          <div class="name">
+            <span>1</span>
+            <p>千岩街网格一千岩街</p>
+          </div>
+          <div class="num">6702</div>
+        </div>
+      </div>
+    </div>
+    <img src="./components/img/user-static.png" alt="" class="back-img">
+  </div>
 </template>
 
 <script>
@@ -132,7 +150,8 @@ export default {
         line-height: 56px;
       }
       img{
-        width: 56px;
+        width: 72px;
+        height: 72px;
         position: absolute;
         right: 44px;
         top: 0;
@@ -156,13 +175,13 @@ export default {
   }
   .list-content{
     width: calc(100% - 60px);
-    margin: 0 30px;
+    margin: 0 30px 32px;
     border-radius: 16px;
     .title{
       display: flex;
       justify-content: space-between;
       background-color: #fff;
-      padding: 28px 6px 28px 50px;
+      padding: 28px 6px 0 50px;
       .text{
         font-size: 28px;
         font-family: PingFangSC-Medium, PingFang SC;
@@ -182,9 +201,50 @@ export default {
         }
       }
     }
-    .item{
+    .content{
+      padding: 0 50px 32px 50px;
       background-color: #fff;
     }
+    .item{
+      display: flex;
+      justify-content: space-between;
+      padding: 28px 0;
+      border-bottom: 1px solid #E1E1E1;
+      .name{
+        width: calc(100% - 100px);
+        span{
+          display: inline-block;
+          padding: 0 10px;
+          height: 30px;
+          background: #3399FF;
+          font-size: 20px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          color: #FFF;
+          line-height: 30px;
+          border-radius: 50%;
+          margin-right: 34px;
+          vertical-align: top;
+          margin-top: 6px;
+        }
+        p{
+          display: inline-block;
+          width: calc(100% - 70px);
+          word-break: break-all;
+        }
+      }
+      .num{
+        display: inline-block;
+        width: 100px;
+        text-align: right;
+      }
+    }
+  }
+  .back-img{
+    position: fixed;
+    bottom: 466px;
+    right: 0;
+    width: 132px;
+    height: 132px;
   }
 }
 </style>