interaction.vue

/* 互动频次 */
<template>
<div class="interaction-wrapper height100 overview-detail">
   <div class="ecahrts-panel-box">
       <div class="panel-box-header">
            <span class="title">互动频次</span>
            <div class="tip">
                <span class="tip-title">页面说明:</span>
                <span> 可查看当前系统各项数据统计情况。互动频次及点播趋势图展示部分数据，可进入互动统计及趋势分析详情页查看全部数据。</span>
            </div>
        </div>
         <div class="panel-box-content">
             <bar/>
         </div>
    </div>
    <div class="rank-panel-box">
        <div class="panel-box-header">
              <span class="title">互动频次排行</span>
         </div>   
         <div class="panel-box-content">
            <rank-table 
             :tList="tList"
             :data="data"   
             />
         </div>  
    </div>
</div>
</template>

<script>
import {bar,rankTable} from './components'
export default {
    data(){
        return {
            tList:['排名','统计时间','点播总量'],
             data:[
                {index:1,time:'2021年1月',num:'268'},
                {index:2,time:'2021年1月',num:'268'},
                {index:3,time:'2021年1月',num:'268'},
                {index:4,time:'2021年1月',num:'268'},
                {index:5,time:'2021年1月',num:'268'},
                {index:6,time:'2021年1月',num:'268'},
                {index:7,time:'2021年1月',num:'268'},
                {index:8,time:'2021年1月',num:'268'},
                {index:9,time:'2021年1月',num:'268'},
                {index:10,time:'2021年1月',num:'268'}
            ]
        }
    },
    components:{bar,rankTable},
    methods:{

    }
}
</script>

<style>

</style>