/**
* @Author Sean
* @Date 2019/5/8
*/
<template>
    <h-view class="public-style" style="height: 100%">
        <h-content>
          <list-item :item-height="45">
            <item :show-arrow="true" v-for="(list,index) in seniorChartList" :key="index" :proportion="[4,1]" @click.native="goDetail(list.tab)">
              <img slot="left-icon" :src="list.chartIconUrl" class="left-icon">
              <div slot="name">{{list.chartName}}</div>
            </item>
          </list-item>
        </h-content>
    </h-view>
</template>

<script>
    export default {
        data() {
            return {
              seniorChartList : [
                {
                  "chartIconUrl":require('../../../../assets/report/RadarChart.png'),
                  "chartName":"雷达图",
                  "tab":"RadarChart"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/ArcGridChart.png'),
                  "chartName":"弧形网格线",
                  "tab":"ArcGridChart"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/InteractionLegend.png'),
                  "chartName":"带交互的图例",
                  "tab":"InteractionLegend"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/ClickLine.png'),
                  "chartName":"可点击的折线图",
                  "tab":"ClickLine"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/TitleTooltip.png'),
                  "chartName":"带标题的tooltip",
                  "tab":"TitleTooltip"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/Guide.png'),
                  "chartName":"guide",
                  "tab":"Guide"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/otherChart.png'),
                  "chartName":"其他高级报表",
                  "tab":"OtherChart"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/basicChart.png'),
                  "chartName":"Stats Card",
                  "tab":"StatsCard"
                },
                {
                  "chartIconUrl":require('../../../../assets/report/HeartRate.png'),
                  "chartName":"心率图",
                  "tab":"HeartRate"
                },
              ]
            }
        },
        created: function () {
        },
        mounted: function () {
        },
        updated: function () {
        },
        destroyed: function () {
        },
        methods: {
          goDetail(tab) {
            this.$router.push({
              name: tab,
            })
          }
        }
    }
</script>

<style scoped lang="less" rel="stylesheet">
    .public-style {
        .content {
          img{
            width: 11%
          }
        }
    }
</style>
