pengjun
2 years ago
8 changed files with 311 additions and 30 deletions
-
4src/components/occDisease/CheckDetails.vue
-
19src/components/occDisease/OccDisease.vue
-
42src/components/occDisease/OccDiseaseBase.vue
-
16src/components/occDisease/OccDiseasePoison.vue
-
238src/components/occDisease/OccDiseasePrevious.vue
-
16src/components/report/BtnReport.vue
-
5src/components/report/PatientRegisterListNobtn.vue
-
1src/store/index.js
@ -0,0 +1,238 @@ |
|||
<template> |
|||
<div> |
|||
<div style="margin-left: 10px;font-weight: 700;">既往病史</div> |
|||
<el-table :data="dataTransOpts.tableM.patient_previous" border height="200" row-key="id" size="small" |
|||
highlight-current-row ref="Previous"> |
|||
<el-table-column prop="disease" label="疾病名称" min-width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.disease" size="small"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="diagnosisDate" label="诊断日期" min-width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-date-picker v-model="scope.row.diagnosisDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
placeholder="诊断日期" size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="disease" label="诊断单位" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.diagnosisHospital" size="small"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="recovery" label="治愈" min-width="40" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-checkbox v-model="scope.row.recovery" true-label="Y" false-label="N"></el-checkbox> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="handleMode" label="治疗方式" min-width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.handleMode" size="small"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改人员" min-width="80" align="center" /> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="150" align="center" /> |
|||
<el-table-column prop="creatorName" label="创建人员" min-width="80" align="center" /> |
|||
<el-table-column prop="creationTime" label="创建时间" min-width="150" align="center" /> |
|||
<el-table-column fixed="right" width="30" align="center"> |
|||
<template slot="header"> |
|||
<div style="display: flex;justify-content:space-between;"> |
|||
<div></div> |
|||
<div> |
|||
<i class="el-icon-plus" @click="btnAdd" style="font-size: 24px;color: blue;cursor:pointer;"></i> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<template slot-scope="scope"> |
|||
<i class="el-icon-delete" @click="deleteRow(scope.$index)" |
|||
style="font-size: 24px;color: red;cursor:pointer;"></i> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div style="margin: 10px 0 0 10px;font-weight: 700;">职业病史</div> |
|||
<el-table :data="dataTransOpts.tableM.patient_previous" border height="200" row-key="id" size="small" |
|||
highlight-current-row ref="Previous"> |
|||
<el-table-column prop="disease" label="疾病名称" min-width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.disease" size="small"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="diagnosisDate" label="诊断日期" min-width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-date-picker v-model="scope.row.diagnosisDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
placeholder="诊断日期" size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="disease" label="诊断单位" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.diagnosisHospital" size="small"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="recovery" label="治愈" min-width="40" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-checkbox v-model="scope.row.recovery" true-label="Y" false-label="N"></el-checkbox> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="handleMode" label="治疗方式" min-width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.handleMode" size="small"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierName" label="修改人员" min-width="80" align="center" /> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="150" align="center" /> |
|||
<el-table-column prop="creatorName" label="创建人员" min-width="80" align="center" /> |
|||
<el-table-column prop="creationTime" label="创建时间" min-width="150" align="center" /> |
|||
<el-table-column fixed="right" width="30" align="center"> |
|||
<template slot="header"> |
|||
<div style="display: flex;justify-content:space-between;"> |
|||
<div></div> |
|||
<div> |
|||
<i class="el-icon-plus" @click="btnAdd" style="font-size: 24px;color: blue;cursor:pointer;"></i> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<template slot-scope="scope"> |
|||
<i class="el-icon-delete" @click="deleteRow(scope.$index)" |
|||
style="font-size: 24px;color: red;cursor:pointer;"></i> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import moment from "moment"; |
|||
import { mapState } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
import { getPagePriv, checkPagePriv, objCopy, deepCopy, arrayExistObj } from "../../utlis/proFunc"; |
|||
export default { |
|||
components: {}, |
|||
props: ["refFunc"], |
|||
data() { |
|||
return { |
|||
pagePriv: { |
|||
routeUrlorPageName: 'customerOrg', //当前页面归属路由或归属页面权限名称 |
|||
privs: [] // 页面权限 |
|||
}, |
|||
postion: [ |
|||
{ |
|||
poisonTypeName: "职业史", |
|||
poisonDtos: [ |
|||
{ |
|||
id: "3a12ad8e-3b84-75a2-415e-c03ed69bda66", |
|||
displayName: "噪声，粉尘", |
|||
simpleCode: "ZS，FC" |
|||
} |
|||
] |
|||
} |
|||
], // 毒害因素 |
|||
|
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
//获取用户当前页面的权限 |
|||
let userPriv = window.sessionStorage.getItem('userPriv') |
|||
if (userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)) |
|||
|
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.postion = deepCopy(this.dict.postion) |
|||
}) |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict", "dialogWin", "dataTransOpts"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment, checkPagePriv, |
|||
|
|||
filterMethod(v) { |
|||
if (v) { |
|||
let lv = v.toUpperCase() |
|||
let postion = [] |
|||
let postionList = this.dict.postionList.filter(e => { |
|||
return e.poisonTypeName.indexOf(lv) > -1 || e.displayName.indexOf(lv) > -1 || e.simpleCode.indexOf(lv) > -1 |
|||
}) |
|||
postionList.forEach(e => { |
|||
let lfind = arrayExistObj(postion, "poisonTypeName", e.poisonTypeName) |
|||
if (lfind == -1) { |
|||
postion.push({ poisonTypeName: e.poisonTypeName, poisonDtos: [{ id: e.id, displayName: e.displayName, simpleCode: e.simpleCode }] }) |
|||
} else { |
|||
postion[lfind]['poisonDtos'].push({ id: e.id, displayName: e.displayName, simpleCode: e.simpleCode }) |
|||
} |
|||
}); |
|||
this.postion = postion |
|||
} else { |
|||
this.postion = deepCopy(this.dict.postion) |
|||
} |
|||
console.log('filterMethod', v) |
|||
|
|||
}, |
|||
|
|||
|
|||
//删除联系方式行 |
|||
deleteRow(index) { |
|||
this.$confirm("此操作确定后将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: "否", |
|||
type: "warning", |
|||
}).then(() => { |
|||
this.dataTransOpts.tableM.patient_previous.splice(index, 1); |
|||
//this.submit('form'); |
|||
}).catch((err) => { |
|||
if (err != 'cancel') { |
|||
this.$message.info({ showClose: true, message: err }); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//新增联系方式 |
|||
btnAdd() { |
|||
this.postion = deepCopy(this.dict.postion) |
|||
this.dataTransOpts.tableM.patient_previous.push({ |
|||
patientRegisterId: this.patientRegisterId, |
|||
poisonId: '' |
|||
}); |
|||
}, |
|||
|
|||
}, |
|||
|
|||
watch: { |
|||
// 单位id未变时，强制刷新 |
|||
"dataTransOpts.refresh.contact_person.S": { |
|||
// immediate: true, |
|||
handler(newVal, oldVal) { |
|||
console.log(`watch 联系人 newVal:${newVal} oldVal:${oldVal} customerOrgId: ${this.dataTransOpts.tableS.contact_person.id}`); |
|||
this.getFormData(this.dataTransOpts.tableS.contact_person.id) |
|||
} |
|||
}, |
|||
|
|||
// 'customerOrgId' (newVal,oldVal){ |
|||
// console.log('watch customerOrgId',newVal,oldVal) |
|||
// if(newVal != oldVal){ |
|||
// this.personId = '' |
|||
// } |
|||
// } |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
@import '../../assets/css/global_table.css'; |
|||
@import '../../assets/css/global_input.css'; |
|||
@import '../../assets/css/global_form.css'; |
|||
@import '../../assets/css/global_dialog.css'; |
|||
|
|||
::v-deep .el-select-group__title { |
|||
font-size: 15px; |
|||
background-color: #EEEEEE; |
|||
color: black; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue