liug_mobile/pages/index/select.vue

<template>
	<view class="list">
		<view class="search"><u-search placeholder="输入姓名按回车搜索" :animation="true" v-model="param.name" @search="search()"></u-search></view>
		<view class="item" v-for="(item, index) in list" :key="index" @click="select(item)">
			<view class="icon select check" v-if="item.check">&#xe600;</view>
			<view class="icon select" v-else>&#xe8bb;</view>
			<view class="title" v-if="ste.ste == 1">{{ item.items.__KdN9OL4mTiSZImobQUx.value }}</view>
			<view class="title" v-if="ste.ste == 2">{{ item.items.__yJV3YYKM0JUVIiiHesi.value }}</view>
			<view class="title" v-if="ste.ste == 3">{{ item.items.__TjZBRDXIVjYIcNArUTX.value }}</view>
			<view class="title" v-if="ste.ste == 4">{{ item.items.__fhQZx0AyyZcLJ5ubMM3.value }}</view>
			<view class="title" v-if="ste.ste == 5">{{ item.items.__O7t5AtyKhdgA8ysFYJP.value }}</view>
			<view class="icon more">&#xe631;</view>
			<view class="clear"></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [],
			selects: {}, //选中
			ste: {},
			param: {
				allow: 'false',
				appId: '__gAPYBW4YxB3UePM3lqO',
				datetime: '1670298187436',
				eventMapping: 'WTXQSH',
				fieldid: '__cs7TNRZDZtqKrhZrLPv',
				formId: '__YFJYj8ON2DXzasI3GSh',
				isEdit: 'true',
				mutil: 'false',
				parentid: '__JoaMwBw5Qw0DL4xun3e',
				searchForm: 'false',
				selectOne: 'false',
				viewId: '__MhHakFCgVJAm81MFUnt',
				_: '1670298187436',
				_defaultSize: 'true',
				_currpage:1
			}
		};
	},
	onLoad(e) {
		this.ste = e;
		this.getData();
	},
	methods: {
		getData() {
			var url = this.http.urls.wt_xqsh;
			if (this.ste.ste == 1) {
				this.param.viewId = '__MhHakFCgVJAm81MFUnt';
				url = this.http.urls.wt_xqsh;
			} else if (this.ste.ste == 2) {
				this.param.viewId = '__r4IN5HOqV4HIips1s0Q';
				url = this.http.urls.wt_sysh;
			} else if (this.ste.ste == 3) {
				this.param.viewId = '__yoOF16IOiZdmrbDOujU';
				url = this.http.urls.wt_xqpz;
			} else if (this.ste.ste == 4) {
				this.param.viewId = '__b6gD17cP1g4gFdTq0Ox';
				url = this.http.urls.wt_sypz;
			} else if (this.ste.ste == 5) {
				this.param.viewId = '__m9w03S06KHbg3KioRIh';
				url = this.http.urls.wt_rwfp;
			}
			this.http.request({
				url: url,
				data: this.param,
				method: 'POST',
				success: res => {
					//console.log('res.data.data.page===' + JSON.stringify(res));
					res.data.data.data.forEach(item => {
						this.list.push(item);
					});
				}
			});
		},
		//搜索
		search() {
			//console.log("asd:"+this.param.keyword);
			//this.param.name=this.param.keyword;
			this.list=[];
			this.getData();
		},
		//选择
		select(item) {
			item.check = !item.check;
			item.ste = this.ste.ste;
			console.log('this.item===' + JSON.stringify(item));
			this.selects = item;
			uni.$emit('select', this.selects);
			uni.navigateBack();
			//this.selects = this.list.filter(item => item.check);
		},
		//选中并返回
		back() {
			uni.$emit('select', this.selects);
			uni.navigateBack();
		}
	}
};
</script>

<style lang="scss">
.list {
	padding: 10px;
	.item {
		padding: 13px;
		background-color: white;
		border-bottom: 1px solid #efecec;
		.select {
			float: left;
			padding-right: 7px;
			margin-top: 1px;
			font-size: 20px;
		}
		.check {
			color: #4581fb;
		}
		.more {
			float: right;
			margin-top: -18px;
			color: darkgray;
		}
	}
}
</style>