From fbed8eb7f2fb5a51e72c8560f4d48247b92f14b7 Mon Sep 17 00:00:00 2001 From: jiang <1354748262@qq.com> Date: 星期一, 22 一月 2024 13:14:00 +0800 Subject: [PATCH] 首页增加标题,增加CVT上线、CVT下线 --- jcdm-ui/src/views/dashboard/PanelGroup.vue | 46 ++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 42 insertions(+), 4 deletions(-) diff --git a/jcdm-ui/src/views/dashboard/PanelGroup.vue b/jcdm-ui/src/views/dashboard/PanelGroup.vue index f7b6b93..7301305 100644 --- a/jcdm-ui/src/views/dashboard/PanelGroup.vue +++ b/jcdm-ui/src/views/dashboard/PanelGroup.vue @@ -1,6 +1,7 @@ <template> <el-row :gutter="40" class="panel-group"> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <div class="top2">鍗曟棩绱浜ч噺</div> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('newVisitis')"> <div class="card-panel-icon-wrapper icon-people"> <svg-icon icon-class="peoples" class-name="card-panel-icon" /> @@ -13,7 +14,7 @@ </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('messages')"> <div class="card-panel-icon-wrapper icon-message"> <svg-icon icon-class="message" class-name="card-panel-icon" /> @@ -26,7 +27,7 @@ </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('purchases')"> <div class="card-panel-icon-wrapper icon-money"> <svg-icon icon-class="money" class-name="card-panel-icon" /> @@ -39,7 +40,7 @@ </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('shoppings')"> <div class="card-panel-icon-wrapper icon-shopping"> <svg-icon icon-class="shopping" class-name="card-panel-icon" /> @@ -52,7 +53,38 @@ </div> </div> </el-col> + + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <div class="card-panel" @click="handleSetLineChartData('shoppings')"> + <div class="card-panel-icon-wrapper icon-shopping"> + <svg-icon icon-class="shopping" class-name="card-panel-icon" /> + </div> + <div class="card-panel-description"> + <div class="card-panel-text"> + CVT涓婄嚎 + </div> + <count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> + </div> + </div> + </el-col> + + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <div class="card-panel" @click="handleSetLineChartData('shoppings')"> + <div class="card-panel-icon-wrapper icon-shopping"> + <svg-icon icon-class="shopping" class-name="card-panel-icon" /> + </div> + <div class="card-panel-description"> + <div class="card-panel-text"> + CVT涓嬬嚎 + </div> + <count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> + </div> + </div> + </el-col> + + </el-row> + </template> <script> @@ -71,6 +103,12 @@ </script> <style lang="scss" scoped> +.top2{ + font-size: 26px; + font-weight: bold; + margin-bottom: 16px; +} + .panel-group { margin-top: 18px; -- Gitblit v1.9.3