pengjun 1 year ago
parent
commit
02a356e37b
  1. 5
      src/assets/css/global_input.css
  2. 156
      src/components/occDisease/OccDiseaseBase.vue
  3. 12
      src/components/occDisease/OccDiseaseSymptom.vue

5
src/assets/css/global_input.css

@ -65,6 +65,11 @@
}
.el-autocomplete-suggestion li {
padding: 0 5px;
line-height: 25px;
}
/* 输入框定义为number时,取消 spin-button */
input[type="number"]::-webkit-inner-spin-button,

156
src/components/occDisease/OccDiseaseBase.vue

@ -1,6 +1,6 @@
<template>
<div style="height: 468px;overflow-y: auto;">
<el-form :model="dataTransOpts.tableS.patient_occupational_disease" ref="form" label-width="80px" >
<el-form :model="dataTransOpts.tableS.patient_occupational_disease" ref="form" label-width="80px">
<el-row>
<el-col :span="6">
<el-form-item prop="ocCheckTypeId" label="检查类别">
@ -11,33 +11,37 @@
</el-col>
<el-col :span="6">
<el-form-item label="工种">
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.jobType" size="small"></el-input>
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.jobType" clearable size="small"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item prop="totalWorkTime" label="总工龄">
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.totalWorkTime" size="small"></el-input>
<el-autocomplete class="inline-input"
v-model="dataTransOpts.tableS.patient_occupational_disease.totalWorkTime" :fetch-suggestions="querySearch" clearable
placeholder="总工龄" size="small" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item prop="poisonWorkTime" label="接害工龄">
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.poisonWorkTime" size="small"></el-input>
<el-autocomplete class="inline-input"
v-model="dataTransOpts.tableS.patient_occupational_disease.poisonWorkTime" :fetch-suggestions="querySearch" clearable
placeholder="接害工龄" size="small" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="接害因素" >
<el-form-item label="接害因素">
<el-input type="textarea" v-model="dataTransOpts.tableS.patient_occupational_disease.riskFactors" size="small"
:autosize="{ minRows: 1, maxRows: 10 }"></el-input>
:autosize="{ minRows: 1, maxRows: 10 }" clearable ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="家族遗传史" >
<el-input type="textarea" v-model="dataTransOpts.tableS.patient_occupational_disease.familyGeneticHistory" size="small"
:autosize="{ minRows: 1, maxRows: 10 }"></el-input>
<el-form-item label="家族遗传史">
<el-input type="textarea" v-model="dataTransOpts.tableS.patient_occupational_disease.familyGeneticHistory"
size="small" :autosize="{ minRows: 1, maxRows: 10 }" clearable ></el-input>
</el-form-item>
</el-col>
</el-row>
@ -75,51 +79,57 @@
</el-form-item>
</el-col>
</el-row>
-->
-->
<el-row v-show="dataTransOpts.tableS.patient_register.sexId == 'F'">
<el-col :span="8">
<el-form-item label="三、月经史: 初经" label-width="120px">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.firstMenstruation" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.menstruationTimeLength" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.menstruationCycle" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.menstruationCycle"
size="small">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="dataTransOpts.tableS.patient_register.sexId == 'F'">
<el-row v-show="dataTransOpts.tableS.patient_register.sexId == 'F'">
<el-col :span="8">
<el-form-item label="是否经期" label-width="120px">
<el-checkbox v-model="dataTransOpts.tableS.patient_occupational_disease.menstruationFlag" true-label="Y" false-label="N"></el-checkbox>
<el-checkbox v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.menstruationEndAge" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.lastMenstrualPeriodDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="末次月经日期" size="small" style="width: 100%" />
<el-date-picker v-model="dataTransOpts.tableS.patient_occupational_disease.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 v-show="dataTransOpts.tableS.patient_register.sexId == 'F'">
</el-row>
<el-row v-show="dataTransOpts.tableS.patient_register.sexId == 'F'">
<el-col :span="8">
<el-form-item label="四、生育史:现有子女" label-width="145px">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.childrenNum" size="small">
@ -129,28 +139,32 @@
</el-col>
<el-col :span="4">
<el-form-item label="流产" label-width="50px">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.abortionTimes" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.prematureBirthTimes" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.prematureBirthTimes"
size="small">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="4">
<el-form-item label="死产" label-width="50px">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.stillbirthTimes" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.abnormalTimes" size="small">
<el-input type="number" v-model="dataTransOpts.tableS.patient_occupational_disease.abnormalTimes"
size="small">
<template slot="append"></template>
</el-input>
</el-form-item>
@ -210,30 +224,33 @@
<el-col :span="24">
<el-form-item label="六、其他:" label-width="75px">
<el-input type="textarea" v-model="dataTransOpts.tableS.patient_occupational_disease.other" size="small"
:autosize="{ minRows: 1, maxRows: 10 }"></el-input>
:autosize="{ minRows: 1, maxRows: 10 }" clearable ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="创建者">
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.creatorName" disabled size="small"></el-input>
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.creationTime" type="datetime" size="small" style="width: 100%" disabled />
<el-date-picker v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.creatorName" disabled size="small"></el-input>
<el-input v-model="dataTransOpts.tableS.patient_occupational_disease.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="dataTransOpts.tableS.patient_occupational_disease.lastModificationTime" type="datetime" size="small" style="width: 100%"
disabled />
<el-date-picker v-model="dataTransOpts.tableS.patient_occupational_disease.lastModificationTime"
type="datetime" size="small" style="width: 100%" disabled />
</el-form-item>
</el-col>
</el-row>
@ -247,7 +264,7 @@ import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { getPagePriv, checkPagePriv, objCopy, deepCopy, arrayExistObj } from "../../utlis/proFunc";
export default {
components: {},
props: ["refFunc","patientRegisterId"],
props: ["refFunc", "patientRegisterId"],
data() {
return {
pagePriv: {
@ -259,32 +276,32 @@ export default {
id: "",
patientRegisterId: '', //
ocCheckTypeId: '', //
jobType:'', //
totalWorkTime:'', //
poisonWorkTime:'', //
previousHistory:'', //
occupationalDisease:'', //
diagnosisDate:'', //
diagnosisHospital:'', //
recovery:'', //
firstMenstruation:'', //
menstruationTimeLength:'', //
menstruationCycle:'', //
menstruationFlag:'', //
menstruationEndAge:'', //
lastMenstrualPeriodDate:'', //
childrenNum:'', //
abortionTimes:'', //
prematureBirthTimes:'', //
stillbirthTimes:'', //
abnormalTimes:'', //
smokeFlag:'0', //
smokeNum:'', //
smokeYears:'', //
drinkFlag:'0', //
drinkNum:'', //
drinkYears:'', //
other:'', //
jobType: '', //
totalWorkTime: '', //
poisonWorkTime: '', //
previousHistory: '', //
occupationalDisease: '', //
diagnosisDate: '', //
diagnosisHospital: '', //
recovery: '', //
firstMenstruation: '', //
menstruationTimeLength: '', //
menstruationCycle: '', //
menstruationFlag: '', //
menstruationEndAge: '', //
lastMenstrualPeriodDate: '', //
childrenNum: '', //
abortionTimes: '', //
prematureBirthTimes: '', //
stillbirthTimes: '', //
abnormalTimes: '', //
smokeFlag: '0', //
smokeNum: '', //
smokeYears: '', //
drinkFlag: '0', //
drinkNum: '', //
drinkYears: '', //
other: '', //
},
};
},
@ -293,12 +310,12 @@ export default {
//
let userPriv = window.sessionStorage.getItem('userPriv')
if (userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName))
},
//
mounted() {
this.dictInit()
this.dictInit()
},
computed: {
@ -317,7 +334,18 @@ export default {
}
});
},
querySearch(queryString, cb) {
var restaurants = [{ value: '年月' }]; // deepCopy(this.restaurants) [{ value: '' },{ value: '' }]
var results = queryString
? restaurants.filter(e => { return e.value.indexOf(queryString) > -1})
: restaurants;
// callback
cb(results);
},
},
watch: {
@ -333,13 +361,11 @@ export default {
},
};
</script>
<style scoped>
@import '../../assets/css/global_table.css';
<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>
}</style>

12
src/components/occDisease/OccDiseaseSymptom.vue

@ -19,7 +19,7 @@
</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" />
<el-autocomplete v-model="scope.row.timeLength" :fetch-suggestions="querySearch" size="small" clearable/>
</template>
</el-table-column>
<el-table-column prop="lastModifierName" label="修改人员" min-width="80" align="center" />
@ -91,6 +91,15 @@ export default {
})
},
querySearch(queryString, cb) {
var restaurants = [{ value: '年月' }]; // deepCopy(this.restaurants) [{ value: '' },{ value: '' }]
var results = queryString
? restaurants.filter(e => { return e.value.indexOf(queryString) > -1})
: restaurants;
// callback
cb(results);
},
filterMethod(v) {
if (v) {
let lv = v.toUpperCase()
@ -151,6 +160,7 @@ export default {
@import '../../assets/css/global_form.css';
@import '../../assets/css/global_dialog.css';
.btnClass {
width: 110px;
}

Loading…
Cancel
Save