特殊人群

src/project/saas/AppConflictMediation/List.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="list">
+  <div class="list-content">
     <!-- 统计 -->
     <div class="content-box">
       <div class="content-list">
@@ -209,16 +209,17 @@ export default {
 uni-page-body {
   height: 100%;
 }
-.list {
+.list-content {
   height: 100%;
 
   .content-box {
     padding: 32px 30px 0px;
     box-sizing: border-box;
+    background: #fff;
 
     .content-list {
       display: flex;
-      background: #ffffff;
+      background: #fff;
       border-radius: 16px;
       margin-bottom: 20px;
       width: 100%;

src/project/saas/AppSpecialGroups/Add.vue

@@ -403,7 +403,6 @@ export default {
     }
     if (!o.id) {
       this.isEdit = false
-      this.getDetail()
     }
   },
   onShow() {

src/project/saas/AppSpecialGroups/AppSpecialGroups.vue

@@ -1,19 +1,26 @@
 <template>
   <div class="AppSpecialGroups">
     <div class="title">特殊人群总计 : {{ total }}人</div>
-    <div class="item" @click="toList(item.label)" v-for="(item, index) in statisticsList" :key="index">
+    <div class="people-list">
-      <div class="left">
+      <div class="item" @click="toList(item.label)" v-for="(item, index) in statisticsList" :key="index">
-        <img src="./img/user-icon-mini.png" alt="">
+        <div class="left">
-        <span>{{ item.label }}</span>
+          <img src="./img/user-icon-mini.png" alt="">
-      </div>
+          <span>{{ item.label }}</span>
-      <div class="right">
+        </div>
-        {{ item.value }}<img src="./img/down-icon-666.png" alt="">
+        <div class="right">
+          {{ item.value }}<img src="./img/down-icon-666.png" alt="">
+        </div>
       </div>
     </div>
+    
+    <div class="footer" @click="toAdd" v-if="isGridMember">
+      <div class="btn">新增特殊人群信息</div>
+    </div>
   </div>
 </template>
 
 <script>
+import {mapState} from 'vuex'
 export default {
   name: "AppSpecialGroups",
   appName: "特殊人群",
@@ -23,6 +30,12 @@ export default {
       total: 0
     }
   },
+  computed: {
+    ...mapState(['user']),
+    isGridMember() {
+      return this.user.girdCheckType > 0
+    }
+  },
   methods: {
     getStatistic() {
       this.statisticsList = []
@@ -42,6 +55,9 @@ export default {
     },
     toList(label) {
       uni.navigateTo({ url: `./List?label=${label}`})
+    },
+    toAdd() {
+      uni.navigateTo({ url: './Add' })
     }
   },
   created() {
@@ -62,6 +78,9 @@ export default {
     line-height: 28px;
     padding: 40px 0 20px 30px;
   }
+  .people-list{
+    padding-bottom: 120px;
+  }
   .item {
     display: flex;
     padding: 30px;
@@ -105,5 +124,23 @@ export default {
       }
     }
   }
+  .footer {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+
+  .btn {
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #1365DD;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+  }
 }
 </style>