<template>
	<div class="container">
		<!-- <div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
			<div class="searchBox_add">
				<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
			</div>
		</div> -->

		<div class="community">
			<div class="community_left">
				<image mode="aspectFill" src="../../../static/logo.png" alt="" />
			</div>
			<div class="community_right" @click="changeShow">
				<div class="community_right_text">
					<div class="community_right_text1">七个2锁城</div>
					<div class="community_right_text2">衡水市上海公馆6A</div>
				</div>
				<div class="community_right_more">
					<u-icon bold color="#999999" size="30" name="arrow-right" @click="back"></u-icon>
				</div>
			</div>
		</div>

		<div class="content">
			<view class="iconStyle">
				<u-grid col="6" :border="false" @click="click">
					<u-grid-item v-for="(item, index) in baseList" :key="index">
						<image class="nav_icon" :src="item.image" mode=""></image>
						<text class="grid-text">{{item.name}}</text>
					</u-grid-item>
				</u-grid>
			</view>
		</div>


		<div class="boxshadow" v-if="show" @click="changeShow">
			<div class="boxshadowCon">
				<div class="boxshadowCon_Tit">
					请选择店铺
					</br>
					<view class="boxshadowCon_Text">从以下列表中选择您的管理权限的店铺</view>
					<div class="cancel">确定</div>
				</div>
				<div class="lines"></div>
				<div class="communityList">
					<div class="boxshadowCon_Text2">您有n个店铺的管理权限</div>
					<div style="width: 100%;height: 200rpx;">
						<div class="communityItem" v-for="item in 8">
							<div class="community_left">
								<image mode="aspectFill" src="../../../static/logo.png" alt="" />
							</div>
							<div class="community_right" @click="changeShow2">
								<div class="community_right_text">
									<div class="community_right_text1">七个2锁城</div>
									<div class="community_right_text2">衡水市上海公馆6A</div>
								</div>
							</div>
							<div class="communityItem_radio">
								<radio></radio>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

</template>

<script>
	import {
		request,
		picUrl,
		uniqueByField,
		menuButtonInfo,
		NavgateTo
	} from '../../../utils';
	import {
		apiArr
	} from '../../../api/community';


	export default {
		data() {
			return {
				top: "",
				localHeight: "",
				active: 1,
				show: false,
				show2: false,
				baseList: [{
					image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1568.png",
					name: "订单",
					url: "",
				}],
			}
		},
		onLoad(options) {
			const meun = menuButtonInfo();
			this.top = meun.top;
			// this.top = meun.height + meun.top;
			this.localHeight = meun.height;
		},


		methods: {
			changeTab(index) {
				this.active = index;
			},
			back() {
				uni.navigateBack({
					delta: 1
				});
			},
			changeShow() {
				this.show = !this.show
			},
			changeShow2() {
				this.show2 = !this.show
			},
			click() {
				console.log('点击跳转订单页面')
				NavgateTo( '/packages/storeManagement/order/index')
			}
		},


	}
</script>

<style>
	@import url("./index.css");
</style>