From d18a02869ef77492d078c1c199ed38e11023d0db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Mon, 4 Nov 2024 14:10:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/system/followupstatistics/index.vue | 184 +++++++++++++++---
1 file changed, 152 insertions(+), 32 deletions(-)
diff --git a/src/views/system/followupstatistics/index.vue b/src/views/system/followupstatistics/index.vue
index 1399c9e..c523147 100644
--- a/src/views/system/followupstatistics/index.vue
+++ b/src/views/system/followupstatistics/index.vue
@@ -49,32 +49,32 @@
AI电话拨打次数
-
1
+
350
成功率:
-
+
人工电话拨打次数
-
1
+
600
成功率:
-
+
AI电话拨打人数
-
1
+
200
成功率:
-
+
人工电话拨打人数
-
1
+
400
成功率:
-
+
-
总通话人数
-
短信发送数
-
小程序通知数
+
总通话人数：600
+
短信发送数：300
+
小程序通知数：350
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -123,6 +152,80 @@ export default {
departmentlist: [],
//病区list
wardlist: [],
+ tableData: [{
+ id: 1,
+ ksry: '总计',
+ jzcyrs: '66',
+ ysfjhrs: '76',
+ sffgl: '116%',
+ sfcgrs: '69',
+ sfcgl: '105%',
+ zndhcs: '7',
+ zndhcgl: '84%',
+ rgsfcs: '1',
+ rgsfcgl: '100%',
+ }, {
+ id: 2,
+ ksry: '骨伤科',
+ jzcyrs: '18',
+ ysfjhrs: '26',
+ sffgl: '145%',
+ sfcgrs: '26',
+ sfcgl: '145%',
+ zndhcs: '3',
+ zndhcgl: '30%',
+ rgsfcs: '2',
+ rgsfcgl: '50%',
+ }, {
+ id: 3,
+ ksry: '妇科',
+ jzcyrs: '66',
+ ysfjhrs: '76',
+ sffgl: '116%',
+ sfcgrs: '69',
+ sfcgl: '105%',
+ zndhcs: '7',
+ zndhcgl: '84%',
+ rgsfcs: '1',
+ rgsfcgl: '100%',
+ children: [{
+ id: 31,
+ ksry: '张三',
+ jzcyrs: '66',
+ ysfjhrs: '76',
+ sffgl: '116%',
+ sfcgrs: '69',
+ sfcgl: '105%',
+ zndhcs: '7',
+ zndhcgl: '84%',
+ rgsfcs: '1',
+ rgsfcgl: '100%',
+ }, {
+ id: 32,
+ ksry: '李四',
+ jzcyrs: '66',
+ ysfjhrs: '76',
+ sffgl: '116%',
+ sfcgrs: '69',
+ sfcgl: '105%',
+ zndhcs: '7',
+ zndhcgl: '84%',
+ rgsfcs: '1',
+ rgsfcgl: '100%',
+ }]
+ }, {
+ id: 4,
+ ksry: '肾内科',
+ jzcyrs: '66',
+ ysfjhrs: '76',
+ sffgl: '116%',
+ sfcgrs: '69',
+ sfcgl: '105%',
+ zndhcs: '7',
+ zndhcgl: '84%',
+ rgsfcs: '1',
+ rgsfcgl: '100%',
+ }],
};
},
created() {
@@ -163,8 +266,7 @@ export default {
{
name: 'AI电话拨打人数',
type: 'line',
- stack: 'Total',
- data: [120, 132],
+ data: [120, 200],
lineStyle: {
width: 3,
color: '#942CCA',
@@ -173,8 +275,7 @@ export default {
{
name: '人工电话拨打人数',
type: 'line',
- stack: 'Total',
- data: [220, 182],
+ data: [220, 400],
lineStyle: {
width: 3,
color: '#22B14C',
@@ -183,8 +284,7 @@ export default {
{
name: '短信发送数',
type: 'line',
- stack: 'Total',
- data: [150, 232],
+ data: [150, 300],
lineStyle: {
width: 3,
color: '#ED1C24',
@@ -193,8 +293,7 @@ export default {
{
name: '小程序通知数',
type: 'line',
- stack: 'Total',
- data: [320, 332],
+ data: [320, 350],
lineStyle: {
width: 3,
color: '#FF7F27',
@@ -209,7 +308,18 @@ export default {
var myChart = echarts.init(chartDom);
var option = {
tooltip: {
- trigger: 'axis'
+ trigger: 'axis',
+ formatter: function (params) {
+ var result = params[0].name + "
";
+ params.forEach(function (item) {
+ if (item.value) {
+ result += item.marker + " " + item.seriesName + " : " + item.value + "%";
+ } else {
+ result += item.marker + " " + item.seriesName + " : - ";
+ }
+ });
+ return result;
+ },
},
legend: {
data: ['AI电话拨打次数成功率', '人工电话拨打次数成功率', 'AI电话拨打人数成功率', '人工电话拨打人数成功率']
@@ -224,16 +334,29 @@ export default {
type: 'category',
data: ['2024年9月', '2024年10月']
},
- yAxis: {
- type: 'value',
- padding: [0, 50, 20, 20] // 加上padding可以调整其位置
- },
+ yAxis: [
+ {
+ type: 'value',
+ padding: [0, 50, 20, 20], // 加上padding可以调整其位置
+ // name: '单位（%）',
+ nameGap: 35,
+ nameTextStyle: { color: '#666666' },
+ axisTick: { show: false },
+ axisLabel: {
+ show: true,
+ interval: 0, // 使x轴文字显示全
+ color: '#666666',
+ formatter: '{value}%' //y轴数值，带百分号
+ },
+ axisLine: { show: true, lineStyle: { color: '#dddddd' } },
+ splitLine: { lineStyle: { type: 'dashed', color: '#eeeeee' } }
+ }
+ ],
series: [
{
name: 'AI电话拨打次数成功率',
type: 'line',
- stack: 'Total',
- data: [150, 232],
+ data: [15, 60],
lineStyle: {
width: 3,
color: '#FFF200',
@@ -242,8 +365,7 @@ export default {
{
name: '人工电话拨打次数成功率',
type: 'line',
- stack: 'Total',
- data: [320, 332],
+ data: [32, 90],
lineStyle: {
width: 3,
color: '#00A2E8',
@@ -252,8 +374,7 @@ export default {
{
name: 'AI电话拨打人数成功率',
type: 'line',
- stack: 'Total',
- data: [120, 132],
+ data: [12, 60],
lineStyle: {
width: 3,
color: '#3F48CC',
@@ -262,8 +383,7 @@ export default {
{
name: '人工电话拨打人数成功率',
type: 'line',
- stack: 'Total',
- data: [220, 182],
+ data: [22, 90],
lineStyle: {
width: 3,
color: '#880015',