积分超市

src/apps/AppSuperMarket/Search.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="Search">
     <AiTopFixed>
-      <u-search placeholder="请输入标题" :show-action="false" search-icon-color="#ccc" v-model="search.title"  @search="search.current = 1, getList()"/>
+      <u-search placeholder="请输入标题" :show-action="false" search-icon-color="#ccc" v-model="phone"  @search="getList()"/>
     </AiTopFixed>
-    <p class="text">请通过搜索“<span>手机号或身份证号</span>”后选择结算对象</p>
-    <div class="family-list">
-      <div class="item">
-        <div class="name">卓作旺家</div>
-        <div class="num">剩余积分:480分</div>
+    <div class="family-list" v-if="familyInfo.familyId">
+      <div class="item" @click="goBack">
+        <div class="name">{{familyInfo.familyName}}家</div>
+        <div class="num">剩余积分:{{familyInfo.familyIntegral}}分</div>
       </div>
     </div>
+    <p class="text" v-else>请通过搜索“<span>手机号或身份证号</span>”后选择结算对象</p>
   </div>
 </template>
 
@@ -18,16 +18,30 @@ export default {
   name: 'Search',
   data() {
     return {
-      search: {
-        title: '',
-        current: 1
-      }
+      phone: '',
+      familyInfo: {},
+      areaId: ''
     };
   },
-
+  onLoad(options) {
+    this.areaId = options.areaId
+  },
+  onShow() {
+    document.title = '搜索'
+  },
   methods: {
     getList() {
-
+      this.$http.post(`/app/appresident/queryFamilyByPhone?phone=${this.phone}&areaId=${this.areaId}`).then(res => {
+        if (res.code === 0 && res.data) {
+          this.familyInfo = res.data
+        }
+      }).catch((err) => {
+        this.$confirm(err, '温馨提示').then()
+      })
+    },
+    goBack() {
+      uni.$emit('selectFamily', this.familyInfo)
+      uni.navigateBack()
     }
   },
 };