+ ">
{{ item.name }}
{{ item.zxl }}%
@@ -1400,11 +1341,96 @@ export default {
min-width: 1000px;
padding-bottom: 100px;
}
+.tabcard{
+ /deep/ .el-card__body {
+ padding: 8px;
+ cursor: pointer;
+ }
+
+ .text1 {
+ height: 16px;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 16px;
+ text-indent: 20px;
+ margin-top: 10px;
+ color: #666666;
+ }
+
+ .text2 {
+ height: 32px;
+ font-size: 32px;
+ font-weight: normal;
+ line-height: 32px;
+ text-indent: 20px;
+ margin-top: 10px;
+ }
+ .text3 {
+ font-size: 14px;
+ margin: 10px 0;
+ width: 100%;
+ text-indent: 20px;
+ display: flex;
+ align-items: center;
+
+
+ .textUp {
+ font-size: 14px;
+ display: flex;
+ font-weight: 600;
+ color: rgba(231, 72, 60, 1);
+ background: rgba(253, 240, 239, 1);
+ align-items: center;
+ padding: 3px 12px 3px 0;
+ border-radius: 3px;
+ margin-left: 8px;
+
+ .up {
+ font-size: 14px;
+ display: block;
+ width: 20px;
+ height: 15px;
+ background: url("../../../public/img/indexIcon/indexCardUp.png") no-repeat;
+ background-size: 100%;
+ margin-left: 8px;
+ }
+ }
+
+ .textDown {
+ font-size: 14px;
+ display: flex;
+ font-weight: 600;
+ color: rgba(7, 183, 157, 1);
+ background: rgba(235, 250, 246, 1);
+ align-items: center;
+ padding: 3px 12px 3px 0;
+ border-radius: 3px;
+ margin-left: 8px;
+
+ .down {
+ display: block;
+ width: 20px;
+ height: 15px;
+ background: url("../../../public/img/indexIcon/indexCardDown.png") no-repeat;
+ background-size: 100%;
+ margin-left: 8px;
+ }
+ }
+ }
+
+ .tophovese {
+ border: 1px solid #2671e2 !important;
+ background: rgba(38, 113, 226, 0.04);
+ color: #666 !important;
+ }
+}
.container {
display: grid;
grid-template-columns: repeat(5, 19%);
grid-column-gap: 12px;
+
+
}
// 进度条
@@ -1416,6 +1442,7 @@ export default {
font-size: 16px;
color: #2c3542;
margin-top: 20px;
+
.jinboxtit {
width: 14%;
height: 18px;
@@ -1424,21 +1451,25 @@ export default {
text-overflow: ellipsis;
overflow: hidden;
}
+
.jinbox-box {
width: 75%;
height: 100%;
border-radius: 8px;
background: #f2f2f2;
}
+
.boxbaifenbi {
height: 100%;
background: #60d7a0;
border-radius: 8px;
}
+
.boxbaifenbi2 {
height: 100%;
background: #5b8ff9;
}
+
.jinboxbott {
width: 16%;
text-indent: 20px;
@@ -1449,39 +1480,47 @@ export default {
width: 100%;
height: 380px;
}
+
#Brokenline1 {
width: 100%;
height: 350px;
}
+
#Brokenline2 {
width: 100%;
height: 350px;
}
+
#Pinspeak1 {
width: 100%;
height: 350px;
}
+
#Pinspeak2 {
width: 100%;
height: 350px;
}
+
.app-box-san {
width: 100%;
// height: 400px;
display: flex;
margin-top: 15px;
+
.zuo {
flex: 1;
height: 100%;
margin-right: 15px;
background: #ffffff;
border-radius: 4px;
+
.title {
width: 100%;
height: 55px;
border-bottom: 1px solid #e0e0e0;
display: flex;
align-content: center;
+
.text1 {
flex-grow: 1;
line-height: 55px;
@@ -1490,6 +1529,7 @@ export default {
font-size: 16px;
color: #333333;
}
+
.text2 {
flex-grow: 1;
height: 55px;
@@ -1498,17 +1538,20 @@ export default {
}
}
}
+
.you {
height: 100%;
flex: 1;
background: #ffffff;
border-radius: 4px;
+
.title {
width: 100%;
height: 55px;
border-bottom: 1px solid #e0e0e0;
display: flex;
align-content: center;
+
.text1 {
flex-grow: 1;
line-height: 55px;
@@ -1517,6 +1560,7 @@ export default {
font-size: 16px;
color: #333333;
}
+
.text2 {
flex-grow: 1;
height: 55px;
@@ -1535,6 +1579,7 @@ export default {
margin-top: 15px;
padding: 15px;
}
+
.grid-content {
background: #ffffff;
min-height: 90px;
@@ -1572,9 +1617,11 @@ export default {
color: #ffffff;
background: #2671e2;
}
+
.tophovese {
- color: #2671e2;
+ // color: #2671e2;
}
+
.app-top {
width: 100%;
background: #ffffff;
@@ -1583,10 +1630,12 @@ export default {
padding-top: 15px;
padding-bottom: 15px;
}
+
.app-titel {
width: 100%;
display: flex;
align-items: center;
+
.titel-text {
height: 100%;
font-size: 16px;
@@ -1594,6 +1643,7 @@ export default {
color: #32363d;
text-indent: 30px;
}
+
.toptimeqhuan {
width: 190px;
height: 32px;
@@ -1606,6 +1656,7 @@ export default {
margin-left: 20px;
cursor: pointer;
}
+
.toptimeqhuan div {
flex: 1;
text-align: center;
@@ -1613,14 +1664,17 @@ export default {
font-size: 14px;
}
}
+
.hejisan {
width: 92%;
margin: 0 auto;
display: flex;
margin-top: 15px;
+
.text1-1 {
color: #666666;
}
+
.text1-2 {
color: #333333;
margin-top: 10px;
diff --git a/src/views/Statistics/TrendAnalysis.vue b/src/views/Statistics/TrendAnalysis.vue
index 3d9d9e1..9523134 100644
--- a/src/views/Statistics/TrendAnalysis.vue
+++ b/src/views/Statistics/TrendAnalysis.vue
@@ -1,29 +1,30 @@
-
-
+
+
+
筛选日期：
+
+ 近7天
+ 近15天
+ 近30天
+
+
+
+
-
-
接待时间:
+
+
+
- 对比时间段
+ 对比时间段
-
+ " @click="show">
@@ -83,25 +78,14 @@
{{ selectTime }}
-
-
-
+
@@ -120,27 +104,29 @@
{{ cardobj.startSumCustomer || 0 }}次
-
+
-
对比:{{ cardobj.endSumCustomer || 0 }}次
-
-
{{
- cardobj.contrastSumCustomer
- }}
-
{{ cardobj.contrastSumCustomer }}
-
{{ cardobj.contrastSumCustomer }}
+
+
+
+ 环比:{{ cardobj.endSumCustomer || 0 }}次
+
+
+ +{{ cardobj.contrastSumCustomer || 0 }}
+
+
+
+ {{ cardobj.contrastSumCustomer || 0 }}
+
+
+
+ 数据有所增长
+ 数据有所下降
+
+
+
@@ -155,27 +141,29 @@
{{ cardobj.startFraction || 0 }}%
-
+
@@ -37,17 +37,17 @@
环比:{{ cardlist.sequential.fraction || 0 }}
-
- +{{ cardlist.liftlist.fraction || 0 }}
-
-
-
- -{{ cardlist.liftlist.fraction || 0 }}
-
-
+
+ +{{ cardlist.liftlist.fraction || 0 }}
+
+
+
+ {{ cardlist.liftlist.fraction || 0 }}
+
+
- 数据有所增长
- 数据有所下降
+ 数据有所增长
+ 数据有所下降
@@ -72,17 +72,17 @@
@@ -110,17 +110,17 @@
-
-
- 
@@ -162,31 +159,31 @@
@@ -197,31 +194,31 @@
@@ -232,17 +229,17 @@
+ 
-