byte-sailing-mobile/src/views/system/dict/businessDict.vue

<template>
	<van-nav-bar
		:title="$t('dict.name')"
		left-text=""
		left-arrow
		@click-left="onClickLeft"
		@click-right="onClickRight"
	>
		<template #right> {{$t('common.add')}} </template>
	</van-nav-bar>
	<van-search v-model="req.keyword" :placeholder="$t('common.pleaseEnterKeywords')" @search="onRefresh" />
	<van-pull-refresh v-model="loading" @refresh="onRefresh" >
		
		<div class="list">
			<van-list
				v-model:loading="loading"
				:finished="finished"
				:finished-text="$t('common.noMore')"
				@load="onLoad"
				style="margin-bottom:60px"
			>
				<commonList :data="listData" @onClick="toDtl" :config="listConfig"></commonList>
			</van-list>
		</div>
	</van-pull-refresh>
</template>
<script setup>
import { ref, getCurrentInstance, onMounted } from 'vue'
import commonList from '@/components/common-list.vue'
import { useRoute } from 'vue-router'
import { getUserInfo } from '@/utils/auth';
const loading = ref(false)
const router = useRoute()
const req = ref({
	pageNum:1,
	keyword:null,
    tenantId:getUserInfo().tenantId
})
const finished = ref(false);
const proxy = getCurrentInstance().proxy
const listData = ref([])


const listConfig = ref([
	{
		label: proxy.t('dict.dictionaryName'),
		prop: 'name',
	},
	{
		label: proxy.t('dict.dictionaryCode'),
		prop: 'code',
	},
	{
		label: proxy.t('dict.remark'),
		prop: 'remark',
	}
])
const onRefresh = () => {
	req.value.pageNum = 1
	finished.value = false
	getList('refresh')
}
const onLoad = () => {
    getList()
}

const onClickLeft = () => proxy.$router.push('/main/working')

const onClickRight = () => {
	proxy.$router.push('/main/businessAdd')
}
proxy.uploadDdRightBtn(onClickRight,proxy.t('common.add'))
const toDtl = (row) => {
	console.log(row)
	proxy.$router.push({
        path: 'tenantDict',
		query: row
      })
}
const warehouseType = ref([])
const getList = (type) => {
	loading.value = true
	proxy.post('/dictTenantType/page',req.value).then(res => {	
		
		listData.value = type === 'refresh' ? res.data.rows : listData.value.concat(res.data.rows)
		if(req.value.pageNum * 10 >= res.data.total) {
			finished.value = true
		}
		req.value.pageNum++	
		loading.value = false
		
		
		
	}).catch(err => {
		loading.value = false
	})
}
getList()
</script>

<style lang="scss" scoped>
.list {
	min-height: 70vh;
}
</style>