|
@@ -0,0 +1,57 @@
|
|
|
+<script setup>
|
|
|
+const list = ref([])
|
|
|
+const loading = ref(false)
|
|
|
+const finished = ref(false)
|
|
|
+let page = 1
|
|
|
+function onLoad() {
|
|
|
+ loading.value = true
|
|
|
+ request({
|
|
|
+ url: '/jdbg/jsldgl_txjstx/index',
|
|
|
+ data: {
|
|
|
+ page,
|
|
|
+ limit: 20,
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ const data = res.data
|
|
|
+ list.value = [...list.value, ...data.page_data]
|
|
|
+ finished.value = data.total_page === page
|
|
|
+ page++
|
|
|
+ loading.value = false
|
|
|
+ })
|
|
|
+}
|
|
|
+const router = useRouter()
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
|
|
|
+ <van-cell v-for="item in list" :key="item">
|
|
|
+ <template #title>
|
|
|
+ <span>{{ `${item.jjtx_xm}\u00A0\u00A0\u00A0 ${item.jjtx_xb_option_n}` }}</span>
|
|
|
+ </template>
|
|
|
+ <template #value>
|
|
|
+ <span style="color:black">年龄:{{ item.nl }}</span>
|
|
|
+ </template>
|
|
|
+ <template #label>
|
|
|
+ <div><span>{{ item.jjtx_uo_name }}</span></div>
|
|
|
+ <div style="display: flex;justify-content: space-between;color: black;">
|
|
|
+ <div><span>出生年月:{{ item.jjtx_csny }}</span></div>
|
|
|
+ <div><span>退休年月:{{ item.jjtx_tx_year }}-{{ item.jjtx_tx_month }}</span></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-list>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+:deep(.van-cell__title) {
|
|
|
+ width: 70% !important;
|
|
|
+ flex: auto
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.van-cell__value) {
|
|
|
+ width: 30% !important;
|
|
|
+ flex: auto
|
|
|
+}
|
|
|
+</style>
|