xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
辉 2024-11-04 14:10:41 +08:00
parent d6e8cef9e7
commit d18a02869e
1 changed files with 152 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

180
src/views/system/followupstatistics/index.vue
View File

@ -49,32 +49,32 @@
<div class="app"> <div class="app">
<div class="content"> <div class="content">
<div class="words">AI电话拨打次数</div> <div class="words">AI电话拨打次数</div>
<div class="num">1</div> <div class="num">350</div>
<div class="rate">成功率:</div> <div class="rate">成功率:</div>
<el-progress :percentage="12"></el-progress> <el-progress :percentage="60"></el-progress>
</div> </div>
<div class="content"> <div class="content">
<div class="words">人工电话拨打次数</div> <div class="words">人工电话拨打次数</div>
<div class="num">1</div> <div class="num">600</div>
<div class="rate">成功率:</div> <div class="rate">成功率:</div>
<el-progress :percentage="12"></el-progress> <el-progress :percentage="90"></el-progress>
</div> </div>
<div class="content"> <div class="content">
<div class="words">AI电话拨打人数</div> <div class="words">AI电话拨打人数</div>
<div class="num">1</div> <div class="num">200</div>
<div class="rate">成功率:</div> <div class="rate">成功率:</div>
<el-progress :percentage="12"></el-progress> <el-progress :percentage="60"></el-progress>
</div> </div>
<div class="content"> <div class="content">
<div class="words">人工电话拨打人数</div> <div class="words">人工电话拨打人数</div>
<div class="num">1</div> <div class="num">400</div>
<div class="rate">成功率:</div> <div class="rate">成功率:</div>
<el-progress :percentage="12"></el-progress> <el-progress :percentage="90"></el-progress>
</div> </div>
<div class="content" style="margin-right: 0;"> <div class="content" style="margin-right: 0;">
<div class="words" style="top:20px;font-size: 17px;">总通话人数</div> <div class="words" style="top:20px;font-size: 17px;">总通话人数：600</div>
<div class="words" style="top:60px;font-size: 17px;">短信发送数</div> <div class="words" style="top:60px;font-size: 17px;">短信发送数：300</div>
<div class="words" style="top:100px;font-size: 17px;">小程序通知数</div> <div class="words" style="top:100px;font-size: 17px;">小程序通知数：350</div>
</div> </div>
</div> </div>
<div class="trend"> <div class="trend">
@ -84,6 +84,35 @@
<div id="rightechart" style="height:400px;width: 48%;"> </div> <div id="rightechart" style="height:400px;width: 48%;"> </div>
</div> </div>
</div> </div>
<div class="trend">
<el-descriptions title="随访明细表" style="padding:20px 0 0 15px;" />
<el-table :data="tableData" style="width: 98%;margin:0 auto;" row-key="id" border default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column prop="ksry" label="科室/人员" sortable>
</el-table-column>
<el-table-column prop="jzcyrs" label="就诊/出院人数" sortable>
</el-table-column>
<el-table-column prop="ysfjhrs" label="有随访计划人数">
</el-table-column>
<el-table-column prop="sffgl" label="随访覆盖率">
</el-table-column>
<el-table-column prop="sfcgrs" label="随访成功人数">
</el-table-column>
<el-table-column prop="sfcgl" label="随访成功率">
</el-table-column>
<el-table-column label="按随访任务(方式)">
<el-table-column prop="zndhcs" label="智能电话次数">
</el-table-column>
<el-table-column prop="zndhcgl" label="智能电话成功率">
</el-table-column>
<el-table-column prop="rgsfcs" label="人工随访次数">
</el-table-column>
<el-table-column prop="rgsfcgl" label="人工随访成功率">
</el-table-column>
</el-table-column>
</el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -123,6 +152,80 @@ export default {
departmentlist: [], departmentlist: [],
//病区list //病区list
wardlist: [], 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() { created() {
@ -163,8 +266,7 @@ export default {
{ {
name: 'AI电话拨打人数', name: 'AI电话拨打人数',
type: 'line', type: 'line',
stack: 'Total', data: [120, 200],
data: [120, 132],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#942CCA', color: '#942CCA',
@ -173,8 +275,7 @@ export default {
{ {
name: '人工电话拨打人数', name: '人工电话拨打人数',
type: 'line', type: 'line',
stack: 'Total', data: [220, 400],
data: [220, 182],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#22B14C', color: '#22B14C',
@ -183,8 +284,7 @@ export default {
{ {
name: '短信发送数', name: '短信发送数',
type: 'line', type: 'line',
stack: 'Total', data: [150, 300],
data: [150, 232],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#ED1C24', color: '#ED1C24',
@ -193,8 +293,7 @@ export default {
{ {
name: '小程序通知数', name: '小程序通知数',
type: 'line', type: 'line',
stack: 'Total', data: [320, 350],
data: [320, 332],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#FF7F27', color: '#FF7F27',
@ -209,7 +308,18 @@ export default {
var myChart = echarts.init(chartDom); var myChart = echarts.init(chartDom);
var option = { var option = {
tooltip: { tooltip: {
trigger: 'axis' trigger: 'axis',
formatter: function (params) {
var result = params[0].name + "<br>";
params.forEach(function (item) {
if (item.value) {
result += item.marker + " " + item.seriesName + " : " + item.value + "%</br>";
} else {
result += item.marker + " " + item.seriesName + " : - </br>";
}
});
return result;
},
}, },
legend: { legend: {
data: ['AI电话拨打次数成功率', '人工电话拨打次数成功率', 'AI电话拨打人数成功率', '人工电话拨打人数成功率'] data: ['AI电话拨打次数成功率', '人工电话拨打次数成功率', 'AI电话拨打人数成功率', '人工电话拨打人数成功率']
@ -224,16 +334,29 @@ export default {
type: 'category', type: 'category',
data: ['2024年9月', '2024年10月'] data: ['2024年9月', '2024年10月']
}, },
yAxis: { yAxis: [
{
type: 'value', type: 'value',
padding: [0, 50, 20, 20] // 加上padding可以调整其位置 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: [ series: [
{ {
name: 'AI电话拨打次数成功率', name: 'AI电话拨打次数成功率',
type: 'line', type: 'line',
stack: 'Total', data: [15, 60],
data: [150, 232],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#FFF200', color: '#FFF200',
@ -242,8 +365,7 @@ export default {
{ {
name: '人工电话拨打次数成功率', name: '人工电话拨打次数成功率',
type: 'line', type: 'line',
stack: 'Total', data: [32, 90],
data: [320, 332],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#00A2E8', color: '#00A2E8',
@ -252,8 +374,7 @@ export default {
{ {
name: 'AI电话拨打人数成功率', name: 'AI电话拨打人数成功率',
type: 'line', type: 'line',
stack: 'Total', data: [12, 60],
data: [120, 132],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#3F48CC', color: '#3F48CC',
@ -262,8 +383,7 @@ export default {
{ {
name: '人工电话拨打人数成功率', name: '人工电话拨打人数成功率',
type: 'line', type: 'line',
stack: 'Total', data: [22, 90],
data: [220, 182],
lineStyle: { lineStyle: {
width: 3, width: 3,
color: '#880015', color: '#880015',