pengjun
2 years ago
13 changed files with 1424 additions and 29 deletions
-
1src/components/doctorCheck/CheckItemList.vue
-
146src/components/occDisease/OccDisease.vue
-
343src/components/occDisease/OccDiseaseBase.vue
-
241src/components/occDisease/OccDiseaseConclusion.vue
-
209src/components/occDisease/OccDiseaseHistory.vue
-
172src/components/occDisease/OccDiseasePoison.vue
-
164src/components/occDisease/OccDiseaseSymptom.vue
-
25src/components/patientRegister/PatientRegisterEdit.vue
-
1src/components/patientRegister/PatientRegisterList.vue
-
50src/components/report/BtnReport.vue
-
36src/components/report/PatientRegisterListNobtn.vue
-
31src/components/sumDoctorCheck/ButtonList.vue
-
34src/store/index.js
@ -0,0 +1,146 @@ |
|||
<template> |
|||
<div style="margin-top: -15px;"> |
|||
<el-tabs v-model="tabChoosed" style="height: 510px;"> |
|||
<el-tab-pane label="基本信息" name="1"> |
|||
<OccDiseaseBase :patientRegisterId="patientRegisterId" /> |
|||
</el-tab-pane> |
|||
|
|||
<el-tab-pane label="毒害因素" name="2"> |
|||
<OccDiseasePoison :patientRegisterId="patientRegisterId" /> |
|||
</el-tab-pane> |
|||
|
|||
<el-tab-pane label="职业史" name="3"> |
|||
<OccDiseaseHistory :patientRegisterId="patientRegisterId" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="症状" name="4"> |
|||
<OccDiseaseSymptom :patientRegisterId="patientRegisterId" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="体征" name="5"> |
|||
<CheckDetails :patientRegisterId="patientRegisterId" :tabChoosed="'2'" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="检查结论" name="6"> |
|||
<OccDiseaseConclusion :patientRegisterId="patientRegisterId" /> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
<div style="display: flex;justify-content: space-between;"> |
|||
<div></div> |
|||
<div> |
|||
<el-button class="commonbutton" @click="btnOk">确定</el-button> |
|||
<el-button class="commonbutton" @click="btnClose">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { mapState } from "vuex"; |
|||
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|||
|
|||
import OccDiseaseBase from "./OccDiseaseBase.vue"; |
|||
import OccDiseasePoison from "./OccDiseasePoison.vue"; |
|||
import OccDiseaseHistory from "./OccDiseaseHistory.vue"; |
|||
import OccDiseaseSymptom from "./OccDiseaseSymptom.vue"; |
|||
import CheckDetails from "../../components/sumDoctorCheck/CheckDetails.vue"; |
|||
import OccDiseaseConclusion from "./OccDiseaseConclusion.vue"; |
|||
|
|||
export default { |
|||
components: { |
|||
OccDiseaseBase, |
|||
OccDiseasePoison, |
|||
OccDiseaseHistory, |
|||
OccDiseaseSymptom, |
|||
CheckDetails, |
|||
OccDiseaseConclusion |
|||
}, |
|||
props: ["patientRegisterId"], |
|||
data() { |
|||
return { |
|||
tabChoosed: "1", |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
if (this.$route.query.patient_register) { |
|||
this.dataTransOpts.tableS.patient_register = this.$route.query.patient_register |
|||
} else { |
|||
this.dataTransOpts.tableS.patient_register = { id: '', patientRegisterNo: '' } |
|||
this.dataTransOpts.tableS.register_check = { id: '' } |
|||
} |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.dictInit(); |
|||
|
|||
this.initOccDiseaseData() |
|||
|
|||
}, |
|||
|
|||
computed: { |
|||
...mapState([ |
|||
"window", |
|||
"dict", |
|||
"dataTransOpts", |
|||
"dialogWin" |
|||
]), |
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
//数据初始化 |
|||
dictInit() { |
|||
|
|||
//职业病检查类别 |
|||
postapi("/api/app/Poison/GetPoisonWithTypeList").then((res) => { |
|||
if (res.code > -1) { |
|||
this.dict.postion = res.data; |
|||
this.dict.postionList = [] |
|||
this.dict.postion.forEach(e => { |
|||
e.poisonDtos.forEach(e2 => { |
|||
this.dict.postionList.push({ |
|||
poisonTypeName: e.poisonTypeName, |
|||
id: e2.id, |
|||
displayName: e2.displayName, |
|||
simpleCode: e2.simpleCode |
|||
}) |
|||
}); |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
initOccDiseaseData() { |
|||
|
|||
this.dataTransOpts.refresh.sumDoctor.M++ // 刷新体征 |
|||
}, |
|||
|
|||
// 点击确定 |
|||
btnOk() { |
|||
|
|||
}, |
|||
|
|||
// 点击确定 |
|||
btnClose() { |
|||
this.dialogWin.OccDisease = false |
|||
}, |
|||
|
|||
}, |
|||
|
|||
//监听事件() |
|||
watch: { |
|||
"dataTransOpts.plus.OccDisease": { |
|||
// immediate:true, |
|||
handler(newVal, oldVal) { |
|||
console.log(`watch 职业病 newVal: ${newVal}, oldVal: ${oldVal} `); |
|||
if (newVal != oldVal) this.initOccDiseaseData() |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
@import '../../assets/css/global_card.css'; |
|||
@import '../../assets/css/global_input.css'; |
|||
@import '../../assets/css/global_table.css'; |
|||
@import '../../assets/css/global.css'; |
|||
</style> |
|||
@ -0,0 +1,343 @@ |
|||
<template> |
|||
<div style="height: 468px;overflow-y: auto;"> |
|||
<el-form :model="form" ref="form" label-width="80px" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="6"> |
|||
<el-form-item prop="ocCheckTypeId" label="检查类别"> |
|||
<el-select v-model="form.ocCheckTypeId" size="small"> |
|||
<el-option v-for="item in dict.occCheckType" :key="item.value" :label="item.displayName" :value="item.id" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="工种"> |
|||
<el-input v-model="form.jobType" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item prop="totalWorkTime" label="总工龄"> |
|||
<el-input v-model="form.totalWorkTime" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item prop="poisonWorkTime" label="接害工龄"> |
|||
<el-input v-model="form.poisonWorkTime" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item label="一、既往病史：" label-width="105px"> |
|||
<el-input type="textarea" v-model="form.previousHistory" size="small" |
|||
:autosize="{ minRows: 1, maxRows: 10 }"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<el-form-item label="二、急慢性职业病史：病名" label-width="175px"> |
|||
<el-input v-model="form.occupationalDisease" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="diagnosisDate" label="诊断日期"> |
|||
<el-date-picker v-model="form.diagnosisDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
placeholder="诊断日期" size="small" style="width: 100%" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<el-form-item prop="diagnosisHospital" label="诊断单位" label-width="175px"> |
|||
<el-input v-model="form.diagnosisHospital" size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="recovery" label="是否痊愈"> |
|||
<el-checkbox v-model="form.recovery" true-label="Y" false-label="N"></el-checkbox> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="三、月经史： 初经" label-width="120px"> |
|||
<el-input type="number" v-model="form.firstMenstruation" size="small"> |
|||
<template slot="append">岁</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="menstruationTimeLength" label="经期"> |
|||
<el-input type="number" v-model="form.menstruationTimeLength" size="small"> |
|||
<template slot="append">天</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="menstruationCycle" label="周期"> |
|||
<el-input type="number" v-model="form.menstruationCycle" size="small"> |
|||
<template slot="append">天</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="是否停经" label-width="120px"> |
|||
<el-checkbox v-model="form.menstruationFlag" true-label="Y" false-label="N"></el-checkbox> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item prop="menstruationEndAge" label="停经年龄"> |
|||
<el-input type="number" v-model="form.menstruationEndAge" size="small"> |
|||
<template slot="append">岁</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="lastMenstrualPeriodDate" label="末次月经日期" label-width="120px"> |
|||
<el-date-picker v-model="form.lastMenstrualPeriodDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
placeholder="末次月经日期" size="small" style="width: 100%" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="四、生育史：现有子女" label-width="145px"> |
|||
<el-input type="number" v-model="form.childrenNum" size="small"> |
|||
<template slot="append">人</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="流产" label-width="50px"> |
|||
<el-input type="number" v-model="form.abortionTimes" size="small"> |
|||
<template slot="append">次</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="早产" label-width="50px"> |
|||
<el-input type="number" v-model="form.prematureBirthTimes" size="small"> |
|||
<template slot="append">次</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="死产" label-width="50px"> |
|||
<el-input type="number" v-model="form.stillbirthTimes" size="small"> |
|||
<template slot="append">人</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="异常胎" label-width="60px"> |
|||
<el-input type="number" v-model="form.abnormalTimes" size="small"> |
|||
<template slot="append">次</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="五、烟酒史：吸烟" label-width="115px"> |
|||
<el-radio-group v-model="form.smokeFlag"> |
|||
<el-radio :label="3">不吸</el-radio> |
|||
<el-radio :label="6">偶尔吸</el-radio> |
|||
<el-radio :label="9">经常吸</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="频次"> |
|||
<el-input type="number" v-model="form.smokeNum" size="small"> |
|||
<template slot="append">支/天</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="烟龄"> |
|||
<el-input type="number" v-model="form.smokeYears" size="small"> |
|||
<template slot="append">年</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="喝酒" label-width="115px"> |
|||
<el-radio-group v-model="form.drinkFlag"> |
|||
<el-radio :label="3">不喝</el-radio> |
|||
<el-radio :label="6">偶尔喝</el-radio> |
|||
<el-radio :label="9">经常喝</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="频次"> |
|||
<el-input type="number" v-model="form.drinkNum" size="small"> |
|||
<template slot="append">ml/次</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="酒龄"> |
|||
<el-input type="number" v-model="form.drinkYears" size="small"> |
|||
<template slot="append">年</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item label="六、其他：" label-width="75px"> |
|||
<el-input type="textarea" v-model="form.other" size="small" |
|||
:autosize="{ minRows: 1, maxRows: 10 }"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="5"> |
|||
<el-form-item label="创建者"> |
|||
<el-input v-model="form.creatorName" disabled size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item label="创建时间" label-width="80px" style="margin-left:-10px;"> |
|||
<el-date-picker v-model="form.creationTime" type="datetime" size="small" style="width: 100%" disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item label="修改者"> |
|||
<el-input v-model="form.creatorName" disabled size="small"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="7"> |
|||
<el-form-item label="修改时间" label-width="80px" style="margin-left:-10px;"> |
|||
<el-date-picker v-model="form.lastModificationTime" type="datetime" size="small" style="width: 100%" |
|||
disabled /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</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","patientRegisterId"], |
|||
data() { |
|||
return { |
|||
pagePriv: { |
|||
routeUrlorPageName: 'customerOrg', //当前页面归属路由或归属页面权限名称 |
|||
privs: [] // 页面权限 |
|||
}, |
|||
|
|||
form: { //联系人表单信息 |
|||
id: "", |
|||
patientRegisterId: '', // 体检人员 |
|||
ocCheckTypeId: '', // 检查类别 |
|||
jobType:'', // 工种 |
|||
totalWorkTime:'', //总工龄 |
|||
poisonWorkTime:'', //接害工龄 |
|||
previousHistory:'', // 既往病史 |
|||
occupationalDisease:'', // 急慢性职业病史：病名 |
|||
diagnosisDate:'', // 诊断日期 |
|||
diagnosisHospital:'', // 诊断单位 |
|||
recovery:'', //是否痊愈 |
|||
firstMenstruation:'', //初经 岁 |
|||
menstruationTimeLength:'', //经期 天 |
|||
menstruationCycle:'', //周期 天 |
|||
menstruationFlag:'', // 是否停经 |
|||
menstruationEndAge:'', // 停经年龄 |
|||
lastMenstrualPeriodDate:'', // 末次月经日期 |
|||
childrenNum:'', //现有子女 |
|||
abortionTimes:'', // 流产 |
|||
prematureBirthTimes:'', // 早产 |
|||
stillbirthTimes:'', // 死产 |
|||
abnormalTimes:'', // 异常胎 |
|||
smokeFlag:'', // 吸烟 |
|||
smokeNum:'', // 吸烟频次 |
|||
smokeYears:'', //烟龄 |
|||
drinkFlag:'', // 喝酒 |
|||
drinkNum:'', // 喝酒频次 |
|||
drinkYears:'', // 酒龄 |
|||
other:'', // 其他 |
|||
}, |
|||
|
|||
formInit: {}, |
|||
contactMethodList: [], //联系方式（可修改） |
|||
|
|||
|
|||
Methodtypes: [ |
|||
//{ value: '',label: '所有订单状态' }, |
|||
{ value: "0", label: "电话" }, |
|||
{ value: "1", label: "邮箱" }, |
|||
], |
|||
|
|||
rules: { |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
//获取用户当前页面的权限 |
|||
let userPriv = window.sessionStorage.getItem('userPriv') |
|||
if (userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)) |
|||
this.formInit = deepCopy(this.form) |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.dictInit() |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict", "dialogWin", "dataTransOpts"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment, checkPagePriv, |
|||
|
|||
//数据初始化 |
|||
dictInit() { |
|||
//职业病检查类别 |
|||
postapi("/api/app/OcCheckType/GetList").then((res) => { |
|||
if (res.code > -1) { |
|||
this.dict.occCheckType = res.data; |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
}, |
|||
|
|||
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) |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
}; |
|||
</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'; |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,241 @@ |
|||
<template> |
|||
<div> |
|||
<table width="100%"> |
|||
<tr> |
|||
<td width="50%">职业性异常：</td> |
|||
<td width="50%">建议：</td> |
|||
</tr> |
|||
<tr> |
|||
<td><el-input type="textarea" v-model="form.remark" size="small" :autosize="{ minRows: 8, maxRows: 8 }"></el-input></td> |
|||
<td><el-input type="textarea" v-model="form.remark" size="small" :autosize="{ minRows: 8, maxRows: 8 }"></el-input></td> |
|||
</tr> |
|||
<tr> |
|||
<td width="50%">非职业性异常：</td> |
|||
<td width="50%">建议：</td> |
|||
</tr> |
|||
<tr> |
|||
<td><el-input type="textarea" v-model="form.remark" size="small" :autosize="{ minRows: 8, maxRows: 8 }"></el-input></td> |
|||
<td><el-input type="textarea" v-model="form.remark" size="small" :autosize="{ minRows: 8, maxRows: 8 }"></el-input></td> |
|||
</tr> |
|||
</table> |
|||
|
|||
|
|||
<div>处理意见：</div> |
|||
<div> |
|||
<el-input type="textarea" v-model="form.remark" size="small" :autosize="{ minRows: 2, maxRows: 2 }"></el-input> |
|||
</div> |
|||
</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: [] // 页面权限 |
|||
}, |
|||
|
|||
form: { //联系人表单信息 |
|||
id: "", |
|||
customerOrgId: '', |
|||
creationTime: null, |
|||
lastModificationTime: null, |
|||
creatorName: "", |
|||
lastModifierName: "", |
|||
displayName: "", |
|||
title: "", |
|||
remark: "", |
|||
}, |
|||
formInit: {}, |
|||
contactMethodList: [], //联系方式（可修改） |
|||
|
|||
|
|||
Methodtypes: [ |
|||
//{ value: '',label: '所有订单状态' }, |
|||
{ value: "0", label: "电话" }, |
|||
{ value: "1", label: "邮箱" }, |
|||
], |
|||
|
|||
rules: { |
|||
displayName: [ |
|||
{ required: true, message: "请输入名称", trigger: "blur" }, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
//获取用户当前页面的权限 |
|||
let userPriv = window.sessionStorage.getItem('userPriv') |
|||
if (userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)) |
|||
this.formInit = deepCopy(this.form) |
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.getFormData(this.dataTransOpts.tableS.contact_person.id) |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "customerOrg", "dialogWin", "dataTransOpts"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment, checkPagePriv, |
|||
|
|||
// 获取表单数据 |
|||
getFormData(id) { |
|||
if (!id) { |
|||
this.form = deepCopy(this.formInit) |
|||
this.form.customerOrgId = this.dataTransOpts.tableS.customer_org.id |
|||
this.contactMethodList = [] |
|||
return |
|||
} |
|||
getapi(`/api/app/contact-person/${id}`) |
|||
.then(res => { |
|||
if (res.code != -1) { |
|||
this.form = deepCopy(res.data) |
|||
this.getContactMethodList(res.data.id) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
//获取联系方式列表 |
|||
//api/app/contact-method/in-contact-person-id?ContactPersonId=3a0c08ad-4304-138b-d9e6-a7338739dfc4' \ |
|||
getContactMethodList(ContactPersonId) { |
|||
if (!ContactPersonId) { |
|||
this.contactMethodList = [] |
|||
return |
|||
} |
|||
getapi("/api/app/contact-method/in-contact-person-id", { |
|||
ContactPersonId, |
|||
}).then(res => { |
|||
//console.log('res.data',res.data) |
|||
if (res.code != -1) this.contactMethodList = res.data; |
|||
}); |
|||
}, |
|||
|
|||
//删除联系方式行 |
|||
deleteRow(index) { |
|||
this.$confirm("此操作确定后将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: "否", |
|||
type: "warning", |
|||
}).then(() => { |
|||
this.contactMethodList.splice(index, 1); |
|||
//this.submit('form'); |
|||
}).catch((err) => { |
|||
if (err == 'cancel') { |
|||
this.$message.info({ showClose: true, message: "已取消删除" }); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//联系人信息提交 |
|||
submit(formName) { |
|||
let body = { |
|||
customerOrgId: "", |
|||
displayName: "", |
|||
title: "", |
|||
remark: "", |
|||
}; |
|||
this.$refs[formName].validate((valid, fields) => { |
|||
if (!valid) { |
|||
this.$message.warning({ showClose: true, message: fields[Object.keys(fields)[0]][0].message }); |
|||
return false; |
|||
} |
|||
|
|||
objCopy(this.form, body); |
|||
let contactMethod = { |
|||
contactPersonId: this.form.id, |
|||
details: this.contactMethodList |
|||
} |
|||
|
|||
console.log("body,contactMethod", body, contactMethod); |
|||
|
|||
if (!this.form.id) { |
|||
postapi("/api/app/contact-person", body) |
|||
.then((res) => { |
|||
//console.log('api/app/contact-person') |
|||
if (res.code != -1) { |
|||
this.form = res.data |
|||
this.dataTransOpts.tableS.contact_person.id = res.data.id |
|||
this.refFunc(['curChooseRow'], res.data) |
|||
contactMethod.contactPersonId = res.data.id |
|||
return postapi('/api/app/contactmethod/createmany', contactMethod); |
|||
} |
|||
}) |
|||
.then((res) => { |
|||
//console.log('api/app/contact-method/many') |
|||
if (res && res.code != -1) { |
|||
console.log("操作成功！"); |
|||
this.dialogWin.ContactPersonEdit = false |
|||
} |
|||
}); |
|||
} else { |
|||
putapi(`/api/app/contact-person/${this.form.id}`, body) |
|||
.then((res) => { |
|||
if (res.code != -1) { |
|||
this.refFunc(['curChooseRow'], this.form) |
|||
return postapi('/api/app/contactmethod/createmany', contactMethod); |
|||
} |
|||
}) |
|||
.then((res) => { |
|||
//console.log('api/app/contact-method/many') |
|||
//this.getContactPersonList(this.customerOrgId); //改成局部刷新 |
|||
if (res && res.code != -1) { |
|||
console.log("操作成功！"); |
|||
this.dialogWin.ContactPersonEdit = false |
|||
} |
|||
}); |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
//新增联系方式 |
|||
addMethod() { |
|||
this.contactMethodList.push({ |
|||
contactMethodValue: "", |
|||
contactMethodType: "0", |
|||
contactPersonId: this.form.id, |
|||
}); |
|||
}, |
|||
|
|||
}, |
|||
|
|||
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'; |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,209 @@ |
|||
<template> |
|||
<div> |
|||
<el-table :data="dataTransOpts.tableM.patient_occupational_history" border height="465" row-key="id" size="small" |
|||
highlight-current-row ref="contactMethod"> |
|||
<el-table-column prop="beginDate" label="开始日期" min-width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-date-picker v-model="scope.row.beginDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
placeholder="开始日期" size="small" style="width: 100%" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="endDate" label="结束日期" min-width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-date-picker v-model="scope.row.endDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
placeholder="结束日期" size="small" style="width: 100%" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="org" label="工作单位" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.org" size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="workShop" label="车间" min-width="80"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.workShop" size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="workType" label="工种" min-width="80"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.workType" size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="poison" label="毒害因素" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.poison" size="small" style="width:220px" clearable filterable |
|||
:filter-method="filterMethod"> |
|||
<el-option-group v-for="group in postion" :key="group.poisonTypeName" :label="group.poisonTypeName"> |
|||
<el-option v-for="item in group.poisonDtos" :key="item.id" :label="item.displayName" :value="item.displayName" /> |
|||
</el-option-group> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="protectiveMeasures" label="防护措施" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.protectiveMeasures" size="small"> |
|||
<el-option v-for="item in protectiveMeasures" :key="item.id" :label="item.displayName" :value="item.displayName" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierId" label="修改人员" min-width="80" align="center" /> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="150" align="center" /> |
|||
<el-table-column prop="creatorId" 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: [] // 页面权限 |
|||
}, |
|||
protectiveMeasures:[], |
|||
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.dictInit() |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict", "dialogWin", "dataTransOpts"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment, checkPagePriv, |
|||
|
|||
dictInit() { |
|||
//职业病检查类别 |
|||
postapi("/api/app/ProtectiveMeasures/GetList").then((res) => { |
|||
if (res.code > -1) { |
|||
this.protectiveMeasures = res.data; |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
|
|||
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_occupational_history.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_occupational_history.push({ |
|||
patientRegisterId: this.patientRegisterId |
|||
}); |
|||
}, |
|||
|
|||
}, |
|||
|
|||
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) |
|||
// } |
|||
// }, |
|||
|
|||
}, |
|||
}; |
|||
</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> |
|||
@ -0,0 +1,172 @@ |
|||
<template> |
|||
<div> |
|||
<el-table :data="dataTransOpts.tableM.patient_poison" border height="465" row-key="id" size="small" |
|||
highlight-current-row ref="patientPoison"> |
|||
<el-table-column prop="poisonId" label="毒害因素" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.poisonId" size="small" style="width:220px" clearable filterable |
|||
:filter-method="filterMethod"> |
|||
<el-option-group v-for="group in postion" :key="group.poisonTypeName" :label="group.poisonTypeName"> |
|||
<el-option v-for="item in group.poisonDtos" :key="item.id" :label="item.displayName" :value="item.id" /> |
|||
</el-option-group> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierId" label="修改人员" min-width="80" align="center" /> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="150" align="center" /> |
|||
<el-table-column prop="creatorId" 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.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_poison.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_poison.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> |
|||
@ -0,0 +1,164 @@ |
|||
<template> |
|||
<div> |
|||
<el-table :data="dataTransOpts.tableM.patient_symptom" border height="465" row-key="id" size="small" |
|||
highlight-current-row ref="patientSymptom"> |
|||
<el-table-column prop="symptomId" label="项目" min-width="200"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.symptomId" size="small" clearable filterable :filter-method="filterMethod"> |
|||
<el-option v-for="item in symptom" :key="item.id" :label="item.displayName" :value="item.id" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="degree" label="程度" min-width="70"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.degree" size="small"> |
|||
<el-option v-for="item in dict.degree" :key="item.id" :label="item.displayName" :value="item.id" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="timeLength" label="时长" min-width="70"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.timeLength" size="small" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="lastModifierId" label="修改人员" min-width="80" align="center" /> |
|||
<el-table-column prop="lastModificationTime" label="修改时间" min-width="150" align="center" /> |
|||
<el-table-column prop="creatorId" 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","patientRegisterId"], |
|||
data() { |
|||
return { |
|||
pagePriv: { |
|||
routeUrlorPageName: 'customerOrg', //当前页面归属路由或归属页面权限名称 |
|||
privs: [] // 页面权限 |
|||
}, |
|||
symptom:[] |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
//获取用户当前页面的权限 |
|||
let userPriv = window.sessionStorage.getItem('userPriv') |
|||
if (userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName)) |
|||
|
|||
}, |
|||
|
|||
//挂载完成 |
|||
mounted() { |
|||
this.dictInit() |
|||
}, |
|||
|
|||
computed: { |
|||
...mapState(["window", "dict", "dialogWin", "dataTransOpts"]), |
|||
}, |
|||
|
|||
methods: { |
|||
moment, checkPagePriv, |
|||
|
|||
//数据初始化 |
|||
dictInit() { |
|||
// 职业病--症状列表 |
|||
postapi("/api/app/Symptom/GetList").then((res) => { |
|||
if (res.code > -1) { |
|||
this.dict.symptom = res.data; |
|||
this.symptom = res.data |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
filterMethod(v) { |
|||
if (v) { |
|||
let lv = v.toUpperCase() |
|||
this.symptom = this.dict.symptom.filter(e => { |
|||
return e.displayName.indexOf(lv) > -1 || e.simpleCode.indexOf(lv) > -1 |
|||
}) |
|||
} else { |
|||
this.symptom = deepCopy(this.dict.symptom) |
|||
} |
|||
}, |
|||
|
|||
//删除联系方式行 |
|||
deleteRow(index) { |
|||
this.$confirm("此操作确定后将永久删除该记录, 是否继续?", "提示", { |
|||
confirmButtonText: "是", |
|||
cancelButtonText: "否", |
|||
type: "warning", |
|||
}).then(() => { |
|||
this.dataTransOpts.tableM.patient_symptom.splice(index, 1); |
|||
//this.submit('form'); |
|||
}).catch((err) => { |
|||
if (err != 'cancel') { |
|||
this.$message.info({ showClose: true, message: err }); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
|
|||
|
|||
//新增联系方式 |
|||
btnAdd() { |
|||
console.log('this.dataTransOpts.tableM.patient_symptom',this.dataTransOpts.tableM.patient_symptom) |
|||
this.dataTransOpts.tableM.patient_symptom.push({ |
|||
patientRegisterId: this.patientRegisterId, |
|||
symptomId:'', |
|||
degree:'', |
|||
timeLength:'' |
|||
}); |
|||
}, |
|||
|
|||
}, |
|||
|
|||
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'; |
|||
|
|||
.btnClass { |
|||
width: 110px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue