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:58:54 +08:00
parent d18a02869e
commit 3165a1f8ee
1 changed files with 177 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -84,34 +84,70 @@
<div id="rightechart" style="height:400px;width: 48%;"> </div>
</div>
</div>
<div class="trend">
<div class="trend" style="padding-bottom: 50px;">
<div class="tabletitles">
<div :class="tapbtn == 1 ? 'tabletitleleft taptitle' : 'tabletitleleft'" @click="tapbtn = 1">
科室/人员
</div>
<div :class="tapbtn == 2 ? 'tabletitleright taptitle' : 'tabletitleright'" @click="tapbtn = 2">
日期
</div>
</div>
<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="智能电话次数">
<div v-if="tapbtn == 1">
<el-table :data="tableData" style="width: 98%;margin:0 auto;" row-key="id" border
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column prop="ksry" label="科室/人员">
</el-table-column>
<el-table-column prop="zndhcgl" label="智能电话成功率">
<el-table-column prop="jzcyrs" label="就诊/出院人数" sortable>
</el-table-column>
<el-table-column prop="rgsfcs" label="人工随访次数">
<el-table-column prop="ysfjhrs" label="有随访计划人数">
</el-table-column>
<el-table-column prop="rgsfcgl" label="人工随访成功率">
<el-table-column prop="sffgl" label="随访覆盖率" sortable>
</el-table-column>
</el-table-column>
</el-table-column>
</el-table>
<el-table-column prop="sfcgrs" label="随访成功人数">
</el-table-column>
<el-table-column prop="sfcglr" label="随访成功率(人)">
</el-table-column>
<el-table-column prop="sfjhcs" label="随访计划次数(任务)">
</el-table-column>
<el-table-column prop="sfjhcgs" label="随访计划成功数(任务)">
</el-table-column>
<el-table-column prop="sfcglrw" label="随访成功率(任务)">
</el-table-column>
<el-table-column prop="sfjhsbs" label="随访计划失败数(任务)">
</el-table-column>
<el-table-column prop="sfjhsbl" label="随访计划失败率(任务)">
</el-table-column>
</el-table>
</div>
<div v-if="tapbtn == 2">
<el-table :data="tableDatasj" style="width: 98%;margin:0 auto;" border>
<el-table-column prop="tjsj" label="统计时间">
</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="随访覆盖率" sortable>
</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>
</div>
</div>
</div>
</div>
@ -152,6 +188,7 @@ export default {
departmentlist: [],
//病区list
wardlist: [],
tapbtn: 1,
tableData: [{
id: 1,
ksry: '总计',
@ -159,14 +196,94 @@ export default {
ysfjhrs: '76',
sffgl: '116%',
sfcgrs: '69',
sfcglr: '105%',
sfjhcs: '387',
sfjhcgs: '260',
sfcglrw: '77%',
sfjhsbs: '140',
sfjhsbl: '36%'
}, {
id: 2,
ksry: '骨伤科',
jzcyrs: '18',
ysfjhrs: '26',
sffgl: '145%',
sfcgrs: '26',
sfcglr: '145%',
sfjhcs: '387',
sfjhcgs: '260',
sfcglrw: '77%',
sfjhsbs: '140',
sfjhsbl: '36%'
}, {
id: 3,
ksry: '妇科',
jzcyrs: '66',
ysfjhrs: '76',
sffgl: '116%',
sfcgrs: '69',
sfcglr: '105%',
sfjhcs: '387',
sfjhcgs: '260',
sfcglrw: '77%',
sfjhsbs: '140',
sfjhsbl: '36%',
children: [{
id: 31,
ksry: '张三',
jzcyrs: '66',
ysfjhrs: '76',
sffgl: '116%',
sfcgrs: '69',
sfcglr: '105%',
sfjhcs: '387',
sfjhcgs: '260',
sfcglrw: '77%',
sfjhsbs: '140',
sfjhsbl: '36%',
}, {
id: 32,
ksry: '李四',
jzcyrs: '66',
ysfjhrs: '76',
sffgl: '116%',
sfcgrs: '69',
sfcglr: '105%',
sfjhcs: '387',
sfjhcgs: '260',
sfcglrw: '77%',
sfjhsbs: '140',
sfjhsbl: '36%',
}]
}, {
id: 4,
ksry: '肾内科',
jzcyrs: '66',
ysfjhrs: '76',
sffgl: '116%',
sfcgrs: '69',
sfcglr: '105%',
sfjhcs: '387',
sfjhcgs: '260',
sfcglrw: '77%',
sfjhsbs: '140',
sfjhsbl: '36%',
}],
tableDatasj: [{
id: 5,
tjsj: '2024-10',
jzcyrs: '66',
ysfjhrs: '76',
sffgl: '116%',
sfcgrs: '69',
sfcgl: '105%',
zndhcs: '7',
zndhcgl: '84%',
rgsfcs: '1',
rgsfcgl: '100%',
}, {
id: 2,
ksry: '骨伤科',
id: 6,
tjsj: '2024-09',
jzcyrs: '18',
ysfjhrs: '26',
sffgl: '145%',
@ -176,55 +293,6 @@ export default {
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%',
}],
};
},
@ -511,6 +579,41 @@ export default {
};
</script>
<style scoped lang="scss">
::v-deep .el-table .cell {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tabletitles {
width: 130px;
line-height: 30px;
height: 50px;
display: flex;
text-align: center;
padding-top: 20px;
margin: 0 0 0 18px;
}
.taptitle {
color: #009982 !important;
border: 1px solid #009982 !important;
}
.tabletitleleft {
border-radius: 3px 0 0 3px;
width: 85px;
color: #908490;
border: 1px solid #DBDBDB;
}
.tabletitleright {
border-radius: 0 3px 3px 0;
width: 45px;
color: #908490;
border: 1px solid #DBDBDB;
}
.bottomstatistics {
height: 100%;
overflow-y: auto;