occ

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,

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-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>
@@ -79,47 +83,53 @@
       <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 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 :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: '', // 其他
       },
     };
   },
@@ -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>

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;
 }