<template>
 <view class="container">
    <view class="main" v-for="(item, index) in allList" :key="index">
      <view class="title">{{item.title}}</view>
      <view class="grid-container">
        <view 
          class="grid-item" 
          v-for="(val, idx) in item.infoList" 
          :key="idx" 
          @click="headerGridClick(val)"
        >
          <u-icon :name="val.pic" :size="40"></u-icon>
          <text class="grid-text">{{val.name}}</text>
        </view>
      </view>
    </view>
		
		<nav-footer/>
  </view>

</template>

<script>
	export default {
		data() {
			return {
				allList: [{
						title: '智慧社区',
						infoList: [
							//   {
							//     pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_200.png",
							//     name: "申请业主",
							//     url: "/packages/community/applyOwer/index?title=申请业主",
							//   },
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_64.png",
								name: "我的房屋",
								url: "",
							},
							//   {
							//     pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_201.png",
							//     name: "我的车辆",
							//     url: "",
							//   },
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_202.png",
								name: "社区通知",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_203.png",
								name: "社区活动",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_204.png",
								name: "呼叫管家",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/community/_assets/Group_349.png",
								name: "报事报修",
								url: "",
							},
							//   {
							//     pic: "https://static.hshuishang.com/community/_assets/Group_350.png",
							//     name: "访客登记",
							//     url: "../visitor/visitor",
							//   },
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_351.png',
								name: "便民信息",
								url: "",
							},
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_352.png',
								name: "物业缴费",
								url: "",
							},
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_355.png',
								name: "租售信息",
								url: "",
							},
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_356.png',
								name: "便捷挪车",
								url: "",
								// url: "/packages/ConvenServer/ConvenServer/pages/car/car",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_210.png",
								name: "手机通行",
								url: "/pages/phoneGo/phoneGo",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_230.png",
								name: "我的设备",
								url: "/packages/WaterPurifier/pages/water_filter/water_filter",
							},
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_353.png',
								name: "生活缴费",
								url: "",
							},
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_354.png',
								name: "社区投票",
								url: "",
							},
							{
								pic: 'https://static.hshuishang.com/community/_assets/Group_357.png',
								name: "一键报警",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_215.png",
								name: "意见反馈",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_216.png",
								name: "社区中心",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_216.png",
								name: "我的社区",
								url: "/packages/community/communityList/index",
							},
						],
					},
					{
						title: '上门服务',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_118.png",
								name: "上门服务",
								url: "/packages/doorToDoor/pages/doorToDoor/doorToDoor",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_231.png",
								name: "服务订单",
								url: "/packages/user/transactionRecord/index?type=visit",
							},
						]
					},
					{
						title: '社区健康',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_237.png",
								name: "社区健康",
								url: "/packages/health/pages/health/health",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_152.png",
								name: "快速建档",
								url: "/packages/health/pages/express/express",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_116.png",
								name: "健康自测",
								url: "/packages/health/pages/SelfTest/SelfTest",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_119.png",
								name: "健康报告",
								url: "/packages/health/pages/report/report",
							},
						]
					},
					{
						title: '周边商超',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_242.png",
								name: "周边商超",
								// url: "/pages/sorrounMerchant/sorrounMerchant",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_243.png",
								name: "商超订单",
								url: "/packages/user/transactionRecord/index?type=community",
							}
						]
					},
					{
						title: '商家优惠',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_253.png",
								name: "商家优惠",
								url: "/packages/GropBuy/pages/GropBuy",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_248.png",
								name: "卡劵订单",
								url: "/packages/GropBuy/pages/rob/rob",
							},
						]
					},
					{
						title: '资源回收',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_260.png",
								name: "资源回收",
								url: "/packages/ConvenServer/ConvenServer/pages/recover/recover",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_262.png",
								name: "回收预约",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_263.png",
								name: "重量预估",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_264.png",
								name: "回收订单",
								url: "/packages/user/transactionRecord/index?type=recover",
							},
						]
					},
					{
						title: '社区商城',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_276.png",
								name: "社区商城",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_268.png",
								name: "商城订单",
								url: "/packages/user/transactionRecord/index?type=ambient",
							},
						]
					},
					{
						title: '共享空间',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_271.png",
								name: "共享空间",
								url: `/packages/community/communityList/index?title=共享空间&type=bianming`,
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_272.png",
								name: "空间订单",
								url: "",
							}
						]
					},
					{
						title: '积分商城',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_276.png",
								name: "积分商城",
								url: "/packages/indexSubcontract/pointExchange/index",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_277.png",
								name: "积分订单",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_278.png",
								name: "积分日志",
								url: "",
							},
						]
					},
					{
						title: '控制面板',
						infoList: [{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_282.png",
								name: "智能设备",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_285.png",
								name: "设备添加",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_286.png",
								name: "设备列表",
								url: "",
							},
							{
								pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_288.png",
								name: "设备分享",
								url: "",
							},
						]
					}
				],
			}
		},
		methods: {
			headerGridClick(item) {
				
				return
				uni.navigateTo({
					url: item.url
				});
			}
		},
		onLoad() {
			// Load your data here if needed
			// this.loadData();
		}
	}
</script>

<style scoped>
	.container {
	  padding: 20rpx;
	}
	
	.title {
	  font-size: 32rpx;
	  font-weight: bold;
	  margin: 20rpx 0;
	  padding-left: 20rpx;
	}
	
	.grid-container {
	  display: flex;
	  flex-wrap: wrap;
	  margin: 0 -8rpx; /* 抵消grid-item的margin */
	}
	
	.grid-item {
	  width: 20%; /* 5列布局 */
	  box-sizing: border-box;
	  padding: 16rpx 8rpx;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}
	
	.grid-text {
	  font-size: 24rpx;
	  margin-top: 10rpx;
	  color: #666;
	  text-align: center;
	  word-break: break-all;
	}
</style>