居民管理

src/sass/AppResidentDocument/AppResidentDocument.vue

@@ -5,16 +5,16 @@
       <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj"></AiAreaPicker>
       <u-icon name="photo"></u-icon> -->
       <!-- @select="areaSelect" -->
-      <u-form label-width="auto">
+      <!-- <u-form label-width="auto">
         <u-form-item label="区域选择" right-icon="arrow-right" class="areaIds">
           <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="seachObj" :name.sync="areaName"></AiAreaPicker>
         </u-form-item>
-      </u-form>
+      </u-form> -->
     </div>
 
-    <div class="line"></div>
+    <!-- <div class="line"></div> -->
 
-    <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change"></u-tabs>
+    <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change" :bar-width="196"></u-tabs>
 
     <div class="seachObjs">
       <u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
@@ -37,8 +37,11 @@
         </div>
       </div>
     </div>
-
-    <AiEmpty class="emptyWrap" v-else></AiEmpty>
+    <AiEmpty class="emptyWrap" v-else :noPermit="true" description="暂无居民<br/>信息点击按钮新增居民信息,也可在管理系统批量导入"></AiEmpty>
+    <div class="pad-b112"></div>
+    <div class="add-btn" @click="toAdd">
+      <div>新增居民</div>
+    </div>
   </div>
 </template>
 
@@ -77,6 +80,10 @@ export default {
     this.areaId = this.user.areaId
     this.areaName = this.user.areaName
     this.getList()
+    uni.$on('reload', res => {
+      this.current = 1
+      this.getList()
+    })
   },
   onShow() {
     document.title = '居民管理'
@@ -130,6 +137,9 @@ export default {
       this.current = 1
       this.getList()
     },
+    toAdd() {
+      uni.navigateTo({url: './Add'})
+    }
   },
   onReachBottom() {
     this.current = this.current + 1
@@ -221,10 +231,38 @@ uni-page-body {
       }
     }
   }
+  .pad-b112{
+    width: 100%;
+    padding-bottom: 112px;
+  }
 
   .emptyWrap {
     background: #f5f5f5;
     margin: 0;
   }
+  ::v-deep .emptyText{
+    text-align: center;
+  }
+  .add-btn{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 999;
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    background: #3975C6;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+    div{
+      text-align: center;
+    }
+  }
+
+  ::v-deep .u-tab-bar{
+    margin-bottom: -6px;
+  }
 }
 </style>