pengjun 1 year ago
parent
commit
02a356e37b
  1. 5
      src/assets/css/global_input.css
  2. 80
      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,

80
src/components/occDisease/OccDiseaseBase.vue

@ -11,17 +11,21 @@
</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>
@ -29,15 +33,15 @@
<el-col :span="24">
<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-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-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>
@ -79,21 +83,24 @@
<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>
@ -102,20 +109,23 @@
<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>
@ -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 :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>
@ -318,6 +335,17 @@ 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