<template>
    <div class="page">
        <ul class="list">
            <li class="item" v-for="item of menuList" :key="item.id" @click="jump(item.url)">
                <div class="name">{{item.name}}</div>
                <my-image
                    class="arrow"
                    src="/static/common/arrows_left.png"
                ></my-image>
            </li>
            <!-- <li class="item" @click="jump('/pages/manage/statistics/product')">
                <div class="name">商品分析</div>
                <my-image
                    class="arrow"
                    src="/static/common/arrows_left.png"
                ></my-image>
            </li>
            <li class="item" @click="jump('/pages/manage/statistics/uv')">
                <div class="name">访客分析</div>
                <my-image
                    class="arrow"
                    src="/static/common/arrows_left.png"
                ></my-image>
            </li> -->
            <!-- <li class="item" @click="jump('/pages/manage/statistics/pv')">
                <div class="name">pv数据分析</div>
                <my-image
                    class="arrow"
                    src="/static/common/arrows_left.png"
                ></my-image>
            </li> -->
        </ul>
    </div>
</template>

<script>
import MyImage from "../../../components/image/index";
export default {
    name: "",
    components: { MyImage },

    // 数据
    data() {
        return {
            curShop: {},
            menuList:[]
        };
    },

    onLoad() {
        let appMenuList = this.$store.state.user.menuList;
        for(let item of appMenuList){
            if(item.id === 'mobile_statistic'){
                this.menuList = item.children;
            }
        }
    },
    async onShow() {},
    // 函数
    methods: {},

    // 数据计算
    computed: {
        user() {
            return this.$store.state.user.user;
        },
    },

    // 数据监听
    watch: {},
};
</script>

<style lang="scss" scoped>
.page {
    min-height: 100vh;
    background-color: #fff;
}
.list {
    border-top: 1px solid #f1f1f1;
    .item {
        height: px(120);
        padding: 0 px(35);
        font-size: px(44);
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f1f1f1;
    }
    .arrow {
        width: px(40);
        height: px(40);
        flex-shrink: 0;
        transform: rotate(180deg);
        /deep/ img {
            width: px(40);
            height: px(40);
        }
    }
}
</style>