角膜塑形镜复查单

src/page-subspecialty/views/modules/optometryManagement/seeDoctor/CornealReview.vue

@@ -1,24 +1,24 @@
 <template>
-  <div>
-    <head-template head-left="">
-      <el-button type="primary" size="small">保存</el-button>
+  <div class="corneal">
+    <head-template>
+      <el-button type="primary" size="small" @click="saveCheckData()">保存</el-button>
       <el-button v-print="'cornealPrint'" size="small">打印</el-button>
     </head-template>
     <div class="notice-content">
       <div class="notice-box">
         <div id="cornealPrint" class="notice_tip" style="page-break-after:always">
-          <h3 style="text-align: center;margin-bottom: 32px;">
+          <h2 style="text-align: center;margin-bottom: 32px;">
             角膜塑形镜复查单
-          </h3>
+          </h2>
           <table class="cornealTable">
             <tr>
               <td colspan="2"><div class="tdItem">姓名 <el-input v-model="formData.patient.name" style="flex: 1" placeholder="" /></div></td>
               <td colspan="2">
-                <div class="tdItem">检查日期
+                <div class="tdItem">
+                  <span style="word-break: keep-all">检查日期</span>
                   <el-date-picker
                     v-model="formData.patient.checkDate"
                     type="date"
-                    placeholder="选择日期"
                   />
                 </div>
               </td>
@@ -72,15 +72,21 @@
             </tr>
             <tr>
               <td>备注</td>
-              <td />
-              <td />
-              <td />
-              <td />
-              <td />
+              <td colspan="5">
+                <el-input v-model="formData.remark" autosize type="textarea" />
+              </td>
             </tr>
             <tr>
-              <td colspan="3">检查人签字</td>
-              <td colspan="3">检查人签字</td>
+              <td colspan="6" style="padding: 0">
+                <div style="display: flex">
+                  <div style="flex: 1;padding: 5px 10px;display: flex;align-items: center">
+                    <span style="word-break: keep-all">检查人签字</span> <el-input v-model="formData.patientSign" />
+                  </div>
+                  <div style="flex: 1;border-left: 1px solid #ccc;padding: 5px 10px;display: flex;align-items: center">
+                    <span style="word-break: keep-all">医生签字</span><el-input v-model="formData.docSign" />
+                  </div>
+                </div>
+              </td>
             </tr>
           </table>
         </div>
@@ -208,11 +214,17 @@ export default {
               }
             ]
           }
-        ]
+        ],
+        remark: '',
+        patientSign: '',
+        docSign: ''
       }
     }
   },
   methods: {
+    saveCheckData() {
+      console.log(this.formData)
+    }
   }
 }
 </script>
@@ -222,17 +234,27 @@ input{
   -webkit-appearance: checkbox !important;
   margin-right: 5px;
 }
+::v-deep .el-input__prefix {
+  display: none;
+}
+.el-date-editor.el-input, .el-date-editor.el-input__inner{
+  width: 100%;
+}
 .cornealTable{
   width: 100%;
   tr td{
     border: 1px solid #ccc;
-    padding: 0 5px;
+    font-size: 18px;
+    padding: 5px 10px;
     ::v-deep .el-input__inner {
       border: none !important;
       text-align: center;
       border-radius: 0;
       padding: 0;
     }
+    ::v-deep .el-textarea__inner{
+      border: none;
+    }
     .tdItem{
       display: flex !important;
       align-items: center;
@@ -245,20 +267,22 @@ input{
     }
   }
 }
+.corneal{
+  width: 100%;
+  height: 100%;
+  display:flex;
+  flex-direction: column;
+}
 .notice-content{
   width: 100%;
   flex:1;
-
+  overflow-y: auto;
   .notice-box{
     width: 100%;
     height: 100%;
-    display: flex;
-    justify-content: space-between;
   }
 
   .notice_tip{
-    width: 100%;
-    height: fit-content;
     border: 1px solid #000;
     padding: 64px 32px;
     margin-right: 16px;

src/page-subspecialty/views/modules/optometryManagement/seeDoctor/reviewSituation.vue

@@ -2,7 +2,7 @@
   <div class="review">
     <!-- 复查头部 -->
     <div class="review-head">
-      <span>复查情况</span>
+      <div />
       <el-button type="primary" size="small" icon="el-icon-plus" @click="addHandle()">新增</el-button>
     </div>
     <!-- 复查内容 -->