pengjun 1 year ago
parent
commit
f195c85a09
  1. 85
      src/components/occDisease/OccDiseasePrevious.vue
  2. 3
      src/store/index.js

85
src/components/occDisease/OccDiseasePrevious.vue

@ -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: ''
});
}
},
},

3
src/store/index.js

@ -392,7 +392,8 @@ export default new Vuex.Store({
patient_poison: [], // 病人毒害因素
patient_occupational_history: [],// 病人职业史
patient_symptom: [], // 病人症状
patient_previous:[], // 既往病史
patient_past_medical_history:[], // 既往病史
patient_occupational_medical_history:[], // 职业病史
},
plus: {
PatientRegisterEditQuery: 0, // 更新查询条件

Loading…
Cancel
Save