pengjun
2 years ago
12 changed files with 655 additions and 182 deletions
-
38src/components/doctorCheck/ButtonList.vue
-
8src/components/doctorCheck/CheckSumSug.vue
-
472src/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
-
1src/store/index.js
-
53src/views/doctorCheck/doctorCheck.vue
@ -0,0 +1,472 @@ |
|||
<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="请选择" |
|||
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" |
|||
> |
|||
</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" |
|||
@selection-change="handleSelectionChange"> |
|||
<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="edit">查询</el-button> |
|||
</div> |
|||
<div class="listBtn"> |
|||
<el-button type="success" @click="add">确定</el-button> |
|||
</div> |
|||
|
|||
<div class="listBtn"> |
|||
<el-button type="danger" @click="doctorCheck.doctorCheckDialogVisible=true">取消</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import { mapState} 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, |
|||
}; |
|||
}, |
|||
|
|||
created() { }, |
|||
|
|||
//挂载完成 |
|||
mounted() { }, |
|||
computed: { |
|||
...mapState(["dict", "patientRegister", "customerOrg","doctorCheck"]), |
|||
}, |
|||
methods: { |
|||
|
|||
|
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val; |
|||
//console.log('this.multipleSelection',this.multipleSelection) |
|||
}, |
|||
|
|||
//获取单位分组 /api/app/customer-org-group/in-customer-org-id/3a0c0444-d7a0-871f-4074-19faf1655caf |
|||
getCustomerOrgGroup(customerOrgld) { |
|||
getapi(`/api/app/customer-org-group/in-customer-org-id/${customerOrgld}`) |
|||
.then((res) => { |
|||
console.log("getCustomerOrgGroup", res.data); |
|||
if (res.code == 1) { |
|||
this.patientRegister.customerOrgGroup = res.data; |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//点击体检次数行 |
|||
rowick(row) { |
|||
this.patientRegister.photo = ""; //清除照片缓存 |
|||
this.patientRegister.patientRegisterId = row.id; |
|||
this.patientRegister.patientRegisterRd = row; |
|||
this.patientRegister.query.customerOrgParentId = row.customerOrgParentId; |
|||
this.patientRegister.customerOrgGroupChange = 0; //控制体检列表记录切换时，0 无需触发更换分组操作 |
|||
this.patientRegister.medicalPackageChange = 0; //控制体检列表记录切换时，0 无需触发更换套餐操作 |
|||
this.getCustomerOrgGroup(row.customerOrgParentId); |
|||
this.dict.asbItem = [...this.dict.asbItemAll] |
|||
this.getPatientRegisterAbs(row.id); |
|||
}, |
|||
|
|||
//体检次数 相关操作 |
|||
add() { |
|||
let customerOrgId = this.patientRegister.query.customerOrgId; |
|||
if (!customerOrgId) { |
|||
alert("请选择单位或个人"); |
|||
return; |
|||
} |
|||
//console.log('customerOrgId',customerOrgId) |
|||
this.patientRegister.patientRegisterId = ""; |
|||
this.patientRegister.patientRegisterRd.photo = ''; |
|||
this.patientRegister.patientRegisterRdInit.id = ""; |
|||
this.patientRegister.patientRegisterRdInit.customerOrgId = this.patientRegister.query.customerOrgId; |
|||
this.patientRegister.addTimes++; |
|||
this.patientRegister.patientRegisterTimes++; |
|||
this.patientRegister.patientRegisterAbs = []; |
|||
this.dialogVisible = true; |
|||
}, |
|||
|
|||
edit() { |
|||
if (!this.patientRegister.patientRegisterId) { |
|||
alert("请选择要操作的记录"); |
|||
return; |
|||
} |
|||
this.patientRegister.patientRegisterTimes++; |
|||
this.dialogVisible = true; |
|||
}, |
|||
|
|||
//拍照 |
|||
openCamera() { |
|||
if (!this.patientRegister.patientRegisterId) { |
|||
alert("请选择要操作的记录"); |
|||
return; |
|||
} |
|||
this.patientRegister.cameraVisble = true; |
|||
}, |
|||
|
|||
//删除（可批量删除） |
|||
// /api/app/patient-register/many?PatientRegisterIds=3a0c2cac-f44c-f407-9504-c1fc5e80a159&PatientRegisterIds=3a0c2cb3-d10c-ed70-db6a-b835e75ce641 |
|||
del() { |
|||
if (this.multipleSelection.length < 1) { |
|||
alert("请先勾选要操作的记录"); |
|||
return; |
|||
} |
|||
let patientRegisterIds = []; |
|||
for (let i = 0; i < this.multipleSelection.length; i++) { |
|||
patientRegisterIds.push(this.multipleSelection[i]["id"]); |
|||
} |
|||
|
|||
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
//console.log('{patientRegisterIds}',{patientRegisterIds}) |
|||
return postapi(`/api/app/patient-register/delete-many`, { |
|||
patientRegisterIds, |
|||
}); |
|||
}) |
|||
.then((res) => { |
|||
this.$message.success("删除成功"); |
|||
this.patientRegister.query.times++; |
|||
this.patientRegister.patientRegisterId = ""; |
|||
}) |
|||
.catch(() => { |
|||
this.$message({ |
|||
type: "info", |
|||
message: "已取消删除", |
|||
}); |
|||
}); |
|||
}, |
|||
|
|||
//单个删除方式 |
|||
delBak() { |
|||
if (!this.patientRegister.patientRegisterId) { |
|||
alert("请选择要操作的记录"); |
|||
return; |
|||
} |
|||
|
|||
this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
//console.log('${this.patientRegister.patientRegisterId}',this.patientRegister.patientRegisterId) |
|||
return deletapi(`/api/app/patient-register/${this.patientRegister.patientRegisterId}`); |
|||
}) |
|||
.then((res) => { |
|||
this.$message.success("删除成功"); |
|||
this.patientRegister.query.times++; |
|||
this.patientRegister.patientRegisterId = ""; |
|||
}) |
|||
.catch(() => { |
|||
this.$message({ type: "info", message: "已取消删除", }); |
|||
}); |
|||
}, |
|||
|
|||
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.CustomerOrgParentId) { |
|||
body.customerOrgId = this.patientRegister.query.CustomerOrgParentId |
|||
} else{ |
|||
if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId |
|||
} |
|||
} |
|||
|
|||
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; |
|||
}); |
|||
}, |
|||
}, |
|||
|
|||
//监听事件 |
|||
watch: { |
|||
//触发查询事件 |
|||
"patientRegister.query.times"(newVal, oldVal) { |
|||
if (newVal != oldVal) { |
|||
//alert('触发查询事件') |
|||
this.query(); |
|||
} |
|||
}, |
|||
|
|||
//新增后，触发赋值 |
|||
"patientRegister.patientRegisterRd.id"(newVal, oldVal) { |
|||
if (newVal != oldVal) { |
|||
//console.log('patientRegister.patientRegisterRd.customerOrgId',this.patientRegister.patientRegisterRd.customerOrgId) |
|||
objCopy(this.patientRegister.patientRegisterRd, this.form); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.box { |
|||
display: flex; |
|||
} |
|||
|
|||
.listBtn { |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue