特殊人群

src/apps/AppSpecialPeople/components/detail.vue

@@ -1,20 +1,19 @@
 <template>
   <div class="detail">
     <div class="tab-select">
-      <div class="item active">统计信息<span></span></div>
-      <div class="item">人员信息<span></span></div>
+      <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
     </div>
     <div class="area-select">
       <div class="select-content">
         <div class="area-content">
-          <AiAreaPicker ref="areaIds" :areaId="areaId" mode="custom" all @select="areaSelect">
+          <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect">
             <img src="./img/local-icon.png" alt="">
-            <span class="label" v-if="addressArea">{{ addressArea }}</span>
+            <span class="label" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
             <u-icon name="arrow-down" color="#666" size="24" />
           </AiAreaPicker>
         </div>
-        <div class="search-input">
+        <div class="search-input" v-if="tabIndex">
           <img src="./img/search-icon.png" alt="">
           <u-input type="text" placeholder="请输入姓名" placeholder-style="color:#999;font-size:13px;" height="18" />
         </div>
@@ -72,7 +71,7 @@
         </div>
       </div>
     </div>
-    <div>
+    <div v-else>
       <div class="item-content">
         <div class="title">
           <h2>精神病患者</h2>
@@ -93,7 +92,7 @@
           </div>
         </div>
       </div>
-      <div class="footer">
+      <div class="footer" @click="toAdd">
         <div class="btn">新增特殊人群信息</div>
       </div>
     </div>
@@ -107,20 +106,46 @@ export default {
   data() {
     return {
       areaId: '',
-      tabIndex: 1,
-      addressArea: ''
+      tabs: ['统计信息', '人员信息'],
+      tabIndex: 0,
+      addressArea: '',
     }
   },
   computed: { ...mapState(['user']) },
   mounted() {
     this.areaId = this.user.areaId
+    this.areaName = this.user.areaName
+    this.getStatistic()
+    this.getUserList()
   },
 
   methods: {
-    areaSelect() {
-
+    areaSelect(e) {
+      this.areaId = e.id
+      this.areaName = e.name
+    },  
+    tabClick(index) {
+      this.tabIndex = index
+    },
+    getStatistic() {
+      this.$http.post(`/app/appapplicationinfo/specialStatistic?areaId=${this.areaId}&type=0`).then((res) => {
+        if (res.code == 0) {
+          
+        }
+      })
+    },
+    getUserList() {
+      this.$http.post(`/app/appapplicationinfo/queryPeople?areaId=${this.areaId}&type=0`).then((res) => {
+        if (res.code == 0) {
+          
+        }
+      })
+    },
+    toAdd() {
+      this.$emit('change', {
+        type: 'Add',
+      })
     }
-    
   }
 }
 </script>