2 Commits

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
  1. 48
      src/components/patientRegister/patientRegisterRecoverListQuery.vue
  2. 280
      src/components/report/deptProgress.vue
  3. 6
      src/router/index.js

48
src/components/patientRegister/patientRegisterRecoverListQuery.vue

@ -3,8 +3,8 @@
<div class="contenttitle">
体检查询 /<span class="contenttitleBold">回收表格查询</span>
</div>
<div style="display: flex;justify-content: space-between;">
<!--查询条件-->
<div style="display: flex;">
<div class="query">
@ -129,17 +129,9 @@
<el-option label="已回收" value="Y" />
</el-select>
</div>
</div>
<!-- 按钮区域 -->
<div style="display: flex; margin-left: 10px;margin-top: -10px;">
<div class="listBtn">
<div class="query">
<el-button class="commonbutton" @click="btnQuery">查询</el-button>
</div>
<div class="listBtn" style="margin-left:10px;margin-right:10px;">
<el-button type="danger" class="commonbutton" @click="btnClear">清除条件</el-button>
</div>
</div>
</div>
<div :style="'margin-top: 10px;width:' + (window.pageWidth - 15) + 'px;'">
<el-table :data="tableData" width="100%" border :height="window.pageHeight < 600 ? 405 : window.pageHeight - 165"
@ -252,15 +244,11 @@ import moment from "moment";
import { mapState, mapActions } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { dddw, objCopy, arrayReduce, arrayExistObj } from "@/utlis/proFunc";
import { savePeoplePhoto } from "../../utlis/proApi";
import PatientRegisterEdit from "../../components/patientRegister/PatientRegisterEdit.vue";
import Camera from "../../components/patientRegister/Camera.vue";
export default {
components: {
PatientRegisterEdit,
Camera,
},
data() {
return {
@ -328,11 +316,11 @@ export default {
dictInit() {
//
getapi("/api/app/medical-type/in-filter").then((res) => {
if (res.code > -1) {
this.dict.medicalType = res.data;
}
});
// 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) => {
@ -369,17 +357,6 @@ export default {
});
},
//
btnClear() {
this.patientRegister.query.patientRegisterNo = ''
this.patientRegister.query.patientNo = ''
this.patientRegister.query.patientName = ''
this.patientRegister.query.pacsNo = ''
this.patientRegister.query.lisNo = ''
this.patientRegister.query.sex = ''
this.patientRegister.query.phone = ''
this.patientRegister.query.idCardNo = ''
},
//
btnQuery() {
@ -645,9 +622,12 @@ export default {
};
</script>
<style scoped>
.listBtn {
margin-top: 10px;
}
@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';
.btnClass {
width: 100px;

280
src/components/report/deptProgress.vue

@ -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>

6
src/router/index.js

@ -587,6 +587,12 @@ const routes = [{
component: () =>
import ("../components/patientRegister/patientRegisterRecoverListQuery.vue"),
},
{
path: "/deptProgress",
name: "科室进度查询",
component: () =>
import ("../components/report/deptProgress.vue"),
},
{
path: "/unCheckAsbitem",
name: "人员未检组合项目",

Loading…
Cancel
Save