yl-gzh/pages/lr/shxxList.vue

<template>
	<view>
		<uni-card>
			<uni-search-bar :radius="100" @confirm="search" placeholder="请输入身份证号或手机号搜索" v-model="form.lrZjhm"></uni-search-bar>
			<uni-list>
				<uni-list-item v-for="(item,index) in dataList" :key="index" :title="item.lrXm"
					:thumb="item.lrTx?config.baseUrl+item.lrTx:config.baseUrl + config.head" :note="item.sqyy"
					thumbSize="lg" :showArrow="false">
					<template v-slot:footer>
						<view v-if="item.lzzt == '0'"
							style="width: 60px;display: flex;flex-direction: column;background-image: url('../../static/images/caogao.png');background-position: left;background-size:58px 58px;background-repeat: no-repeat;">
							<text>{{item.sqsj.substring(0,8) }}</text>
							<text>{{item.lrSpyj || '无'}}</text>
						</view>
						<view v-else-if="item.lzzt == '1' || item.lzzt == '2' || item.lzzt == '5'|| item.lzzt == '7'"
							style="width: 60px;display: flex;flex-direction: column;background-image: url('../../static/images/daishenhe.png');background-position: left;background-size:58px 58px;background-repeat: no-repeat;">
							<text>{{item.sqsj.substring(0,8) }}</text>
							<text>{{item.lrSpyj || '无'}}</text>
						</view>
						<view v-else-if="item.lzzt == '3'"
							style="width: 60px;display: flex;flex-direction: column;background-image: url('../../static/images/tongguo.png');background-position: left;background-size:58px 58px;background-repeat: no-repeat;">
							<text>{{item.sqsj.substring(0,8) }}</text>
							<text>{{item.lrSpyj || '无'}}</text>
						</view>
						<view v-else-if="item.lzzt == '4'"
							style="width: 60px;display: flex;flex-direction: column;background-image: url('../../static/images/jujue.png');background-position: left;background-size:58px 58px;background-repeat: no-repeat;">
							<text>{{item.sqsj.substring(0,8) }}</text>
							<text>{{item.lrSpyj || '无'}}</text>
						</view>
					</template>
				</uni-list-item>
			</uni-list>
			<uni-load-more status="status" @clickLoadMore="clickLoadMore"></uni-load-more>
		</uni-card>
	</view>
</template>

<script>
	import {
		getToken,
		getUser
	} from '@/common/auth.js'
	import {
		ListKhjbxx,
		ListKhShxx
	} from '@/api/kh.js'
	import {
		decryptRowData_ECB
	} from '@/common/sm4.js'
	export default {
		components: {},
		data() {
			return {
				status: 'more',
				form: {
					pageNum: 1,
					pageSize: 10,
					lrId: ''
				},
				dataList: [],
				total: 0,
			}
		},
		mounted() {
			this.userInfo = getUser()
			if (this.userInfo.userType == '07') {
				this.info(this.userInfo.userId)
			} else {
				this.form.createUserId = this.userInfo.userId
			}
			this.getList()
		},
		created() {},
		onLoad: function(options) {
			this.form.lrId = options.lrId
		},
		onPullDownRefresh() {
			this.dataList = []
			this.form.pageNum = 1
			this.form.pageSize = 10
			this.getList()
		},
		onReachBottom() {
			if (this.dataList.length < this.total) {
				this.form.pageNum += 1
				this.getList()
			}
		},
		methods: {
			search() {
				this.dataList = []
				this.form.pageNum = 1
				this.form.pageSize = 10
				this.getList()
			},
			clickLoadMore(e) {
				this.status = 'loading'
				if (this.dataList.length < this.total) {
					this.form.pageNum += 1
					this.getList()
				} else {
					this.status = 'no-more'
				}
			},
			getList() {
				ListKhShxx(this.form).then(res => {
					if (res.code == 200) {
						this.total = res.total
						// let list = decryptRowData_ECB(res.rows, ["lrZjhm", "lrXm", "lrHjbcxx", "lrXjdzBcxx",
						// 	"lrCydh", "lrPoxm", "lrPoZjmh", "jhrXm", "jhrSjhm", "zlrXm", "zlrDh", "cjzh",
						// 	"yhzh", "khmc"
						// ], [2, 1, 4, 4, 3, 1, 2, 1, 2, 1, 3, 5, 5, 5])
						let list = res.rows
						this.dataList.push(...list)
						uni.stopPullDownRefresh();
						if (this.dataList.length < this.total) {
							this.status = 'more'
						} else if (this.dataList.length == this.total) {
							this.status = 'no-more'
						}
					}
				})
			}
		},
		watch: {},
	}
</script>

<style>
</style>