From a0aea8a1fcb338516d94d82856e80bc558375f31 Mon Sep 17 00:00:00 2001
From: hdy <1105738590@qq.com>
Date: 星期三, 24 一月 2024 11:22:53 +0800
Subject: [PATCH] 修改-总装上线
---
jcdm-ui/src/views/dashboard/PanelGroup.vue | 56 ++++++++++++++++++++++++++++----------------------------
1 files changed, 28 insertions(+), 28 deletions(-)
diff --git a/jcdm-ui/src/views/dashboard/PanelGroup.vue b/jcdm-ui/src/views/dashboard/PanelGroup.vue
index 29156b6..dbeb718 100644
--- a/jcdm-ui/src/views/dashboard/PanelGroup.vue
+++ b/jcdm-ui/src/views/dashboard/PanelGroup.vue
@@ -1,11 +1,11 @@
<template>
- <el-row :gutter="40" class="panel-group">
- <el-card class="bottom-card">
+
+ <el-card class="box-card">
<div slot="header" class="clearfix">
<span class="top2">鍗曟棩绱浜ч噺</span>
</div>
-
- <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
+ <el-row :gutter="40" class="panel-group">
+ <el-col :span="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" />
@@ -18,7 +18,7 @@
</div>
</div>
</el-col>
- <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
+ <el-col :span="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" />
@@ -31,7 +31,7 @@
</div>
</div>
</el-col>
- <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
+ <el-col :span="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" />
@@ -44,7 +44,7 @@
</div>
</div>
</el-col>
- <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
+ <el-col :span="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" />
@@ -58,7 +58,7 @@
</div>
</el-col>
- <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
+ <el-col :span="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" />
@@ -71,8 +71,7 @@
</div>
</div>
</el-col>
-
- <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
+ <el-col :span="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" />
@@ -85,9 +84,9 @@
</div>
</div>
</el-col>
-
+ </el-row>
</el-card>
- </el-row>
+
</template>
@@ -107,14 +106,14 @@
</script>
<style lang="scss" scoped>
-.bottom-card{
- padding: 15px 20px 20px 20px;
- height: auto;
- width: 1272px;
- margin-left: 20px;
- justify-content: center;
- column-width: max-content;
-}
+//.bottom-card{
+// padding: 15px 20px 20px 20px;
+// height: auto;
+// width: 1272px;
+// margin-left: 20px;
+// justify-content: center;
+// column-width: max-content;
+//}
.top2{
font-size: 18px;
@@ -124,13 +123,14 @@
.panel-group {
- width: 1272px;
- margin-left: 20px;
+ width: 1442px;
.card-panel-col {
- margin-bottom: 32px;
- }
+ margin-bottom: 15px;
+ }
.card-panel {
+ margin-left: -13px;
+ width: 220px;
height: 108px;
cursor: pointer;
font-size: 12px;
@@ -181,7 +181,7 @@
.card-panel-icon-wrapper {
float: left;
- margin: 14px 0 0 14px;
+ margin: 14px 0 0 10px;
padding: 16px;
transition: all 0.38s ease-out;
border-radius: 6px;
@@ -195,9 +195,9 @@
.card-panel-description {
float: right;
font-weight: bold;
- margin: 26px;
- margin-left: 0px;
- padding: 20px 20px;
+ margin: 15px 30px 0 0;
+ //margin-left: 0px;
+ padding: 15px 15px;
.card-panel-text {
line-height: 14px;
--
Gitblit v1.9.3