|
|
|
@ -1,32 +1,32 @@ |
|
|
|
<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" |
|
|
|
<el-table :data="dataTransOpts.tableM.patient_past_medical_history" border height="200" row-key="id" size="small" |
|
|
|
highlight-current-row ref="Previous"> |
|
|
|
<el-table-column prop="disease" label="疾病名称" min-width="150"> |
|
|
|
<el-table-column prop="occupationalDisease" label="疾病名称" min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input v-model="scope.row.disease" size="small"/> |
|
|
|
<el-input v-model="scope.row.occupationalDisease" 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> |
|
|
|
placeholder="诊断日期" size="small" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="disease" label="诊断单位" min-width="200"> |
|
|
|
<el-table-column prop="diagnosisHospital" label="诊断单位" min-width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input v-model="scope.row.diagnosisHospital" size="small"/> |
|
|
|
<el-input v-model="scope.row.diagnosisHospital" size="small" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="recovery" label="治愈" min-width="40" align="center"> |
|
|
|
<el-table-column prop="isRecovery" 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> |
|
|
|
<el-checkbox v-model="scope.row.isRecovery" true-label="Y" false-label="N"></el-checkbox> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="handleMode" label="治疗方式" min-width="150"> |
|
|
|
<el-table-column prop="treatmentMethods" label="治疗方式" min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input v-model="scope.row.handleMode" size="small"/> |
|
|
|
<el-input v-model="scope.row.treatmentMethods" size="small" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="lastModifierName" label="修改人员" min-width="80" align="center" /> |
|
|
|
@ -38,43 +38,43 @@ |
|
|
|
<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> |
|
|
|
<i class="el-icon-plus" @click="btnAdd('past')" 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)" |
|
|
|
<i class="el-icon-delete" @click="deleteRow(scope.$index,'past')" |
|
|
|
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"> |
|
|
|
<el-table :data="dataTransOpts.tableM.patient_occupational_medical_history" border height="200" row-key="id" |
|
|
|
size="small" highlight-current-row ref="occ"> |
|
|
|
<el-table-column prop="occupationalDisease" label="疾病名称" min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input v-model="scope.row.disease" size="small"/> |
|
|
|
<el-input v-model="scope.row.occupationalDisease" 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> |
|
|
|
placeholder="诊断日期" size="small" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="disease" label="诊断单位" min-width="200"> |
|
|
|
<el-table-column prop="diagnosisHospital" label="诊断单位" min-width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input v-model="scope.row.diagnosisHospital" size="small"/> |
|
|
|
<el-input v-model="scope.row.diagnosisHospital" size="small" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="recovery" label="治愈" min-width="40" align="center"> |
|
|
|
<el-table-column prop="isRecovery" 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> |
|
|
|
<el-checkbox v-model="scope.row.isRecovery" true-label="Y" false-label="N"></el-checkbox> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="handleMode" label="治疗方式" min-width="150"> |
|
|
|
<el-table-column prop="treatmentMethods" label="治疗方式" min-width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input v-model="scope.row.handleMode" size="small"/> |
|
|
|
<el-input v-model="scope.row.treatmentMethods" size="small" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="lastModifierName" label="修改人员" min-width="80" align="center" /> |
|
|
|
@ -86,12 +86,12 @@ |
|
|
|
<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> |
|
|
|
<i class="el-icon-plus" @click="btnAdd('occ')" 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)" |
|
|
|
<i class="el-icon-delete" @click="deleteRow(scope.$index,'occ')" |
|
|
|
style="font-size: 24px;color: red;cursor:pointer;"></i> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -99,6 +99,8 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
|
|
|
|
|
|
|
|
import moment from "moment"; |
|
|
|
import { mapState } from "vuex"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
@ -132,14 +134,14 @@ export default { |
|
|
|
//获取用户当前页面的权限 |
|
|
|
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: { |
|
|
|
@ -174,13 +176,17 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
//删除联系方式行 |
|
|
|
deleteRow(index) { |
|
|
|
deleteRow(index, tableType) { |
|
|
|
this.$confirm("此操作确定后将永久删除该记录, 是否继续?", "提示", { |
|
|
|
confirmButtonText: "是", |
|
|
|
cancelButtonText: "否", |
|
|
|
type: "warning", |
|
|
|
}).then(() => { |
|
|
|
this.dataTransOpts.tableM.patient_previous.splice(index, 1); |
|
|
|
if (tableType == 'past') { |
|
|
|
this.dataTransOpts.tableM.patient_past_medical_history.splice(index, 1); |
|
|
|
} else { |
|
|
|
this.dataTransOpts.tableM.patient_occupational_medical_history.splice(index, 1); |
|
|
|
} |
|
|
|
//this.submit('form'); |
|
|
|
}).catch((err) => { |
|
|
|
if (err != 'cancel') { |
|
|
|
@ -190,12 +196,19 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//新增联系方式 |
|
|
|
btnAdd() { |
|
|
|
btnAdd(tableType) { |
|
|
|
this.postion = deepCopy(this.dict.postion) |
|
|
|
this.dataTransOpts.tableM.patient_previous.push({ |
|
|
|
patientRegisterId: this.patientRegisterId, |
|
|
|
poisonId: '' |
|
|
|
}); |
|
|
|
if (tableType == 'past') { |
|
|
|
this.dataTransOpts.tableM.patient_past_medical_history.push({ |
|
|
|
patientRegisterId: this.patientRegisterId, |
|
|
|
poisonId: '' |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.dataTransOpts.tableM.patient_occupational_medical_history.push({ |
|
|
|
patientRegisterId: this.patientRegisterId, |
|
|
|
poisonId: '' |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
|