<template> <div class="h-full overflow-y-auto general-list" ref='list'> <van-pull-refresh v-model='loadingRefresh' @refresh='onRefresh' :disabled='isRefreshDisable' style="min-height: 100%"> <van-list v-model:loading='loading' :finished='finished' :finished-text="list.length ? '没有更多了' : ''" :immediate-check='false' @load='onMore' > <div class="flex flex-col"> <div v-for='item in list' :key="item.id" @click="toDetail(item)" class="flex flex-col py-3 px-4 mb-3 doc-list-card" style="row-gap: .04rem;line-height: 1.5;"> <div> <span class="label">随访日期</span> <span>{{ item.visitDate }}</span> </div> <div class="flex"> <span class="label shrink-0">服务人群</span> <span class="grow text-wrap">{{ item.groupsArraysName || '-' }}</span> </div> <div> <span class="label">随访方式</span> <span>{{ item.visitWayName || '-' }}</span> </div> <div> <span class="label">随访类型</span> <span>{{ item.visitWayRulesName || '-' }}</span> </div> <div> <span class="label">随访医生</span> <span>{{ item.visitDoctorName || '-' }}</span> </div> <div> <span class="label">随访科室</span> <span>{{ item.visitOfficeName || '-' }}</span> </div> <div class="text-ellipsis"> <span class="label">随访机构</span> <span>{{ item.visitUnitName || '-' }}</span> </div> <div class="divider"></div> <div class="bt-group"> <van-button round size="small" class="doc-btn-primary" @click="toDetail(item)">详情</van-button> </div> </div> </div> </van-list> <div class='text-center shrink-0 empty' v-if='!list.length'> <img src='@/assets/image/doctor/empty.png' alt='' style='width: 1.2rem;'> <p>暂无数据</p> </div> </van-pull-refresh> </div> </template> <script> import { fetchCurrencyList, delCurrencyById } from '@/api/doctor/generalFU.js' import { useStore } from '@/doctor/store' export default { inject: ['residentInfo'], data() { return { store: useStore(), list: [], pagination: { total: 0, pageIndex: 1, pageSize: 8 }, loading: false, finished: false, loadingRefresh: false, isRefreshDisable: false } }, computed: { residentInfoId() { return this.residentInfo().residentInfoId } }, created() { this.load() }, mounted() { const list = this.$refs.list list.addEventListener('scroll', () => { if (list.scrollTop > 0) { this.isRefreshDisable = true } else { this.isRefreshDisable = false } }) }, methods: { load(loading = true) { const query = { pageIndex: this.pagination.pageIndex, pageSize: this.pagination.pageSize, residentInfoId: this.residentInfoId } fetchCurrencyList(query, loading).then(res => { if (this.pagination.pageIndex === 1) { this.list = [] } this.list = this.list.concat(res.data.dataList || []) this.pagination.total = res.data.total || 0 this.finished = this.list.length >= this.pagination.total }).finally(() => { this.loading = false this.loadingRefresh = false }) }, onMore() { this.pagination.pageIndex++ this.load(false) }, onRefresh() { this.pagination.pageIndex = 1 this.load(false) }, toDetail(record) { if (!record) return if (record.relationUuid == null) { this.$message.info('暂时无法查看 详情信息') return } this.$router.push({ path: '/doctor/followUp/detail', query: { relationUuid: record.relationUuid, residentInfoId: this.residentInfoId, } }) }, editBtn() { }, delBtn() { } }, watch: { 'store.refreshMark'() { this.onRefresh() } } } </script> <style lang="less" scoped> </style>