mch
3 years ago
12 changed files with 609 additions and 211 deletions
-
38src/components/doctorCheck/ButtonList.vue
-
79src/components/doctorCheck/CheckSumSug.vue
-
371src/components/doctorCheck/PatientRegisterList.vue
-
1src/components/doctorCheck/RegisterCheckList.vue
-
6src/components/patientRegister/Camera.vue
-
8src/components/patientRegister/PatientRegisterEdit.vue
-
12src/components/patientRegister/PatientRegisterItem.vue
-
9src/components/patientRegister/PatientRegisterList.vue
-
213src/components/patientRegister/patientRegisterAsbItem.vue
-
16src/components/patientRegister/patientRegisterQuery.vue
-
14src/store/index.js
-
53src/views/doctorCheck/doctorCheck.vue
@ -0,0 +1,371 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<!-- 查询条件 --> |
||||
|
<div style="display: flex; flex-wrap: wrap; width: 90%"> |
||||
|
<div class="block query"> |
||||
|
<span class="demonstration">登记日期：</span> |
||||
|
<el-date-picker |
||||
|
v-model="patientRegister.query.dateRange" |
||||
|
type="daterange" |
||||
|
align="right" |
||||
|
unlink-panels |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
:picker-options="pickerOptions" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>条码号：</span> |
||||
|
<el-input |
||||
|
placeholder="条码号" |
||||
|
v-model="patientRegister.query.patientRegisterNo" |
||||
|
size="small" |
||||
|
clearable |
||||
|
style="width: 150px" |
||||
|
/> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>档案号：</span> |
||||
|
<el-input |
||||
|
placeholder="档案号" |
||||
|
v-model="patientRegister.query.patientNo" |
||||
|
size="small" |
||||
|
clearable |
||||
|
style="width: 135px" |
||||
|
/> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>姓名：</span> |
||||
|
<el-input |
||||
|
placeholder="姓名" |
||||
|
v-model="patientRegister.query.patientName" |
||||
|
size="small" |
||||
|
clearable |
||||
|
style="width: 100px" |
||||
|
/> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>性别：</span> |
||||
|
<el-select |
||||
|
v-model="patientRegister.query.sex" |
||||
|
placeholder="请选择" clearable |
||||
|
style="width: 80px" size="small" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dict.forSex" |
||||
|
:key="item.id" |
||||
|
:label="item.displayName" |
||||
|
:value="item.id" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>身份证号：</span> |
||||
|
<el-input |
||||
|
placeholder="身份证号" |
||||
|
v-model="patientRegister.query.idCardNo" |
||||
|
size="small" |
||||
|
clearable |
||||
|
style="width: 180px" |
||||
|
/> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<el-cascader |
||||
|
v-model="patientRegister.query.customerOrgId" |
||||
|
:options="patientRegister.customerOrgTreeAll" |
||||
|
:props="{ |
||||
|
checkStrictly: true, |
||||
|
expandTrigger: 'hover', |
||||
|
...customerOrg.treeprops, |
||||
|
}" |
||||
|
:show-all-levels="false" |
||||
|
size="small" clearable |
||||
|
> |
||||
|
</el-cascader> |
||||
|
<el-checkbox v-model="patientRegister.query.customerOrgFlag">单位作为查询条件</el-checkbox> |
||||
|
</div> |
||||
|
<div class="query"> |
||||
|
<span>状态：</span> |
||||
|
<el-select |
||||
|
v-model="patientRegister.query.completeFlag" |
||||
|
placeholder="请选择" clearable |
||||
|
style="width: 80px" size="small" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dict.completeFlag" |
||||
|
:key="item.id" |
||||
|
:label="item.displayName" |
||||
|
:value="item.id" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 人员列表 --> |
||||
|
<div style="display: flex;margin-top: 10px;"> |
||||
|
<el-table :data="dataList" border width="100%" height="430" row-key="id" size="small" |
||||
|
class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" ref="dataList"> |
||||
|
<el-table-column type="selection" width="40"> |
||||
|
|
||||
|
</el-table-column> |
||||
|
<el-table-column prop="completeFlag" label="体检进度"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ ldddw(dict.completeFlag, "id", scope.row.completeFlag, "displayName") }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="isLock" label="锁住"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.isLock == "Y" ? "是" : "否" }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="customerOrgParentName" label="单位" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.customerOrgParentName ? scope.row.customerOrgParentName : scope.row.customerOrgName }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="customerOrgName" label="部门" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.customerOrgParentName ? scope.row.customerOrgName : "" }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="patientName" label="姓名" /> |
||||
|
<el-table-column prop="sexId" label="性别"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ ldddw(dict.sex, "id", scope.row.sexId, "displayName") }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="age" label="年龄" /> |
||||
|
<el-table-column prop="patientRegisterNo" label="条码号" width="150" /> |
||||
|
<el-table-column prop="patientNo" label="档案号" /> |
||||
|
<el-table-column prop="medicalTimes" label="体检次数"></el-table-column> |
||||
|
<el-table-column label="分组/套餐" width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId === dict.personOrgId"> |
||||
|
{{ ldddw(dict.medicalPackage, "id", scope.row.medicalPackageId, "displayName") }} |
||||
|
</div> |
||||
|
<div v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId !== dict.personOrgId"> |
||||
|
{{ ldddw(dict.customerOrgGroupAll, "id", scope.row.customerOrgGroupId, "displayName") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="nationId" label="民族"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
{{ ldddw(dict.nation, "id", scope.row.nationId, "displayName") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="idNo" label="身份证" width="150" /> |
||||
|
<el-table-column prop="birthDate" label="出生日期" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-if="scope.row.birthDate"> |
||||
|
{{ lmoment(scope.row.birthDate, "yyyy-MM-DD") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="email" label="邮箱" width="100" /> |
||||
|
<el-table-column prop="mobileTelephone" label="手机" width="100" /> |
||||
|
<el-table-column prop="telephone" label="电话" width="100" /> |
||||
|
<el-table-column prop="address" label="地址" width="300" /> |
||||
|
<el-table-column prop="medicalCardNo" label="体检卡号" /> |
||||
|
<el-table-column prop="jobCardNo" label="工卡号" /> |
||||
|
<el-table-column prop="maritalStatusId" label="婚姻状况"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
{{ ldddw(dict.maritalStatus, "id", scope.row.maritalStatusId, "displayName") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="medicalTypeId" label="体检类别"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-if="scope.row.medicalTypeId !== dict.personOrgId"> |
||||
|
{{ ldddw(dict.medicalType, "id", scope.row.medicalTypeId, "displayName") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="personnelTypeId" label="人员类别"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-if="scope.row.personnelTypeId !== dict.personOrgId"> |
||||
|
{{ ldddw(dict.personnelType, "id", scope.row.personnelTypeId, "displayName") }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="jobPost" label="职务" /> |
||||
|
<el-table-column prop="jobTitle" label="职称" /> |
||||
|
<el-table-column prop="salesman" label="介绍人" /> |
||||
|
<el-table-column prop="isVip" label="是否VIP"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.isVip == "Y" ? "是" : "否" }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="creatorName" label="登记人" /> |
||||
|
<el-table-column prop="creationTime" label="登记日期" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ lmoment(scope.row.creationTime, "yyyy-MM-DD") }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="isUpload" label="是否上传"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.isUpload == "Y" ? "是" : "否" }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<div style="margin-left: 10px"> |
||||
|
<div class="listBtn"> |
||||
|
<el-button type="primary" @click="query">查询</el-button> |
||||
|
</div> |
||||
|
<div class="listBtn"> |
||||
|
<el-button type="danger" @click="doctorCheck.doctorCheckDialogVisible=false">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
import { mapState, mapMutations} from "vuex"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { dddw, objCopy, arrayReduce } from "@/utlis/proFunc"; |
||||
|
|
||||
|
import PatientRegisterEdit from "../../components/patientRegister/PatientRegisterEdit.vue"; |
||||
|
import Camera from "../../components/patientRegister/Camera.vue"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
PatientRegisterEdit, |
||||
|
Camera, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dataList: [], //列表数据 |
||||
|
multipleSelection: [], //选中的数据列表 |
||||
|
dialogVisible: false, |
||||
|
dialogCamera: false, |
||||
|
|
||||
|
pickerOptions: { |
||||
|
shortcuts: [ |
||||
|
{ |
||||
|
text: "最近一周", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近一个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
text: "最近三个月", |
||||
|
onClick(picker) { |
||||
|
const end = new Date(); |
||||
|
const start = new Date(); |
||||
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
|
picker.$emit("pick", [start, end]); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { }, |
||||
|
|
||||
|
//挂载完成 |
||||
|
mounted() { }, |
||||
|
computed: { |
||||
|
...mapState(["dict", "patientRegister", "customerOrg","doctorCheck"]), |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations(['doctorCheckPrBaseInit']), |
||||
|
|
||||
|
|
||||
|
//点击体检次数行 |
||||
|
rowick(row) { |
||||
|
this.doctorCheckPrBaseInit() |
||||
|
this.doctorCheck.prBase.patientRegisterNo = row.patientRegisterNo |
||||
|
objCopy(row,this.doctorCheck.prBase) |
||||
|
}, |
||||
|
|
||||
|
ldddw(arrayData, key, value, display) { |
||||
|
return dddw(arrayData, key, value, display); |
||||
|
}, |
||||
|
|
||||
|
lmoment(date, forMat) { |
||||
|
return moment(new Date(date)).format(forMat); |
||||
|
}, |
||||
|
|
||||
|
//查询 |
||||
|
query() { |
||||
|
let body = {} |
||||
|
|
||||
|
console.log(`this.patientRegister.query`, this.patientRegister.query) |
||||
|
|
||||
|
if (this.patientRegister.query.customerOrgFlag) { |
||||
|
if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId[0] |
||||
|
} |
||||
|
|
||||
|
if (this.patientRegister.query.sex) body.sexId = this.patientRegister.query.sex |
||||
|
|
||||
|
if (this.patientRegister.query.patientName) body.patientName = this.patientRegister.query.patientName |
||||
|
|
||||
|
if (this.patientRegister.query.completeFlag) body.completeFlag = this.patientRegister.query.completeFlag |
||||
|
|
||||
|
//StartDate EndDate |
||||
|
if (this.patientRegister.query.dateRange) { |
||||
|
body.startDate = moment(new Date(this.patientRegister.query.dateRange[0])).format("yyyy-MM-DD") |
||||
|
body.endDate = moment(new Date(this.patientRegister.query.dateRange[1])).format("yyyy-MM-DD") |
||||
|
} |
||||
|
|
||||
|
|
||||
|
if (this.patientRegister.query.idCardNo) body = { idNo: this.patientRegister.query.idCardNo } |
||||
|
|
||||
|
if (this.patientRegister.query.patientNo) body = { patientNo: this.patientRegister.query.patientNo } |
||||
|
|
||||
|
if (this.patientRegister.query.patientRegisterNo) body = { patientRegisterNo: this.patientRegister.query.patientRegisterNo } |
||||
|
|
||||
|
|
||||
|
console.log('/api/app/patientregister/getlistinfilter', body) |
||||
|
postapi('/api/app/patientregister/getlistinfilter', body) |
||||
|
.then((res) => { |
||||
|
this.dataList = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
//选择 |
||||
|
choose(){ |
||||
|
console.log('choose') |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.box { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.listBtn { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue