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
@@ -84,6 +84,35 @@
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
@@ -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',