近7天
近15天
@@ -600,14 +600,12 @@ export default {
},
//卡片下折线图
SwitchCARDS(newline,newline2,Strname){
+ echarts.init(document.getElementById('main')).dispose(); // 销毁实例
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;
option = {
- tooltip: {
- trigger: 'axis'
- },
legend: {
data: [Strname],
bottom: '10',
@@ -635,9 +633,25 @@ export default {
}
}
},
- yAxis: {
+ series: [{
+ name:Strname,
+ data: newline,
+ type: 'line',
+ smooth: true,
+
+ }]
+ };
+
+ if(this.cardindex==4){
+ option.tooltip={
+ trigger: 'axis',
+ formatter: '{b0}: {c0}'+'/%'
+ };
+ option.yAxis={
type: 'value',
- splitNumber:4,
+ splitNumber:5,
+ max:100,
+ min:0,
axisLabel: { //重点在这一块,其余可以忽略
textStyle: {
color: '#212121', //更改坐标轴文字颜色
@@ -658,15 +672,48 @@ export default {
axisTick: { //y轴刻度线
show: false
},
- },
- series: [{
- name:Strname,
- data: newline,
- type: 'line',
- smooth: true,
+ }
+ }else{
+ option.yAxis={
+ type: 'value',
+ splitNumber:5,
+ min:0,
+ minInterval: 1,
+ axisLabel: { //重点在这一块,其余可以忽略
+ textStyle: {
+ color: '#212121', //更改坐标轴文字颜色
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ ype: 'solid',
+ color: '#DDE1EE',//x线的颜色
+ width:'1'//坐标线的宽度
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ type: 'dashed' // y轴分割线类型
+ }
+ },
+ axisTick: { //y轴刻度线
+ show: false
+ },
+ };
+ }
+
+ if(this.cardindex==3){
+ option.tooltip={
+ trigger: 'axis',
+ formatter: '{b0}: {c0}'+'/分钟'
+ };
+ }else{
+ option.tooltip={
+ trigger: 'axis',
+ formatter: '{b0}: {c0}'+'/次'
+ };
+ }
- }]
- };
option && myChart.setOption(option);
window.addEventListener("resize", () => { myChart.resize();});
},
@@ -677,7 +724,8 @@ export default {
let myChart = echarts.init(chartDom);
let option= {
tooltip: {
- trigger: 'axis'
+ trigger: 'axis',
+ formatter: '{b0}: {c0}'+'/%'
},
legend: {
data: ['执行率/%'],
@@ -708,7 +756,9 @@ export default {
},
yAxis: {
type: 'value',
- splitNumber:4,
+ splitNumber:5,
+ max:100,
+ min:0,
axisLabel: { //重点在这一块,其余可以忽略
textStyle: {
color: '#212121', //更改坐标轴文字颜色
@@ -748,8 +798,9 @@ export default {
let myChart = echarts.init(chartDom);
let option= {
tooltip: {
- trigger: 'axis'
- },
+ trigger: 'axis',
+ formatter: '{b0}: {c0}'+'/%'
+ },
legend: {
data: ['执行率/%'],
bottom: '10',
@@ -779,7 +830,9 @@ export default {
},
yAxis: {
type: 'value',
- splitNumber:4,
+ splitNumber:5,
+ max:100,
+ min:0,
axisLabel: { //重点在这一块,其余可以忽略
textStyle: {
color: '#212121', //更改坐标轴文字颜色
diff --git a/src/views/Statistics/ReceptionStatistical.vue b/src/views/Statistics/ReceptionStatistical.vue
index b22405d..fa2026a 100644
--- a/src/views/Statistics/ReceptionStatistical.vue
+++ b/src/views/Statistics/ReceptionStatistical.vue
@@ -1,6 +1,8 @@
+
+
接待时间:
-
-
@@ -489,42 +492,53 @@ export default {
color: #ffffff;
background: #2671e2;
}
-.app-titel {
+.app-top {
width: 100%;
- height: 70px;
background: #ffffff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
border-radius: 4px;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- .titel-text {
- height: 100%;
- font-size: 18px;
- font-weight: 600;
- color: #32363d;
- line-height: 70px;
- margin-left: 30px;
- }
- .toptimeqhuan {
- width: 190px;
- height: 32px;
- background: #ffffff;
- border-radius: 4px;
- border: 1px solid #e0e0e0;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ .app-titel {
+ width: 100%;
display: flex;
align-items: center;
- overflow: hidden;
- margin-left: 30px;
- cursor: pointer;
- }
- .toptimeqhuan div {
- flex: 1;
- text-align: center;
- line-height: 32px;
- font-size: 16px;
+ flex-wrap: wrap;
+ .label {
+ font-size: 14px;
+ font-weight: 400;
+ color: #32363d;
+ line-height: 32px;
+ margin-left: 15px;
+ // min-width: 100px;
+ text-align: right;
+ }
+ .toptimeqhuan {
+ height: 30px;
+ background: #ffffff;
+ display: flex;
+ align-items: center;
+ margin-left: 20px;
+ }
+ .toptimeqhuan div {
+ padding-left: 20px;
+ padding-right: 20px;
+ text-align: center;
+ line-height: 30px;
+ font-size: 14px;
+ margin-right: 15px;
+ border-radius: 4px;
+ border: 1px solid #e0e0e0;
+ }
}
}
+.div-lab {
+ display: flex;
+ margin: 5px;
+}
+.div-inp {
+ width: 250px;
+}
.app-box-san {
width: 100%;
diff --git a/src/views/Statistics/TheTeamCompared.vue b/src/views/Statistics/TheTeamCompared.vue
index 4d0ccd0..c8a5ef4 100644
--- a/src/views/Statistics/TheTeamCompared.vue
+++ b/src/views/Statistics/TheTeamCompared.vue
@@ -2,7 +2,7 @@
-
接待时间:
+
接待时间:
近7天
@@ -716,6 +716,7 @@ tbody tr {
height: 32px;
background: #ffffff;
border-radius: 4px;
+ margin-left: 20px;
border: 1px solid #e0e0e0;
display: flex;
align-items: center;
diff --git a/src/views/Statistics/TrendAnalysis.vue b/src/views/Statistics/TrendAnalysis.vue
index f3b4322..03712bb 100644
--- a/src/views/Statistics/TrendAnalysis.vue
+++ b/src/views/Statistics/TrendAnalysis.vue
@@ -3,7 +3,7 @@
-
接待时间:
+
接待时间:
近7天
diff --git a/src/views/Statistics/index.vue b/src/views/Statistics/index.vue
index f946a90..c5a75be 100644
--- a/src/views/Statistics/index.vue
+++ b/src/views/Statistics/index.vue
@@ -14,6 +14,7 @@
+
接待时间:
今日
@@ -379,7 +380,7 @@ export default {
display: flex;
align-items: center;
overflow: hidden;
- margin-left: 30px;
+ margin-left: 20px;
cursor: pointer;
}
.toptimeqhuan div {