pengjun
2 years ago
12 changed files with 655 additions and 182 deletions
-
34src/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
-
49src/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