<template> <view class="list"> <view class="search"><u-search placeholder="输入姓名按回车搜索" :animation="true" v-model="param.keyword" @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"></view> <view class="icon select" v-else></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"></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); }, //选择 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>