panelGroup组件完善参数传入功能:peoples,message,money,shopping

pull/45/head
Ken(E3-1230v2) 5 years ago
parent f7a701db33
commit cf147fe5de

@ -9,7 +9,7 @@
<div class="card-panel-text"> <div class="card-panel-text">
访客 访客
</div> </div>
<count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" /> <count-to :start-val="0" :end-val="maxNum.peoples" :duration="2600" class="card-panel-num" />
</div> </div>
</div> </div>
</el-col> </el-col>
@ -22,7 +22,7 @@
<div class="card-panel-text"> <div class="card-panel-text">
消息 消息
</div> </div>
<count-to :start-val="0" :end-val="81212" :duration="3000" class="card-panel-num" /> <count-to :start-val="0" :end-val="maxNum.message" :duration="3000" class="card-panel-num" />
</div> </div>
</div> </div>
</el-col> </el-col>
@ -35,7 +35,7 @@
<div class="card-panel-text"> <div class="card-panel-text">
金额 金额
</div> </div>
<count-to :start-val="0" :end-val="9280" :duration="3200" class="card-panel-num" /> <count-to :start-val="0" :end-val="maxNum.money" :duration="3200" class="card-panel-num" />
</div> </div>
</div> </div>
</el-col> </el-col>
@ -48,7 +48,7 @@
<div class="card-panel-text"> <div class="card-panel-text">
订单 订单
</div> </div>
<count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> <count-to :start-val="0" :end-val="maxNum.shopping" :duration="3600" class="card-panel-num" />
</div> </div>
</div> </div>
</el-col> </el-col>
@ -59,6 +59,19 @@
import CountTo from 'vue-count-to' import CountTo from 'vue-count-to'
export default { export default {
props: ['peoples', 'message', 'money', 'shopping'],
data() {
let obj = {
maxNum : {
peoples : this.peoples==undefined? 0 : this.peoples,//
message : this.message==undefined? 0 : this.message,//
money : this.money==undefined? 0 : this.money,//
shopping : this.shopping==undefined? 0 : this.shopping //
}
}
// console.log(obj.maxNum.peoples);
return obj;
},
components: { components: {
CountTo CountTo
}, },

@ -1,7 +1,7 @@
<template> <template>
<div class="dashboard-editor-container"> <div class="dashboard-editor-container">
<panel-group @handleSetLineChartData="handleSetLineChartData" /> <panel-group @handleSetLineChartData="handleSetLineChartData" :peoples="102401" :message="812123" :money="9281" :shopping="13601" />
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<line-chart :chart-data="lineChartData" /> <line-chart :chart-data="lineChartData" />

Loading…
Cancel
Save