<template>
	<view class="status-page">
		<f-navbar navbarType="2" @leftClick="leftClick">
			<view class="u-flex search-top" slot="left">
				<view class="search-main"><u--input prefixIcon="search" placeholder="请输入组态名称" border="surround" shape="circle"></u--input></view>
			</view>
		</f-navbar>
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<view class="status-container">
			<view @click="openStatusDetail(item.id)" v-for="(item, index) in list" :key="index" class="status-item u-flex">
				<view class="item-image"><image class="image" :src="item.icon"></image></view>
				<view class="item-text">
					<text class="text">{{ item.name }}</text>
				</view>
			</view>
		</view>
		<f-tabbar></f-tabbar>
	</view>
</template>

<script>
import fTabbar from '@/components/module/f-tabbar/f-tabbar';
import fNavbar from '@/components/module/f-navbar/f-navbar';

export default {
	components: {
		fTabbar,
		fNavbar
	},
	data() {
		return {
			list: [
				{
					id: 1,
					name: '智慧办公室1',
					icon: '../../../static/test.png'
				},
				{
					id: 2,
					name: '智慧办公室2',
					icon: '../../../static/test.png'
				}
			]
		};
	},
	onLoad() {
		// 隐藏原生的tabbar
		uni.hideTabBar();
	},
	methods: {
		leftClick() {
			return false;
		},
		openStatusDetail(e) {
			uni.navigateTo({
				url: 'configurationDetail'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
@import '../static/configuration.scss';
</style>