修改
This commit is contained in:
辉
parent
d6e8cef9e7
commit
d18a02869e
@ -49,32 +49,32 @@
|
||||
<div class="app">
|
||||
<div class="content">
|
||||
<div class="words">AI电话拨打次数</div>
|
||||
<div class="num">1</div>
|
||||
<div class="num">350</div>
|
||||
<div class="rate">成功率:</div>
|
||||
<el-progress :percentage="12"></el-progress>
|
||||
<el-progress :percentage="60"></el-progress>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="words">人工电话拨打次数</div>
|
||||
<div class="num">1</div>
|
||||
<div class="num">600</div>
|
||||
<div class="rate">成功率:</div>
|
||||
<el-progress :percentage="12"></el-progress>
|
||||
<el-progress :percentage="90"></el-progress>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="words">AI电话拨打人数</div>
|
||||
<div class="num">1</div>
|
||||
<div class="num">200</div>
|
||||
<div class="rate">成功率:</div>
|
||||
<el-progress :percentage="12"></el-progress>
|
||||
<el-progress :percentage="60"></el-progress>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="words">人工电话拨打人数</div>
|
||||
<div class="num">1</div>
|
||||
<div class="num">400</div>
|
||||
<div class="rate">成功率:</div>
|
||||
<el-progress :percentage="12"></el-progress>
|
||||
<el-progress :percentage="90"></el-progress>
|
||||
</div>
|
||||
<div class="content" style="margin-right: 0;">
|
||||
<div class="words" style="top:20px;font-size: 17px;">总通话人数</div>
|
||||
<div class="words" style="top:60px;font-size: 17px;">短信发送数</div>
|
||||
<div class="words" style="top:100px;font-size: 17px;">小程序通知数</div>
|
||||
<div class="words" style="top:20px;font-size: 17px;">总通话人数：600</div>
|
||||
<div class="words" style="top:60px;font-size: 17px;">短信发送数：300</div>
|
||||
<div class="words" style="top:100px;font-size: 17px;">小程序通知数：350</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="trend">
|
||||
@ -84,6 +84,35 @@
|
||||
<div id="rightechart" style="height:400px;width: 48%;"> </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>
|
||||
</template>
|
||||
@ -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 + "<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: {
|
||||
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',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user