居民列表

src/utils/followup/followapis.js

@@ -38,7 +38,7 @@ apis.forEach(item => api[item.name] = (params = {}, extraConfig = {}) => {
   } else {
     config.params = filterParams;
   }
-  console.log('item',{...config})
+
   /*utils.MSG.$emit('axios:begin', item.url);*/
   return fetch({
     ...config,

src/views/followup/plan-manage/resident-list.vue

@@ -46,9 +46,9 @@
       </div>
       <div class="resident-table table-content">
         <el-radio-group v-model="tableType">
-          <el-radio-button label="0">未完成(200)</el-radio-button>
-          <el-radio-button label="1">进行中(200)</el-radio-button>
-          <el-radio-button label="2">已结束(100)</el-radio-button>
+          <el-radio-button label="0">未完成({{typeNums.notCount}})</el-radio-button>
+          <el-radio-button label="1">进行中({{typeNums.handCount}})</el-radio-button>
+          <el-radio-button label="2">已结束({{typeNums.yesCount}})</el-radio-button>
         </el-radio-group>
         <el-table
           :data="residentData"
@@ -103,7 +103,7 @@
           @current-change="handleCurrentChangePre"
           layout="total, sizes, prev, pager, next, jumper"
           :current-page="pageNum"
-          :page-sizes="[100, 200, 300, 400]"
+          :page-sizes="[10, 20, 50, 100]"
           :page-size="pageSize"
           :total="total">
         </el-pagination>
@@ -135,55 +135,65 @@
           label: '全部'
         }],
         tableType: 0, //列表筛选条件
-        residentData: [
-          {
-            "patientId": "居民ID",
-            "patientName": "居民姓名",
-            "sex": "性别",
-            "sexName": "性别名字",
-            "time": "随访开始时间",
-            "labelId": "分组ID",
-            "labelName": "分组名字"
-          }
-        ], //居民列表
+        typeNums: {
+
+        },
+        residentData: [], //居民列表
         pageNum: 1,
-        pageSize: 15,
-        total: 100,
+        pageSize: 10,
+        total: '',
 
       }
     },
     created() {
-      console.log('api',api)
+
     },
     mounted() {
-      this.getResidentList()
+      this.getResidentList({
+        pageNum: 1,
+        pageSize: 10,
+        status: 0,
+      })
     },
     methods: {
       handleSizeChangePre() {
-
+        this.getResidentList({
+          pageNum: 1,
+          pageSize: 10,
+          status: 0,
+        })
       },
       handleCurrentChangePre() {
 
       },
       goPatientDetail(patientId) { //居民详情页
-        alert(1+patientId)
         this.$router.push('/followup/plan-manage/resident-detail')
 
       },
-      getResidentList() {   //获取居民列表
+      getResidentList(param) {   //获取居民列表
         api.getResidentList({
-          pageNum: this.pageNum,
-          pageSize: this.pageSize,
-          status: 0,
-          startData: '',
-          planId: '',
-          mobile: '',
-          patientName: ''
+          ...param,
+          planId: 123//从路由里获取
 
         }).then(({data}) => {
-
+          this.residentData = data.fPlanPatientInfoDtoList;
+          this.total = data.total
+          this.typeNums = {
+            notCount: data.notCount,
+            handCount: data.handCount,
+            yesCount: data.yesCount,
+          }
         });
       }
+    },
+    watch: {
+      tableType(val) {
+        this.getResidentList({
+          pageNum: 1,
+          pageSize: 10,
+          status: val,
+        })
+      }
     }
   }
 </script>