眼科激光手术治疗表单input回车事件

src/page-subspecialty/views/modules/formList/laserSurgery.vue

@@ -65,10 +65,10 @@
             </tr>
             <tr>
               <td>
-                <el-input v-model="confirmData.zlqSl" style="flex: 1" />
+                <el-input ref="input1" v-model="confirmData.zlqSl" style="flex: 1" @keyup.enter.native="onEnter(1)" />
               </td>
               <td>
-                <el-input v-model="confirmData.zlqJbfq" style="flex: 1" />
+                <el-input ref="input2" v-model="confirmData.zlqJbfq" style="flex: 1" @keyup.enter.native="onEnter(2)" />
               </td>
             </tr>
           </tbody>
@@ -86,7 +86,7 @@
                 次数
               </td>
               <td>
-                <el-input v-model="confirmData.jgzlCount" style="flex: 1" />
+                <el-input ref="input3" v-model="confirmData.jgzlCount" style="flex: 1" @keyup.enter.native="onEnter(3)" />
               </td>
             </tr>
             <tr>
@@ -94,7 +94,7 @@
                 曝光时间
               </td>
               <td>
-                <el-input v-model="confirmData.jgzlBgsj" style="flex: 1" />
+                <el-input ref="input4" v-model="confirmData.jgzlBgsj" style="flex: 1" @keyup.enter.native="onEnter(4)" />
               </td>
             </tr>
             <tr>
@@ -102,7 +102,7 @@
                 光斑大小
               </td>
               <td>
-                <el-input v-model="confirmData.jgzlGb" style="flex: 1" />
+                <el-input ref="input5" v-model="confirmData.jgzlGb" style="flex: 1" @keyup.enter.native="onEnter(5)" />
               </td>
             </tr>
             <tr>
@@ -110,7 +110,7 @@
                 功率
               </td>
               <td>
-                <el-input v-model="confirmData.jgzlGl" style="flex: 1" />
+                <el-input ref="input6" v-model="confirmData.jgzlGl" style="flex: 1" @keyup.enter.native="onEnter(6)" />
               </td>
             </tr>
             <tr>
@@ -118,7 +118,7 @@
                 点数
               </td>
               <td>
-                <el-input v-model="confirmData.jgzlDs" style="flex: 1" />
+                <el-input ref="input7" v-model="confirmData.jgzlDs" style="flex: 1" @keyup.enter.native="onEnter(7)" />
               </td>
             </tr>
           </tbody>
@@ -230,6 +230,14 @@ export default {
         this.confirmData.jgzlSyt = odOrOs.os
       }
     },
+    onEnter(index) {
+      const nextIndex = index + 1
+      const nextInputRef = `input${nextIndex}`
+
+      if (this.$refs[nextInputRef]) {
+        this.$refs[nextInputRef].focus()
+      }
+    },
     queryDiagnostic() {
       this.$http.get('/mzbl/getLastDiagnostic', { params: {
         patientId: this.patientDetail.patientId

src/page-subspecialty/views/modules/nurseManagement/reservation/subList/index.vue

@@ -21,6 +21,8 @@
             v-model="dataForm.itemId"
             style="margin:0 15px"
             placeholder="请选择"
+            filterable
+            :remote-method="queryProjects"
             size="small"
             @change="getDataListInitial"
           >
@@ -43,7 +45,7 @@
         </div>
         <div>
           <el-button type="primary" icon="el-icon-edit" size="small" @click="changeOrder">改约</el-button>
-          <el-button v-print="'#multipleTable'" type="primary" icon="el-icon-edit" size="small">打印</el-button>
+          <el-button v-print="printObj" type="primary" icon="el-icon-edit" size="small">打印</el-button>
         </div>
       </div>
       <div class="scheduled-patient-content">
@@ -56,8 +58,8 @@
           :cell-class-name="tableCellClassName"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column type="selection" width="50px" />
-          <el-table-column prop="patientId" label="登记号" header-align="center" align="center" width="150px" />
+          <el-table-column class-name="hidden" type="selection" width="50px" />
+          <el-table-column prop="patientId" label="登记号" header-align="center" align="center" min-width="150px" />
           <el-table-column prop="jzNumber" label="就诊号" header-align="center" align="center" width="150px" />
           <el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" width="150px" />
           <el-table-column label="负责医生" header-align="center" align="center" width="150px">
@@ -191,7 +193,12 @@ export default {
       // 用一个字符串来保存当前双击的是哪一个单元格
       currentCell: null,
       // 当前患者
-      curPatient: null
+      curPatient: null,
+      // 打印
+      printObj: {
+        id: 'multipleTable',
+        extraHead: '<style>#printId { width: 100%; !important; }  #multipleTable .hidden { display: none } <style>'
+      }
     }
   },
   created() {
@@ -208,8 +215,10 @@ export default {
       this.getDataListInitial()
     },
     // 获取全部项目
-    queryProjects() {
-      this.$http.get('/patient/getZlItemDict', { params: { isAppoint: 1 }}).then(data => {
+    queryProjects(value) {
+      this.$http.get('/patient/getZlItemDict', {
+        params: { isAppoint: 1, itemName: value }
+      }).then(data => {
         this.projects = data.data.data
         this.projects.unshift({
           caseName: '',
@@ -362,4 +371,8 @@ export default {
     }
   }
 }
+#multipleTable .hidden { display: none }
+//::v-deep .hidden {
+//  display: none !important
+//}
 </style>

src/page-subspecialty/views/modules/outpatientManagement/treat/index.vue

@@ -52,7 +52,15 @@
           <el-button v-for="(item,index) in typeList" :key="index" :class="[curIndex === index ? 'active' : '']" style="margin-left: 0px" size="small" color="white" @click="handleType(item.value, index)">{{ item.label }}</el-button>
           <div style="margin-left: 16px; display: flex;align-items: center">
             <span style="flex: 1">项目名称：</span>
-            <el-select v-model="dataForm.projectCode" style="width:220px" placeholder="项目名称" size="small" @change="getDataListInitial">
+            <el-select
+              v-model="dataForm.projectCode"
+              style="width:220px"
+              placeholder="项目名称"
+              size="small"
+              filterable
+              :remote-method="queryProjectList"
+              @change="getDataListInitial"
+            >
               <el-option
                 v-for="item in projectList"
                 :key="item.itemId"
@@ -304,8 +312,10 @@ export default {
       return list[0].finishUserName
     },
     // 获取项目列表
-    queryProjectList() {
-      this.$http.get('/patient/getZlItemDict', { params: { category: 'T' }}).then(data => {
+    queryProjectList(value) {
+      this.$http.get('/patient/getZlItemDict', {
+        params: { category: 'T', itemName: value }
+      }).then(data => {
         this.projectList = data.data.data
         this.projectList.unshift({
           caseName: '',