核酸采样，社区管理

src/project/pingchang/AppNucleicAcidSampling/AppNucleicAcidSampling.vue

@@ -13,29 +13,32 @@
             <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
           </AiAreaPicker>
         </div>
-        <u-search v-model="keyword" :clearabled="true" placeholder="请输入名称、类型或电话" :show-action="false" bg-color="#F5F5F5" 
-          search-icon-color="#999" color="#999" height="58" @search="handerSearch" @clear="handerClear">
+        <u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名/手机号/身份证号" :show-action="false" bg-color="#F5F5F5" 
+          search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="getListInit">
         </u-search>
       </div>
     </AiTopFixed>
-    <div class="data-list">
-      <div class="item" @click="toDetail()">
+    <div class="data-list" v-if="list && list.length">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item.id)">
         <div class="top">
           <div class="title">
             <div class="name">
-              李主任
-              <span class="type">返乡登记</span>
+              {{item.name}}
+              <span class="type">{{$dict.getLabel('EP_registerInfoType', item.infoType)}}</span>
+            </div>
+             <div class="status" :class="item.nucleicAcidSamplingCount >0 ? 'status1' : 'status0'">
+              <span class="cir"></span>
+              <span v-if="item.nucleicAcidSamplingCount >0">核酸采样{{item.nucleicAcidSamplingCount}}次</span>
+              <span v-else>核酸未采样</span>
             </div>
-            <div class="status status0"><span></span>核酸待采样</div>
           </div>
-          <p>429012********2341</p>
-          <p>1834912340</p>
-          <div class="btn" @click="toAdd()">采样</div>
-          <!-- <img src="./components/img/status-img.png" alt="" class="status-img"> -->
+           <p> {{item.idNumberText}}</p>
+          <p> {{item.phone}}</p>
+          <div class="btn" @click="toAdd()" v-if="item.status != 2">采样</div>
         </div>
       </div>
     </div>
-    <!-- <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty> -->
+    <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
   </div>
 </template>
 
@@ -46,6 +49,9 @@ export default {
  appName: '核酸采样',
   data() {
     return {
+      areaId: '',
+      areaName: '',
+      current: 1,
       keyword: '',
       currentTabs: 0,
       tabList: [
@@ -64,57 +70,63 @@ export default {
       },
       activeStyle: {
         'font-weight' : '400',
-      }
+      },
+      list: []
     }
   },
   computed: {
     ...mapState(['user']),
   },
-  watch: {},
   onLoad() {
     this.areaId = this.user.areaId
     this.areaName = this.user.areaName
+    this.$dict.load('EP_CM_status', 'EP_registerInfoType').then(() => {
+      this.getListInit()
+    })
+     uni.$on('updateList', () => {
+      this.getListInit()
+    })
   },
   onShow() {
     document.title = '核酸采样'
   },
   methods: {
+    getListInit() {
+      this.current = 1
+      this.list = []
+      this.getList()
+    },
     getList() {
-      this.$http.post('/app/appepidemicreportmember/list', null, {
-        params: { size: this.size, current: this.current, status: this.currentTabs == 1 ? '0' : '', areaId: this.areaId, name: this.keyword },
+      this.$http.post('/app/appepidemicpreventioncommunitymanagement/list', null, {
+        params: { size: 10, current: this.current, queryType: this.currentTabs, areaId: this.areaId, name: this.keyword},
       }).then((res) => {
         if (res.code == 0) {
-          this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
+          res.data.records.map((item) => {
+            item.idNumberText = item.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+          })
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
         }
       })
     },
-
-    toDetail() {
-      uni.navigateTo({url: './Detail'})
+    toDetail(id) {
+      uni.navigateTo({url: `./Detail?id=${id}`})
     },
-    toAdd() {
-      uni.navigateTo({url: './Add'})
+    toEdit(id) {
+      uni.navigateTo({url: `./Add?id=${id}`})
     },
     change(index) {
       this.keyword = ''
       this.currentTabs = index
+      this.getListInit()
     },
     areaSelect(e) {
       this.areaId = e
-      this.getList()
-    },
-
-    handerSearch(e) {
-      this.keyword = e
-      this.current = 1
-      this.getList()
-    },
-
-    handerClear() {
-      this.keyword = ''
-      this.current = 1
-      this.getList()
+      this.getListInit()
     },
+    typeConfirm(e) {
+      this.infoType = e[0].value
+      this.getListInit()
+    }
   },
   onReachBottom() {
     this.current++
@@ -179,7 +191,7 @@ export default {
             line-height: 20px;
             font-family: PingFangSC-Regular;
             font-size: 28px;
-            span {
+            .cir {
               display: inline-block;
               width: 8px;
               height: 8px;
@@ -189,13 +201,13 @@ export default {
           }
           .status0 {
             color: #FFA938;
-            span {
+            .cir  {
               background-color: #FFA938;
             }
           }
           .status0 {
             color: #1CCEB0;
-            span {
+            .cir  {
               background-color: #1CCEB0;
             }
           }