双眼视功能表单修改

src/components/360View/commonForm/eyesVision.vue

@@ -98,6 +98,7 @@
           </el-table-column>
           <el-table-column label="" width="" :resizable="false" prop="type">
             <template slot-scope="scope">
+              <div v-if="scope.row.name==='检查项目'" style="text-align: center">检查结果</div>
               <div v-if="scope.row.name == '1'">
                 <div class="width-180 center" style="display: flex">
                   <el-input v-model="formData.qgztOsVa1" placeholder="">
@@ -156,9 +157,8 @@
                 </div>
               </div>
               <div v-if="scope.row.name == 'Worth-4-dot'">
-                <div class="center">
-                  <!--                  <el-input v-model="formData.worth1" placeholder="" style="width: 100px" />-->
-                  <el-select v-model="formData.worth1" placeholder="" clearable style="display: inline-block;width: 100px" @change="selectWorth($event, 'od')">
+                <div class="center" style="display: flex">
+                  <el-select v-model="formData.worth1" placeholder="" clearable style="display: inline-block;width: 50px" @change="selectWorth($event, 'od')">
                     <el-option
                       v-for="item in worthList"
                       :key="item.id"
@@ -185,7 +185,7 @@
                 </div>
               </div>
               <div v-if="scope.row.name == '眼位'">
-                <div class="center">
+                <div class="center" style="display: flex">
                   <el-input v-model="formData.ywYuan" placeholder="" style="width: 120px">
                     <template slot="prepend">远:</template>
                   </el-input>
@@ -257,7 +257,7 @@
               </div>
               <div v-if="scope.row.name == '调节灵活度(AF)'">
                 <div class="center">
-                  <div>
+                  <div class="flex">
                     <el-input v-model="formData.afOd1" placeholder="" style="width: 120px">
                       <template slot="prepend">OD:</template>
                     </el-input>
@@ -270,17 +270,19 @@
                       />
                     </el-select>
                   </div>
-                  <el-input v-model="formData.afOs1" placeholder="" style="width: 120px">
-                    <template slot="prepend">OS:</template>
-                  </el-input>
-                  <el-select v-model="formData.afOs2" placeholder="" clearable style="display: inline-block;width: 100px;margin-left: 8px" @change="selectWorth($event, 'od')">
-                    <el-option
-                      v-for="item in afList"
-                      :key="item.id"
-                      :label="item.name"
-                      :value="item.name"
-                    />
-                  </el-select>
+                  <div class="flex">
+                    <el-input v-model="formData.afOs1" placeholder="" style="width: 120px">
+                      <template slot="prepend">OS:</template>
+                    </el-input>
+                    <el-select v-model="formData.afOs2" placeholder="" clearable style="display: inline-block;width: 100px;margin-left: 8px" @change="selectWorth($event, 'od')">
+                      <el-option
+                        v-for="item in afList"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.name"
+                      />
+                    </el-select>
+                  </div>
                 </div>
               </div>
               <div v-if="scope.row.name == '调节反应(FCC)'">
@@ -303,15 +305,12 @@
                     <div class="check" style="margin-left: 0" @click="formData.cbzdNormal=!formData.cbzdNormal">
                       <input type="checkbox" :checked="formData.cbzdNormal">正常
                     </div>
-                    <!--                    <div class="check" style="margin-left: 16px" @click="formData.cbzdCheck=!formData.cbzdCheck">-->
-                    <!--                      <input type="checkbox" :checked="!formData.cbzdCheck">异常-->
-                    <!--                    </div>-->
                   </div>
                   <div>
                     <div style="display: flex">
                       <div style="width: 160px;">聚散功能异常：</div>
                       <div style="width: 100%;display: flex;flex-wrap: wrap;">
-                        <div v-for="(item,index) in dispersionList" :key="index" class="check" :class="[index !== dispersionList.length - 1 ? 'width-100' : '']" style="margin-left: 22px;font-size: 14px" @click="item.isSelect = !item.isSelect">
+                        <div v-for="(item,index) in dispersionList" :key="index" class="check" :class="[index < dispersionList.length - 2 ? 'check-width-100' : '']" style="margin-left: 22px;font-size: 14px" @click="item.isSelect = !item.isSelect">
                           <input type="checkbox" :checked="item.isSelect">
                           <div>{{ item.name }}</div>
                         </div>
@@ -320,7 +319,7 @@
                     <div style="display: flex">
                       <div style="width: 160px;">调节功能异常：</div>
                       <div style="width: 100%;display: flex;flex-wrap: wrap;">
-                        <div v-for="(item,index) in regulatoryList" :key="index" class="check" :class="[index !== regulatoryList.length - 1 ? 'width-100' : '']" style="margin-left: 22px;font-size: 14px" @click="item.isSelect = !item.isSelect">
+                        <div v-for="(item,index) in regulatoryList" :key="index" class="check" :class="[index !== regulatoryList.length - 1 ? 'check-width-120' : '']" style="margin-left: 22px;font-size: 14px" @click="item.isSelect = !item.isSelect">
                           <input type="checkbox" :checked="item.isSelect">
                           <div>{{ item.name }}</div>
                         </div>
@@ -355,6 +354,9 @@
           </el-table-column>
           <el-table-column label="" width="" :resizable="false">
             <template slot-scope="scope">
+              <div v-if="scope.row.name==='检查项目'" style="text-align: center">
+                参考范围
+              </div>
               <div v-if="scope.row.name == '屈光状态'">
                 <div class="width-180 center" style="display: flex">
                   <el-input v-model="formData.qgztOdVa1" placeholder="">
@@ -384,8 +386,8 @@
                 </div>
               </div>
               <div v-if="scope.row.name == 'Worth-4-dot'">
-                <div class="center">
-                  <el-select v-model="formData.worth3" placeholder="" clearable style="display: inline-block;width: 100px" @change="selectWorth($event, 'os')">
+                <div class="center" style="display: flex">
+                  <el-select v-model="formData.worth3" placeholder="" clearable style="display: inline-block;width: 50px" @change="selectWorth($event, 'os')">
                     <el-option
                       v-for="item in worthList"
                       :key="item.id"
@@ -412,7 +414,7 @@
                 </div>
               </div>
               <div v-if="scope.row.name == '眼位'">
-                <div class="center">
+                <div class="center" style="display: flex">
                   <el-input v-model="formData.ywJin" placeholder="" style="width: 120px">
                     <template slot="prepend">近:</template>
                   </el-input>
@@ -448,6 +450,14 @@
                   </el-input>
                 </div>
               </div>
+              <div v-if="scope.row.name == 'FV'">
+                <div>
+                  远BO:7~11/15~23/8~12
+                </div>
+                <div>
+                  近BO:12~22/15~27/4~18
+                </div>
+              </div>
               <div v-if="scope.row.name == '相对调节(RA)'">
                 <div class="width-180 center">
                   <el-input v-model="formData.raPra" placeholder="">
@@ -465,7 +475,7 @@
                 </div>
               </div>
               <div v-if="scope.row.name == '调节灵活度(AF)'">
-                <div class="center">
+                <div class="center" style="display:flex;">
                   <el-input v-model="formData.afOu1" placeholder="" style="width: 120px">
                     <template slot="prepend">OU:</template>
                   </el-input>
@@ -489,6 +499,65 @@
               </div>
             </template>
           </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '集合近点(NPC)'">
+                <div class="width-180 center">
+                  破裂点：0-7cm
+                </div>
+                <div>
+                  恢复点：0-10cm
+                </div>
+              </div>
+              <div v-if="scope.row.name == 'Worth-4-dot'">
+                4个
+              </div>
+              <div v-if="scope.row.name == '立体视(stereo)'">
+                ≤60″
+              </div>
+              <div v-if="scope.row.name == '眼位'">
+                <div class="center">
+                  远：0~2△BI（外隐斜）
+                </div>
+                <div class="center">
+                  近：0~6△BI（外隐斜）
+                </div>
+              </div>
+              <div v-if="scope.row.name == '梯度性AC/A'">
+                梯度性：3~5
+              </div>
+              <div v-if="scope.row.name == '融像性聚散(FV)'">
+                <div>
+                  远BI：X/5~9/3~5
+                </div>
+                <div>
+                  近BI:11~15/19~23/10~16
+                </div>
+              </div>
+              <div v-if="scope.row.name == '相对调节(RA)'">
+                <div>
+                  NRA：+1.75~+2.25D
+                </div>
+                <div>
+                  PRA：-1.75~-3.00D
+                </div>
+              </div>
+              <div v-if="scope.row.name == '调节幅度(AMP)'">
+                ≥15-0.25×年龄
+              </div>
+              <div v-if="scope.row.name == '调节灵活度(AF)'">
+                <div>
+                  单眼＞11cpm
+                </div>
+                <div>
+                  双眼＞8cpm
+                </div>
+              </div>
+              <div v-if="scope.row.name == '调节反应(FCC)'">
+                +0.25~0.75D
+              </div>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -782,6 +851,8 @@ export default {
       ],
       tableData: [
         {
+          name: '检查项目'
+        }, {
           name: '屈光状态'
         }, {
           name: '1'
@@ -1007,19 +1078,27 @@ export default {
     },
     objectSpanMethod({ row, column, rowIndex, columnIndex }) {
       if (columnIndex === 0) {
-        if (rowIndex === 0 || rowIndex === 8) {
+        if (rowIndex === 1 || rowIndex === 9) {
           return {
             rowspan: 2,
             colspan: 1
           }
-        } else if (rowIndex === 16) {
+        } else if (rowIndex === 17) {
           return {
             rowspan: 1,
             colspan: 3
           }
         }
-      } else if (rowIndex === 14 || rowIndex === 15) {
+      } else if (rowIndex === 15 || rowIndex === 16) {
         if (columnIndex === 1) {
+          return {
+            rowspan: 1,
+            colspan: 3
+          }
+        }
+      }
+      if (columnIndex === 1) {
+        if (rowIndex === 0) {
           return {
             rowspan: 1,
             colspan: 2
@@ -1056,7 +1135,7 @@ export default {
   }
   .eyesTable{
     ::v-deep .el-table__cell{
-      padding: 5px 0 !important;
+      padding: 3px 0 !important;
     }
   }
 }
@@ -1079,6 +1158,12 @@ export default {
 .width-100{
   width: 150px;
 }
+.check-width-100{
+  width: 100px;
+}
+.check-width-120{
+  width: 120px;
+}
 .bold{
   font-weight: 700;
 }