<template>
    <view class="main-block">
        <view class="page-block">
            <view class="btn-list">
				<block v-for="(item,index) in power_list" :key='index'>
						<navigator v-if="item.id!=858" class="item flex flex-col flex-center" :url="item.address">
							<image :src="item.image" class="icon-img" mode="aspectFit"></image>
							<view class="name">{{item.name}}</view>
						</navigator>
						<view v-if="item.id==858" @click="navToIntegral" class="item flex flex-col flex-center">
							<image src="../static/images/icon_1.png" class="icon-img" mode="aspectFit"></image>
							<view class="name">积分推送</view>
						</view>
				</block>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
		data() {
		    return {
				power_list:[],
		    }
		},
			
		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: {
            navToIntegral() {
                let urls = ['./templateMessage', './vipCardMessage']
                uni.showActionSheet({
                    itemList: ['模板消息推送', '会员卡消息推送'],
                    success: (r) => {
                        uni.navigateTo({
                            url: urls[r.tapIndex]
                        })
                    }
                })
            },
			
			
        }
    }
</script>

<style>
    .main-block {
        padding: 50rpx 25rpx 0;
    }

    .btn-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .page-block {
        width: 700rpx;
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 8rpx;
        margin-bottom: 30rpx;

    }

    .btn-list .item {
        width: 33.33%;
        height: 145rpx;
    }

    .btn-list .item .icon-img {
        display: block;
        width: 48rpx;
        height: 48rpx;
    }

    .btn-list .item .name {
        font-size: 24rpx;
        line-height: 33rpx;
        margin-top: 16rpx;
        color: #666;
    }
</style>
