<template>
    <view class="content">
        <view class="header">
            <image src="../../static/images/skm_fn_bg.png" mode="aspectFill" class="bg-img"></image>
            <view class="info-block flex-y-center">
                <view class="info">
                    <view class="title">智慧经营管理</view>
                    <view class="desc">手机管理方便又快捷</view>
                </view>
            </view>
        </view>
        <view class="content-row">
            <view class="setup flex-y-center ft32">
                常用应用
            </view>
            <view class="table">
                <view class="table-tr">

					<block v-for="(item,index) in power_list" :key='index'>
						
						<navigator v-if="item.id!=561 && item.id!=818" class="table-td" :url="item.address">
							<image :src="item.image"></image>
							<view>{{item.name}}</view>
						</navigator>
						
						<navigator v-if="item.id==818" class="table-td" :url="`${item.address}?sid=${sid}&id=${item.id}`">
							<image :src="item.image"></image>
							<view>{{item.name}}</view>
						</navigator>
						
						<block v-if="item.id==561">
							<block v-for="(children,idx) of item.list" :key='idx'>
								<navigator :url="`${children.address}?id=${children.id}`"
									class="table-td">
									<image :src="children.image"></image>
									<view>{{children.name}}</view>
								</navigator>
							</block>
						</block>	
					</block>
					
                    <navigator class="table-td" url="/storeInfoIng/bannerList">
                        <image src="../static/images/icon_9.png" mode=""></image>
                        <view class="">广告列表</view>
                    </navigator>

<!--                    <navigator class="table-td" url="/saomaDiancan/SystemSet/SystemSet">
                        <image src="../static/images/icon_5.png" mode=""></image>
                        <view class="">通用设置</view>
                    </navigator> -->

      <!--              <navigator class="table-td" url="/saomaDiancan/SystemSet/distriAdmin">
                        <image src="../static/images/ps.png" mode=""></image>
                        <view class="">聚合配送</view>
                    </navigator> -->

<!--                    <navigator class="table-td" url="/saomaDiancan/SystemSet/subscribe">
                        <image src="../static/images/icon_2.png" mode=""></image>
                        <view class="">订阅消息</view>
                    </navigator> -->

          <!--          <navigator class="table-td" url="/storeInfoIng/staff?type=1">
                        <image src="../static/images/icon_3.png" mode=""></image>
                        <view class="">员工列表</view>
                    </navigator>

                    <navigator class="table-td" url="/storeInfoIng/handover?type=1">
                        <image src="../static/images/icon_8.png" mode=""></image>
                        <view class="">交班记录</view>
                    </navigator> -->

<!-- 
                    <navigator class="table-td" url="./xcxList">
                        <image src="../static/images/icon_4.png" mode=""></image>
                        <view class="">跳转小程序</view>
                    </navigator> -->

             <!--       <navigator class="table-td" url="../order/juheOrder?type=1">
                        <image src="../static/images/icon_2.png"></image>
                        <view class="">订单列表</view>
                    </navigator>

                    <navigator class="table-td" url="../order/delivery?type=1">
                        <image src="../static/images/ps.png"></image>
                        <view class="">聚合配送费记录</view>
                    </navigator>
					
                    <navigator class="table-td" url="/saomaDiancan/orderList/orderList">
                        <image src="/static/images/gn_icon_3.png"></image>
                        <view class="">小程序订单</view>
                    </navigator>
					
                    <navigator class="table-td" url="/saomaDiancan/order/refundRecord">
                        <image src="/static/images/gn_icon_2.png"></image>
                        <view class="">退款记录</view>
                    </navigator> -->

                </view>
            </view>
        </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                // is_admin: 1,
                // admin_id: uni.getStorageSync("admin_id"),
				power_list:[],
				sid:''
            }
        },

        onLoad(e) {
			this.sid=e.id;
			let { list } = this.$store.state.management_list_store.find((v, i) => v.id == e.id)
			this.power_list = list
        },

        methods: {


        }
    }
</script>

<style>
    .setup {
        width: 100%;
        height: 90rpx;

        opacity: 1;
        padding: 0 22rpx;
    }

    .table,
    .table div {
        margin: 0 auto;
    }

    .table {
        /* display: table; */
        width: 100%;
        border-collapse: collapse;
        box-sizing: border-box;
    }

    .table-tr {
        /* display: table-row; */
        /* height: 92rpx; */
    }

    .table-th {
        display: table-cell;
        font-weight: bold;
        border: 1rpx solid #FAFAFA;
        text-align: center;
        vertical-align: middle;
    }

    .table-td {
        display: inline-block;
        border: 1rpx solid #FAFAFA;
        text-align: center;
        vertical-align: middle;
        background: #fff;
        font-size: 27rpx;
        color: #666666;
        padding: 62rpx 0;
        width: 33.333%;
    }

    .table-td image {
        width: 50rpx;
        height: 50rpx;
        margin-bottom: 23rpx;
    }

    .header {
        width: 100%;
        height: 198rpx;
        position: relative;
    }

    .header .bg-img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 198rpx;
    }

    .header .info-block {
        padding: 0 40rpx 0 48rpx;
        height: 198rpx;
        position: relative;
        z-index: 2;
    }

    .header .info-block .title {
        font-size: 36rpx;
        color: #fff;
        font-weight: 500;
        line-height: 50rpx;
    }

    .header .info-block .desc {
        font-size: 28rpx;
        font-weight: 500;
        color: #fff;
        line-height: 40rpx;
        margin-top: 8rpx;
    }

    .header .info-block .btn {
        width: 170rpx;
        height: 56rpx;
        border-radius: 28rpx;
        background-color: rgb(255, 255, 255);
        text-align: center;
        line-height: 52rpx;
        font-size: 28rpx;
        font-weight: 500;
        color: #3387FF;
    }
</style>
