|
|
@@ -1,25 +1,23 @@
|
|
|
<template>
|
|
|
<FlexCol padding="space.lg" gap="gap.md">
|
|
|
<SearchBar v-model="search" @search="loader.reload()" placeholder="输入关键词搜索" />
|
|
|
- <SimplePageContentLoader :loader="loader">
|
|
|
- <template v-if="loader.isFinished.value">
|
|
|
- <Touchable
|
|
|
- v-for="item in loader.list.value" :key="item.id"
|
|
|
- direction="row"
|
|
|
- justify="space-between"
|
|
|
- backgroundColor="white"
|
|
|
- padding="space.md"
|
|
|
- radius="radius.md"
|
|
|
- @click="navTo('./argeement-sign', { id: item.id })"
|
|
|
- >
|
|
|
- <FlexCol>
|
|
|
- <Text :text="item.inheritor ?? '?'" />
|
|
|
- <Text :text="item.mobile || item.unit || '?'" />
|
|
|
- </FlexCol>
|
|
|
- <Icon name="arrow-right-bold" />
|
|
|
- </Touchable>
|
|
|
- </template>
|
|
|
- </SimplePageContentLoader>
|
|
|
+ <SimplePageListLoader :loader="loader">
|
|
|
+ <Touchable
|
|
|
+ v-for="item in loader.list.value" :key="item.id"
|
|
|
+ direction="row"
|
|
|
+ justify="space-between"
|
|
|
+ backgroundColor="white"
|
|
|
+ padding="space.md"
|
|
|
+ radius="radius.md"
|
|
|
+ @click="navTo('./argeement-sign', { id: item.id })"
|
|
|
+ >
|
|
|
+ <FlexCol>
|
|
|
+ <Text :text="item.inheritor ?? '?'" />
|
|
|
+ <Text :text="item.mobile || item.unit || '?'" />
|
|
|
+ </FlexCol>
|
|
|
+ <Icon name="arrow-right-bold" />
|
|
|
+ </Touchable>
|
|
|
+ </SimplePageListLoader>
|
|
|
<XBarSpace />
|
|
|
</FlexCol>
|
|
|
</template>
|
|
|
@@ -27,16 +25,15 @@
|
|
|
<script setup lang="ts">
|
|
|
import { ref } from 'vue';
|
|
|
import { useSimplePageListLoader } from '@/components/composeabe/loader/SimplePageListLoader';
|
|
|
+import { navTo } from '@/components/utils/PageAction';
|
|
|
import AssessmentContentApi from '@/api/collect/AssessmentContent';
|
|
|
import FlexCol from '@/components/layout/FlexCol.vue';
|
|
|
-import SimplePageContentLoader from '@/components/loader/SimplePageContentLoader.vue';
|
|
|
import XBarSpace from '@/components/layout/space/XBarSpace.vue';
|
|
|
import Text from '@/components/basic/Text.vue';
|
|
|
import Icon from '@/components/basic/Icon.vue';
|
|
|
import SearchBar from '@/components/form/SearchBar.vue';
|
|
|
import Touchable from '@/components/feedback/Touchable.vue';
|
|
|
-import { navTo } from '@/components/utils/PageAction';
|
|
|
-import FlexRow from '@/components/layout/FlexRow.vue';
|
|
|
+import SimplePageListLoader from '@/components/loader/SimplePageListLoader.vue';
|
|
|
|
|
|
const search = ref('');
|
|
|
const loader = useSimplePageListLoader(10, async (page, pageSize) => {
|