/* 点播趋势图 */
<template>
<div class="trend-wrapper  height100 overview-detail">
    <div class="ecahrts-panel-box">
        <div class="panel-box-header">
            <span class="title">趋势图</span>
             <el-date-picker
                v-model="value1"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
          ></el-date-picker>
            <div class="tip">
                <span class="tip-title">页面说明:</span>
                <span>默认展示当月点播总量趋势图及详情表格，可按照时间段进行检索，图表可以联动变化。</span>
            </div>
        </div>
        <div class="panel-box-content">
            <trend-line/>
        </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 {trendLine, rankTable} from './components'
export default {
    data(){
        return {
            value1:'',
            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:{trendLine, rankTable},
    methods:{
        
    }
}
</script>

<style lang="less" scoped>

</style>