This commit is contained in:
2024-11-04 14:58:54 +08:00
parent d18a02869e
commit 3165a1f8ee

View File

@ -84,17 +84,52 @@
<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"> <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-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 <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' }"> :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column prop="ksry" label="科室/人员" sortable> <el-table-column prop="ksry" label="科室/人员">
</el-table-column> </el-table-column>
<el-table-column prop="jzcyrs" label="就诊/出院人数" sortable> <el-table-column prop="jzcyrs" label="就诊/出院人数" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="ysfjhrs" label="有随访计划人数"> <el-table-column prop="ysfjhrs" label="有随访计划人数">
</el-table-column> </el-table-column>
<el-table-column prop="sffgl" label="随访覆盖率"> <el-table-column prop="sffgl" label="随访覆盖率" sortable>
</el-table-column>
<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>
<el-table-column prop="sfcgrs" label="随访成功人数"> <el-table-column prop="sfcgrs" label="随访成功人数">
</el-table-column> </el-table-column>
@ -110,9 +145,10 @@
<el-table-column prop="rgsfcgl" label="人工随访成功率"> <el-table-column prop="rgsfcgl" label="人工随访成功率">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
</el-table-column>
</el-table> </el-table>
</div> </div>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -152,6 +188,7 @@ export default {
departmentlist: [], departmentlist: [],
//list //list
wardlist: [], wardlist: [],
tapbtn: 1,
tableData: [{ tableData: [{
id: 1, id: 1,
ksry: '总计', ksry: '总计',
@ -159,14 +196,94 @@ export default {
ysfjhrs: '76', ysfjhrs: '76',
sffgl: '116%', sffgl: '116%',
sfcgrs: '69', 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%', sfcgl: '105%',
zndhcs: '7', zndhcs: '7',
zndhcgl: '84%', zndhcgl: '84%',
rgsfcs: '1', rgsfcs: '1',
rgsfcgl: '100%', rgsfcgl: '100%',
}, { }, {
id: 2, id: 6,
ksry: '骨伤科', tjsj: '2024-09',
jzcyrs: '18', jzcyrs: '18',
ysfjhrs: '26', ysfjhrs: '26',
sffgl: '145%', sffgl: '145%',
@ -176,55 +293,6 @@ export default {
zndhcgl: '30%', zndhcgl: '30%',
rgsfcs: '2', rgsfcs: '2',
rgsfcgl: '50%', 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> </script>
<style scoped lang="scss"> <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 { .bottomstatistics {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;