<template>
	<view class="page" id="more">
		<view class="function-list cu-list grid no-border col-4">
			<view v-for="(item, index) in listitem" :key="index"
				class="cu-item text-center flex flex-wrap justify-center align-center">
				<view @click="funcListClick(item)" style="backgroundColor:#62bbff;"
					class="app-item align-center flex flex-wrap justify-center align-center">
					<l-icon type="calendar" color="white" class="text-sl" />
				</view>
				<text>{{ item && item.FName }}</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	import without from 'lodash/without'
	import concat from 'lodash/concat'
	import keyBy from 'lodash/keyBy'
	import mapKeys from 'lodash/mapKeys'
	import mapValues from 'lodash/mapValues'
	import groupBy from 'lodash/groupBy'

	export default {
		data() {
			return {
				allList: [],
				myList: [],
				editList: [],
				searchText: '',

				listitem: [],
				focus: false,
				edit: false
			}
		},

		async onLoad() {
			await this.init()
		},

		methods: {
			// 页面初始化
			async init() {

				this.LOADING('加载菜单中…')
				this.HTTP_GET(
					'quanjiang/sso/list20'
				).then(res => {
					this.listitem = res
					this.HIDE_LOADING()
				})
				
			},



			// 点击按钮
			funcListClick(item) {
				let appid = item.FId
				let FName = item.FName
				let dataitem = {
					appid,FName
				}
				uni.navigateTo({
					url:`/pages/SSO/MyApp20/attestation?item=${JSON.stringify(dataitem)}`
				})
			},

			
		}
	}
</script>

<style lang="less" scoped>
	.function-list {
		padding-bottom: 0;

		.cu-item {
			.app-item {
				border-radius: 50%;
				height: 45px;
				width: 45px;
			}
		}
	}
</style>

<style lang="less">
	#more {
		.function-list .cu-item text[class*='cuIcon'] {
			margin-top: 0 !important;
		}
	}

	page {
		// padding-top: 100rpx;
	}
</style>
