/* 点播趋势图 */ <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>