2 Commits
78073a60f1
...
b86f1f33c2
| Author | SHA1 | Message | Date |
|---|---|---|---|
pengjun
|
b86f1f33c2 |
Merge branch 'master' of http://140.143.162.39:3000/shentun/peisweb
|
2 weeks ago |
|
pengjun
|
3c2cc6fe9b |
seo
|
2 weeks ago |
3 changed files with 426 additions and 160 deletions
-
300src/components/patientRegister/patientRegisterRecoverListQuery.vue
-
280src/components/report/deptProgress.vue
-
6src/router/index.js
@ -0,0 +1,280 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="contenttitle"> |
||||
|
体检查询 /<span class="contenttitleBold">科室进度查询</span> |
||||
|
</div> |
||||
|
|
||||
|
<!--查询条件--> |
||||
|
<div style="display: flex;"> |
||||
|
<div class="query"> |
||||
|
<span class="spanClass">科室</span> |
||||
|
<!-- multiple: true --> |
||||
|
<el-cascader :options="dict.itemTypeTree" v-model="query.itemTypeIds" popper-class="example" |
||||
|
style="width:240px;" :props="{ |
||||
|
checkStrictly: true, expandTrigger: 'hover', label: 'displayName', value: 'id', |
||||
|
id: 'id', children: 'treeChildren', |
||||
|
}" clearable filterable size="small" collapse-tags> |
||||
|
</el-cascader> |
||||
|
</div> |
||||
|
|
||||
|
<div class="query"> |
||||
|
<el-select v-model="query.dateType" placeholder="请选择" style="width: 80px" size="small"> |
||||
|
<el-option label="登记日期" :value="'1'" /> |
||||
|
<el-option label="体检日期" :value="'2'" /> |
||||
|
<!-- <el-option label="总检日期" :value="'3'" /> --> |
||||
|
</el-select> |
||||
|
<!-- dateType 1 登记，2 体检，3 体检或登记--> |
||||
|
<el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" style="width:90px;" |
||||
|
value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
||||
|
<!-- |
||||
|
<span class="spanClass">至</span> |
||||
|
<el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" style="width:90px;" |
||||
|
value-format="yyyy-MM-dd" :picker-options="pickerOptions" /> |
||||
|
--> |
||||
|
</div> |
||||
|
<!-- |
||||
|
<div class="query"> |
||||
|
<span class="spanClass">人员类别</span> |
||||
|
<el-select v-model="query.personnelTypeIds" placeholder="请选择" clearable filterable |
||||
|
style="width: 170px" size="small" multiple collapse-tags> |
||||
|
<el-option v-for="item in dict.personnelType" :key="item.id" :label="item.displayName" :value="item.id" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
--> |
||||
|
<div class="query"> |
||||
|
<el-button class="commonbutton" @click="btnQuery">查询</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div :style="`overflow: auto;margin-top: 10px;width:'${window.pageWidth - 15}px;;height:${divHeight}px;`"> |
||||
|
<table width="800" border="1" cellspacing="0" bordercolor="#909399" |
||||
|
style="font-size:14px;border-collapse:collapse;"> |
||||
|
<tr style="text-align: center;" height="24"> |
||||
|
<td width="100">科室</td> |
||||
|
<td width="200">组合项目</td> |
||||
|
<td width="100">签到人数</td> |
||||
|
<td width="100">完成人数</td> |
||||
|
<td width="100">弃检人数</td> |
||||
|
<td width="100">剩余人数</td> |
||||
|
<td width="100">完成率</td> |
||||
|
</tr> |
||||
|
<template v-for="(sum,index) in tableData"> |
||||
|
<template v-for="(item,index2) in sum.details"> |
||||
|
<tr height="24" v-if="index2 == 0"> |
||||
|
<td align="center" class="tdCellClass" :rowspan="sum.details.length + 1">{{ sum.itemTypeName }}</td> |
||||
|
<td align="left" class="tdCellClass">{{ item.asbitemName}}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.signInCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.completeCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.giveUpCheckedCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.balanceCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.completionRate + '%' }}</td> |
||||
|
</tr> |
||||
|
<tr height="24" v-else> |
||||
|
<td align="left" class="tdCellClass">{{ item.asbitemName}}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.signInCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.completeCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.giveUpCheckedCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.balanceCount }}</td> |
||||
|
<td align="center" class="tdCellClass">{{ item.completionRate + '%' }}</td> |
||||
|
</tr> |
||||
|
</template> |
||||
|
<tr height="24"> |
||||
|
<td align="right" class="tdCellClassRed">小计：</td> |
||||
|
<td align="center" class="tdCellClassRed">{{ sum.sumSignInCount }}</td> |
||||
|
<td align="center" class="tdCellClassRed">{{ sum.sumCompleteCount }}</td> |
||||
|
<td align="center" class="tdCellClassRed">{{ sum.sumGiveUpCheckedCount }}</td> |
||||
|
<td align="center" class="tdCellClassRed">{{ sum.sumBalanceCount }}</td> |
||||
|
<td align="center" class="tdCellClassRed">{{ sum.sumCompletionRate + '%' }}</td> |
||||
|
</tr> |
||||
|
</template> |
||||
|
|
||||
|
|
||||
|
</table> |
||||
|
|
||||
|
<!-- |
||||
|
{ |
||||
|
"itemTypeName": "检前问询", |
||||
|
"sumSignInCount": 2, |
||||
|
"sumCompleteCount": 0, |
||||
|
"sumGiveUpCheckedCount": 0, |
||||
|
"sumBalanceCount": 2, |
||||
|
"sumCompletionRate": 0, |
||||
|
"details": [ |
||||
|
{ |
||||
|
"itemTypeName": "检前问询", |
||||
|
"asbitemName": "问诊表", |
||||
|
"signInCount": 1, |
||||
|
"completeCount": 0, |
||||
|
"giveUpCheckedCount": 0, |
||||
|
"balanceCount": 1, |
||||
|
"completionRate": 0 |
||||
|
}, |
||||
|
{ |
||||
|
"itemTypeName": "检前问询", |
||||
|
"asbitemName": "心理及精神压力", |
||||
|
"signInCount": 1, |
||||
|
"completeCount": 0, |
||||
|
"giveUpCheckedCount": 0, |
||||
|
"balanceCount": 1, |
||||
|
"completionRate": 0 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
--> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
import { mapState, mapActions } from "vuex"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { dddw, objCopy, arrayReduce, arrayExistObj, tcdate } from "@/utlis/proFunc"; |
||||
|
|
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
query: { |
||||
|
itemTypeIds: [], |
||||
|
dateType: '2', |
||||
|
startDate: '', |
||||
|
endDate: '' |
||||
|
}, |
||||
|
|
||||
|
tableData: [], //列表数据 |
||||
|
|
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { |
||||
|
let ldate = new Date(); |
||||
|
this.query.startDate = ldate; |
||||
|
this.query.endDate = ldate; |
||||
|
|
||||
|
|
||||
|
this.dictInit() |
||||
|
|
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState(["pickerOptions", "window", "dict"]), |
||||
|
divHeight(){ |
||||
|
return this.window.pageHeight < 600 ? 430 : this.window.pageHeight - 140 |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapActions(["getCustomerOrgGroup", "getPatientRegisterAbs"]), |
||||
|
dddw, moment, |
||||
|
|
||||
|
dictInit() { |
||||
|
//体检类别 |
||||
|
// getapi("/api/app/medical-type/in-filter").then((res) => { |
||||
|
// if (res.code > -1) { |
||||
|
// this.dict.medicalType = res.data; |
||||
|
// } |
||||
|
// }); |
||||
|
|
||||
|
//人员类别 |
||||
|
getapi("/api/app/personnel-type/in-filter").then((res) => { |
||||
|
if (res.code > -1) { |
||||
|
this.dict.personnelType = res.data; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// 项目类别 树结构 |
||||
|
getapi("/api/app/item-type/by-code-all").then((res) => { |
||||
|
if (res.code != -1) { |
||||
|
this.dict.itemTypeTree = res.data; |
||||
|
tcdate(this.dict.itemTypeTree); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
//查询 |
||||
|
btnQuery() { |
||||
|
let body = { |
||||
|
dateType: this.query.dateType, |
||||
|
startDate: this.query.startDate, |
||||
|
endDate: this.query.startDate |
||||
|
} |
||||
|
|
||||
|
if (Array.isArray(this.query.itemTypeIds) && this.query.itemTypeIds.length > 0) |
||||
|
body.itemTypeIds = this.query.itemTypeIds.slice(this.query.itemTypeIds.length - 1, 1) |
||||
|
|
||||
|
postapi('/api/app/PeisReport/GetItemTypeProgressReport', body) |
||||
|
.then(res => { |
||||
|
if (res.code >= -1) { |
||||
|
this.tableData = res.data |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
//触发查询事件 |
||||
|
// "patientRegister.query.times"(newVal, oldVal) { |
||||
|
// if (newVal != oldVal) { |
||||
|
// //alert('触发查询事件') |
||||
|
// this.Query(); |
||||
|
// } |
||||
|
// }, |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import '../../assets/css/global_button.css'; |
||||
|
@import '../../assets/css/global_dialog.css'; |
||||
|
@import '../../assets/css/global_form.css'; |
||||
|
@import '../../assets/css/global_input.css'; |
||||
|
@import '../../assets/css/global_table.css'; |
||||
|
@import '../../assets/css/global.css'; |
||||
|
|
||||
|
.listBtn { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
|
||||
|
.btnClass { |
||||
|
width: 100px; |
||||
|
} |
||||
|
|
||||
|
.query { |
||||
|
margin-right: 10px; |
||||
|
font-size: 14px; |
||||
|
color: #232748; |
||||
|
font-weight: 400; |
||||
|
font-family: "NotoSansSC-Regular"; |
||||
|
} |
||||
|
|
||||
|
.spanClass { |
||||
|
font-size: 14px; |
||||
|
padding: 0 2px 0 0; |
||||
|
} |
||||
|
|
||||
|
.tdCellClass { |
||||
|
padding: 0 5px; |
||||
|
} |
||||
|
|
||||
|
.tdCellClassRed { |
||||
|
padding: 0 5px; |
||||
|
color: red; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue