100 lines
3.0 KiB
Vue
100 lines
3.0 KiB
Vue
<template>
|
||
<full-page :customScroll="true" @reachBottom="getMore()">
|
||
<template #header>
|
||
<view class="flex items-center px-15 py-12 bg-white border-b">
|
||
<view class="w-0 flex-grow mr-10 border py-5 px-15 rounded-full">
|
||
<input v-model="keyword" class="w-full text-dark text-base" type="text" placeholder="搜索科室"
|
||
placeholder-class="text-base text-gray" />
|
||
</view>
|
||
<view class="text-primary text-base" @click="keyword = ''">
|
||
清空
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<scroll-view v-if="list.length" class="h-full bg-white" scroll-y="true">
|
||
<view v-for="i in list" :key="`filter-${i.hospitalId}`" class="flex items-center px-15 py-12 border-b"
|
||
@click="select(i)">
|
||
<view class="mr-10 w-0 flex-grow text-base text-dark">{{ i.name }}</view>
|
||
<image v-if="hospital && hospital.hospitalId === i.hospitalId" class="flex-shrink-0 icon-checked"
|
||
src="/static/form/checked.svg" />
|
||
</view>
|
||
</scroll-view>
|
||
<empty-data v-else fullCenter />
|
||
<template #footer>
|
||
<view class="relative z-2 shadow-up bg-white">
|
||
<view class="pt-12 px-15 text-center" @click="toService()">
|
||
<text class="mr-5 text-base text-gray">如没有符合的内容，请</text>
|
||
<text class="text-base text-primary">联系客服</text>
|
||
</view>
|
||
<button-footer :showCancel="false" @confirm="save()" />
|
||
</view>
|
||
</template>
|
||
</full-page>
|
||
|
||
</template>
|
||
|
||
<script setup>
|
||
import { computed, ref } from "vue";
|
||
import { onLoad } from "@dcloudio/uni-app";
|
||
import usePageList from "@/hooks/usePageList"
|
||
import api from "@/utils/api";
|
||
import { toast } from "@/utils/widget";
|
||
|
||
import buttonFooter from "@/components/button-footer.vue";
|
||
import EmptyData from "@/components/empty-data.vue";
|
||
import fullPage from "@/components/full-page.vue";
|
||
|
||
const { total, list, loading, hasMore, page, pages, pageSize, keyword, changePage } = usePageList(getList)
|
||
const eventName = ref('');
|
||
const hospital = ref();
|
||
|
||
function select(i) {
|
||
hospital.value = i;
|
||
}
|
||
|
||
function getMore() {
|
||
if (hasMore.value && !loading.value) {
|
||
changePage(page.value + 1)
|
||
}
|
||
}
|
||
|
||
function save() {
|
||
if (hospital.value) {
|
||
uni.$emit(eventName.value, hospital.value.name)
|
||
uni.navigateBack()
|
||
} else {
|
||
toast('请选择医院')
|
||
}
|
||
}
|
||
|
||
function toService() {
|
||
uni.navigateTo({
|
||
url: '/pages/work/service/contact-service'
|
||
})
|
||
}
|
||
|
||
async function getList() {
|
||
const res = await api('getHlwHospitalList', { page: page.value, pageSize: pageSize.value, name: keyword.value })
|
||
const arr = res && Array.isArray(res.data) ? res.data : [];
|
||
list.value = page.value === 1 ? arr : list.value.concat(arr);
|
||
total.value = res && typeof res.total === 'number' ? res.total : 0;
|
||
pages.value = res && typeof res.pages === 'number' ? res.pages : 0;
|
||
if (!res || !res.success) {
|
||
toast(res?.message || '获取数据失败');
|
||
}
|
||
}
|
||
|
||
onLoad((opt) => {
|
||
eventName.value = opt.eventName;
|
||
changePage(1);
|
||
});
|
||
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.icon-checked {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
}
|
||
</style>
|