From 1301e8e10e740649aebe95824dae9ad50b1f16d1 Mon Sep 17 00:00:00 2001
From: bianyaqi <bianyaqi>
Date: Mon, 3 Apr 2023 14:29:46 +0800
Subject: [PATCH] =?UTF-8?q?el-checkbox=E7=BB=84=E4=BB=B6=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E4=B8=BA=E5=8E=9F=E7=94=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../360View/commonForm/deveopmentFIle.vue     | 247 ++++++++++--------
 .../360View/commonForm/eyesVision.vue         | 229 ++++++++--------
 .../360View/commonForm/optometryForm.vue      | 195 +++++++-------
 .../modules/formList/InformedConsent.vue      |   6 +-
 .../views/modules/formList/laserSurgery.vue   |   2 +-
 .../views/modules/formList/mraForm.vue        |   1 -
 .../views/modules/formList/reportForm.vue     |  27 +-
 7 files changed, 381 insertions(+), 326 deletions(-)

diff --git a/src/components/360View/commonForm/deveopmentFIle.vue b/src/components/360View/commonForm/deveopmentFIle.vue
index 6133189..157b873 100644
--- a/src/components/360View/commonForm/deveopmentFIle.vue
+++ b/src/components/360View/commonForm/deveopmentFIle.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
-    <div class="btnBox" v-if="!onlyRead && isSearch == '3'">
+    <div v-if="!onlyRead && isSearch == '3'" class="btnBox">
       <el-button v-print="printObj" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
@@ -112,38 +112,56 @@
             <template slot-scope="scope">
               <div v-if="scope.row.name == '戴镜类型'">
                 <div class="width-180 center">
-                  <el-checkbox-group v-model="scope.row.mirrorType">
-                    <el-checkbox label="框架" />
-                    <el-checkbox label="OK镜" />
-                    <el-checkbox label="RGP" />
-                    <el-checkbox label="软镜" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap;justify-content: center">
+                    <div v-for="(item,index) in scope.row.mirrorType" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.mirrorType">-->
+                  <!--                    <el-checkbox label="框架" />-->
+                  <!--                    <el-checkbox label="OK镜" />-->
+                  <!--                    <el-checkbox label="RGP" />-->
+                  <!--                    <el-checkbox label="软镜" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '旧镜参数'">
                 <div class="width-120 center">
-                  <el-input v-model="scope.row.od" placeholder="" >
+                  <el-input v-model="scope.row.od" placeholder="">
                     <template slot="prepend">OD:</template>
                   </el-input>
                 </div>
               </div>
               <div v-if="scope.row.name == '父母是否近视'">
                 <div class="width-180 center">
-                  <el-checkbox-group v-model="scope.row.shortsighte">
-                    <el-checkbox label="父亲" />
-                    <el-checkbox label="母亲" />
-                    <el-checkbox label="父亲和母亲" />
-                    <el-checkbox label="均无" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap;justify-content: center">
+                    <div v-for="(item,index) in scope.row.shortsighte" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.shortsighte">-->
+                  <!--                    <el-checkbox label="父亲" />-->
+                  <!--                    <el-checkbox label="母亲" />-->
+                  <!--                    <el-checkbox label="父亲和母亲" />-->
+                  <!--                    <el-checkbox label="均无" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '户外活动时间'">
                 <div class="width-180 center">
-                  <el-checkbox-group v-model="scope.row.outTime">
-                    <el-checkbox label="<1h" />
-                    <el-checkbox label="1h-2h" />
-                    <el-checkbox label=">2h" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap;justify-content: center">
+                    <div v-for="(item,index) in scope.row.outTime" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.outTime">-->
+                  <!--                    <el-checkbox label="<1h" />-->
+                  <!--                    <el-checkbox label="1h-2h" />-->
+                  <!--                    <el-checkbox label=">2h" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '备注'">
@@ -163,12 +181,18 @@
               </div>
               <div v-if="scope.row.name == '是否散瞳'">
                 <div class="width-180 center">
-                  <el-checkbox-group v-model="scope.row.mydriasis">
-                    <el-checkbox label="未散瞳" />
-                    <el-checkbox label="美多丽" />
-                    <el-checkbox label="阿托品" />
-                    <el-checkbox label="其他" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap;justify-content: center">
+                    <div v-for="(item,index) in scope.row.mydriasis" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.mydriasis">-->
+                  <!--                    <el-checkbox label="未散瞳" />-->
+                  <!--                    <el-checkbox label="美多丽" />-->
+                  <!--                    <el-checkbox label="阿托品" />-->
+                  <!--                    <el-checkbox label="其他" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '主觉验光'">
@@ -203,13 +227,19 @@
               </div>
               <div v-if="scope.row.name == '建议'">
                 <div class="width-180 center">
-                  <el-checkbox-group v-model="scope.row.suggest">
-                    <el-checkbox label="框架" />
-                    <el-checkbox label="OK镜" />
-                    <el-checkbox label="RGP" />
-                    <el-checkbox label="软镜" />
-                    <el-checkbox label="其他" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap;justify-content: center">
+                    <div v-for="(item,index) in scope.row.suggest" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.suggest">-->
+                  <!--                    <el-checkbox label="框架" />-->
+                  <!--                    <el-checkbox label="OK镜" />-->
+                  <!--                    <el-checkbox label="RGP" />-->
+                  <!--                    <el-checkbox label="软镜" />-->
+                  <!--                    <el-checkbox label="其他" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '眼轴/眼底照/地形图'">
@@ -223,7 +253,7 @@
             <template slot-scope="scope">
               <div v-if="scope.row.name == '旧镜参数'">
                 <div class="width-120 center">
-                  <el-input v-model="scope.row.os" placeholder="" >
+                  <el-input v-model="scope.row.os" placeholder="">
                     <template slot="prepend">OS:</template>
                   </el-input>
                 </div>
@@ -323,10 +353,26 @@ export default {
           mirrorHabit: '',
           type: ''
         }],
+      originTableData: [],
       tableData: [
         {
           name: '戴镜类型',
-          mirrorType: []
+          mirrorType: [
+            {
+              name: '框架',
+              isSelect: false
+            },
+            {
+              name: 'OK镜',
+              isSelect: false
+            }, {
+              name: 'RGP',
+              isSelect: false
+            }, {
+              name: '软镜',
+              isSelect: false
+            }
+          ]
         },
         {
           name: '旧镜参数',
@@ -335,10 +381,35 @@ export default {
           type: ''
         }, {
           name: '父母是否近视',
-          shortsighte: []
+          shortsighte: [
+            {
+              name: '父亲',
+              isSelect: false
+            }, {
+              name: '母亲',
+              isSelect: false
+            }, {
+              name: '父亲和母亲',
+              isSelect: false
+            }, {
+              name: '均无',
+              isSelect: false
+            }
+          ]
         }, {
           name: '户外活动时间',
-          outTime: [],
+          outTime: [
+            {
+              name: '<1h',
+              isSelect: false
+            }, {
+              name: '1h-2h',
+              isSelect: false
+            }, {
+              name: '>2h',
+              isSelect: false
+            }
+          ],
           type: ''
         }, {
           name: '备注',
@@ -354,7 +425,21 @@ export default {
           os: ''
         }, {
           name: '是否散瞳',
-          mydriasis: []
+          mydriasis: [
+            {
+              name: '未散瞳',
+              isSelect: false
+            }, {
+              name: '美多丽',
+              isSelect: false
+            }, {
+              name: '阿托品',
+              isSelect: false
+            }, {
+              name: '其他',
+              isSelect: false
+            }
+          ]
         }, {
           name: '主觉验光',
           od: '',
@@ -385,7 +470,24 @@ export default {
           os: ''
         }, {
           name: '建议',
-          suggest: []
+          suggest: [
+            {
+              name: '框架',
+              isSelect: false
+            }, {
+              name: 'OK镜',
+              isSelect: false
+            }, {
+              name: 'RGP',
+              isSelect: false
+            }, {
+              name: '软镜',
+              isSelect: false
+            }, {
+              name: '其他',
+              isSelect: false
+            }
+          ]
         }, {
           name: '眼轴/眼底照/地形图',
           type: ''
@@ -408,6 +510,7 @@ export default {
     }
   },
   created() {
+    this.originTableData = JSON.parse(JSON.stringify(this.tableData))
     // this.printPage('threeFunc')
   },
   methods: {
@@ -438,73 +541,7 @@ export default {
           mirrorHabit: '',
           type: ''
         }]
-      this.tableData = [
-        {
-          name: '戴镜类型',
-          mirrorType: []
-        },
-        {
-          name: '旧镜参数',
-          od: '',
-          os: '',
-          type: ''
-        }, {
-          name: '父母是否近视',
-          shortsighte: []
-        }, {
-          name: '户外活动时间',
-          outTime: [],
-          type: ''
-        }, {
-          name: '备注',
-          note: ''
-        }, {
-          name: '综合检查信息',
-          type: '1'
-        }, {
-          name: '项目'
-        }, {
-          name: '裸眼/旧镜视力',
-          od: '',
-          os: ''
-        }, {
-          name: '是否散瞳',
-          mydriasis: []
-        }, {
-          name: '主觉验光',
-          od: '',
-          os: '',
-          vaod: '',
-          vaos: '',
-          type: '2'
-        }, {
-          name: '眼位',
-          od: '',
-          os: '',
-          type: ''
-        }, {
-          name: '眼压/mmHg',
-          od: '',
-          os: ''
-        }, {
-          name: '角膜曲率/D',
-          od: '',
-          os: ''
-        }, {
-          name: '角膜厚度/μm',
-          od: '',
-          os: ''
-        }, {
-          name: '处方',
-          od: '',
-          os: ''
-        }, {
-          name: '建议',
-          suggest: []
-        }, {
-          name: '眼轴/眼底照/地形图',
-          type: ''
-        }]
+      this.tableData = this.originTableData
     },
     handleDelete() {
       this.$emit('del')
diff --git a/src/components/360View/commonForm/eyesVision.vue b/src/components/360View/commonForm/eyesVision.vue
index e0fd128..0e3bc83 100644
--- a/src/components/360View/commonForm/eyesVision.vue
+++ b/src/components/360View/commonForm/eyesVision.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
-    <div class="btnBox" v-if="!onlyRead && isSearch == '3'">
+    <div v-if="!onlyRead && isSearch == '3'" class="btnBox">
       <el-button v-print="'#eyesFunc'" size="small">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
@@ -101,9 +101,9 @@
               </div>
               <div v-if="scope.row.name == 'Worth-4-dot'">
                 <div class="width-180 center">
-<!--                  <el-input v-model="scope.row.b" placeholder="">-->
-<!--                    <template slot="prepend">近:</template>-->
-<!--                  </el-input>-->
+                  <!--                  <el-input v-model="scope.row.b" placeholder="">-->
+                  <!--                    <template slot="prepend">近:</template>-->
+                  <!--                  </el-input>-->
                   <el-input v-model="scope.row.a" placeholder="" />
                   @D(
                   <el-input v-model="scope.row.b" placeholder="" />
@@ -189,39 +189,49 @@
               <div v-if="scope.row.name == '初步诊断'">
                 <div class="width-180">
                   <div style="margin-bottom: 8px">
-                    <el-checkbox v-model="scope.row.value">正常</el-checkbox>
+                    <div class="check" style="margin-left: 0" @click="scope.row.value = !scope.row.value">
+                      <input type="checkbox" :checked="scope.row.value">正常
+                    </div>
                   </div>
-                  <div style="display: flex">
-                    <p style="width: 220px;">聚散功能异常：</p>
-                    <el-checkbox-group v-model="scope.row.a">
-                      <el-checkbox label="集合不足" />
-                      <el-checkbox label="集合过度" />
-                      <el-checkbox label="散开不足" />
-                      <el-checkbox label="散开过度" />
-                      <el-checkbox label="内隐科" />
-                      <el-checkbox label="外隐科" />
-                      <el-checkbox label="假性集合不足" />
-                      <el-checkbox label="融像性聚散功能异常" />
-                    </el-checkbox-group>
+                  <div v-if="scope.row.a.length" style="display: flex">
+                    <div style="width: 220px;">聚散功能异常：</div>
+                    <div style="display: flex;flex-wrap: wrap">
+                      <div v-for="(item,index) in scope.row.a" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                        <input type="checkbox" :checked="item.isSelect">
+                        <div>{{ item.name }}</div>
+                      </div>
+                    </div>
                   </div>
                   <div style="display: flex">
                     <p style="width: 140px;">调节功能异常：</p>
-                    <el-checkbox-group v-model="scope.row.b">
-                      <el-checkbox label="调节灵敏度下降" />
-                      <el-checkbox label="调节不能持久" />
-                      <el-checkbox label="调节不足" />
-                      <el-checkbox label="调节过度" />
-                      <el-checkbox label="调节麻痹" />
-                    </el-checkbox-group>
+                    <div style="display: flex;flex-wrap: wrap">
+                      <div v-for="(item,index) in scope.row.b" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                        <input type="checkbox" :checked="item.isSelect">
+                        <div>{{ item.name }}</div>
+                      </div>
+                    </div>
+                    <!--                    <el-checkbox-group v-model="scope.row.b">-->
+                    <!--                      <el-checkbox label="调节灵敏度下降" />-->
+                    <!--                      <el-checkbox label="调节不能持久" />-->
+                    <!--                      <el-checkbox label="调节不足" />-->
+                    <!--                      <el-checkbox label="调节过度" />-->
+                    <!--                      <el-checkbox label="调节麻痹" />-->
+                    <!--                    </el-checkbox-group>-->
                   </div>
                   <div style="display: flex">
                     <span>斜视：</span>
-                    <el-checkbox-group v-model="scope.row.c">
-                      <el-checkbox label="内斜视" />
-                      <el-checkbox label="外斜视" />
-                      <el-checkbox label="间歇性外斜视" />
-                      <el-checkbox label="垂直斜" />
-                    </el-checkbox-group>
+                    <div style="display: flex;flex-wrap: wrap">
+                      <div v-for="(item,index) in scope.row.c" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                        <input type="checkbox" :checked="item.isSelect">
+                        <div>{{ item.name }}</div>
+                      </div>
+                    </div>
+                    <!--                    <el-checkbox-group v-model="scope.row.c">-->
+                    <!--                      <el-checkbox label="内斜视" />-->
+                    <!--                      <el-checkbox label="外斜视" />-->
+                    <!--                      <el-checkbox label="间歇性外斜视" />-->
+                    <!--                      <el-checkbox label="垂直斜" />-->
+                    <!--                    </el-checkbox-group>-->
                   </div>
                 </div>
               </div>
@@ -355,6 +365,7 @@ export default {
         sex: '',
         age: ''
       },
+      originTableData: [],
       tableData: [
         {
           name: '屈光状态',
@@ -423,10 +434,67 @@ export default {
           c: ''
         }, {
           name: '初步诊断',
-          value: '',
-          a: [],
-          b: [],
-          c: []
+          value: false,
+          a: [
+            {
+              name: '集合不足',
+              isSelect: false
+            }, {
+              name: '集合过度',
+              isSelect: false
+            }, {
+              name: '散开不足',
+              isSelect: false
+            }, {
+              name: '散开过度',
+              isSelect: false
+            }, {
+              name: '内隐科',
+              isSelect: false
+            }, {
+              name: '外隐科',
+              isSelect: false
+            }, {
+              name: '假性集合不足',
+              isSelect: false
+            }, {
+              name: '融像性聚散功能异常',
+              isSelect: false
+            }
+          ],
+          b: [
+            {
+              name: '调节灵敏度下降',
+              isSelect: false
+            }, {
+              name: '调节不能持久',
+              isSelect: false
+            }, {
+              name: '调节不足',
+              isSelect: false
+            }, {
+              name: '调节过度',
+              isSelect: false
+            }, {
+              name: '调节麻痹',
+              isSelect: false
+            }
+          ],
+          c: [
+            {
+              name: '内斜视',
+              isSelect: false
+            }, {
+              name: '外斜视',
+              isSelect: false
+            }, {
+              name: '间歇性外斜视',
+              isSelect: false
+            }, {
+              name: '垂直斜',
+              isSelect: false
+            }
+          ]
         }, {
           name: '建议',
           value: ''
@@ -455,6 +523,7 @@ export default {
     }
   },
   created() {
+    this.originTableData = JSON.parse(JSON.stringify(this.tableData))
   },
   methods: {
     setData() {
@@ -470,87 +539,7 @@ export default {
         file: '',
         fileNUm: ''
       }
-      this.tableData = [
-        {
-          name: '屈光状态',
-          osVa: '',
-          od: '',
-          type: ''
-        }, {
-          name: '1',
-          odVa: '',
-          os: '',
-          type: ''
-        }, {
-          name: '交替遮盖试验(CT)',
-          a: '',
-          b: '',
-          type: ''
-        }, {
-          name: '集合近点(NPC)',
-          a: '',
-          b: '',
-          type: ''
-        }, {
-          name: 'Worth-4-dot',
-          a: '',
-          b: '',
-          type: ''
-        }, {
-          name: '立体视(stereo)',
-          a: '',
-          b: ''
-        }, {
-          name: '眼位',
-          a: '',
-          b: ''
-        }, {
-          name: '梯度性AC/A',
-          a: '',
-          b: ''
-        }, {
-          name: '融像性聚散(FV)',
-          a: '',
-          b: ''
-        }, {
-          name: 'FV',
-          a: '',
-          b: '',
-          type: ''
-        }, {
-          name: '相对调节(RA)',
-          a: '',
-          b: ''
-        }, {
-          name: '调节幅度(AMP)',
-          a: '',
-          b: '',
-          c: ''
-        }, {
-          name: '调节灵活度(AF)',
-          a: '',
-          b: '',
-          c: ''
-        }, {
-          name: '调节反应(FCC)',
-          a: '',
-          b: '',
-          c: ''
-        }, {
-          name: '初步诊断',
-          value: '',
-          a: [],
-          b: [],
-          c: []
-        }, {
-          name: '建议',
-          value: ''
-        }, {
-          name: '签名',
-          a: '',
-          b: '',
-          c: ''
-        }]
+      this.tableData = this.originTableData
     },
     handleSaveTable() {
       const data = {
@@ -604,6 +593,16 @@ export default {
 </script>
 
 <style lang="scss">
+.check {
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  margin-left: 15px;
+  input{
+    -webkit-appearance: checkbox !important;
+    margin-right: 5px !important;
+  }
+}
 .printBox{
   .el-input__inner {
     border: none;
diff --git a/src/components/360View/commonForm/optometryForm.vue b/src/components/360View/commonForm/optometryForm.vue
index a53b30c..6bb9e39 100644
--- a/src/components/360View/commonForm/optometryForm.vue
+++ b/src/components/360View/commonForm/optometryForm.vue
@@ -77,21 +77,33 @@
             <template slot-scope="scope">
               <div v-if="scope.row.name == '1'">
                 <div class="width-180">
-                  <el-checkbox-group v-model="scope.row.pupil">
-                    <el-checkbox label="正常瞳孔" />
-                    <el-checkbox label="复方托吡卡胺" />
-                    <el-checkbox label="美多丽" />
-                    <el-checkbox label="赛飞杰" />
-                    <el-checkbox label="阿托品" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap">
+                    <div v-for="(item,index) in scope.row.pupil" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.pupil">-->
+                  <!--                    <el-checkbox label="正常瞳孔" />-->
+                  <!--                    <el-checkbox label="复方托吡卡胺" />-->
+                  <!--                    <el-checkbox label="美多丽" />-->
+                  <!--                    <el-checkbox label="赛飞杰" />-->
+                  <!--                    <el-checkbox label="阿托品" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '2'">
                 <div class="width-180">
-                  <el-checkbox-group v-model="scope.row.examine">
-                    <el-checkbox label="检影" />
-                    <el-checkbox label="综合" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap">
+                    <div v-for="(item,index) in scope.row.examine" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.examine">-->
+                  <!--                    <el-checkbox label="检影" />-->
+                  <!--                    <el-checkbox label="综合" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '3'">
@@ -121,21 +133,33 @@
               </div>
               <div v-if="scope.row.name == '最终处方'">
                 <div class="width-100">
-                  <el-checkbox-group v-model="scope.row.value">
-                    <el-checkbox label="远用" />
-                    <el-checkbox label="近用" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap">
+                    <div v-for="(item,index) in scope.row.value" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.value">-->
+                  <!--                    <el-checkbox label="远用" />-->
+                  <!--                    <el-checkbox label="近用" />-->
+                  <!--                  </el-checkbox-group>-->
                 </div>
               </div>
               <div v-if="scope.row.name == '配镜建议'">
                 <div style="display: flex">
-                  <el-checkbox-group v-model="scope.row.suggest">
-                    <el-checkbox label="单光" />
-                    <el-checkbox label="离焦镜片" />
-                    <el-checkbox label="软镜" />
-                    <el-checkbox label="RGP" />
-                    <el-checkbox label="OK镜" />
-                  </el-checkbox-group>
+                  <div style="display: flex;flex-wrap: wrap">
+                    <div v-for="(item,index) in scope.row.suggest" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <!--                  <el-checkbox-group v-model="scope.row.suggest">-->
+                  <!--                    <el-checkbox label="单光" />-->
+                  <!--                    <el-checkbox label="离焦镜片" />-->
+                  <!--                    <el-checkbox label="软镜" />-->
+                  <!--                    <el-checkbox label="RGP" />-->
+                  <!--                    <el-checkbox label="OK镜" />-->
+                  <!--                  </el-checkbox-group>-->
                   <p style="margin-left: 16px">
                     <el-input v-model="scope.row.value" placeholder="">
                       <template slot="prepend">其他:</template>
@@ -338,6 +362,7 @@ export default {
         file: '',
         fileNUm: ''
       },
+      originTableData: [],
       tableData: [
         {
           name: '基本信息',
@@ -346,11 +371,36 @@ export default {
           type: ''
         }, {
           name: '1',
-          pupil: [],
+          pupil: [
+            {
+              name: '正常瞳孔',
+              isSelect: false
+            }, {
+              name: '复方托吡卡胺',
+              isSelect: false
+            }, {
+              name: '美多丽',
+              isSelect: false
+            }, {
+              name: '赛飞杰',
+              isSelect: false
+            }, {
+              name: '阿托品',
+              isSelect: false
+            }
+          ],
           type: ''
         }, {
           name: '2',
-          examine: [],
+          examine: [
+            {
+              name: '检影',
+              isSelect: false
+            }, {
+              name: '综合',
+              isSelect: false
+            }
+          ],
           type: ''
         }, {
           name: '验光检查',
@@ -373,7 +423,15 @@ export default {
           e: ''
         }, {
           name: '最终处方',
-          value: [],
+          value: [
+            {
+              name: '远用',
+              isSelect: false
+            }, {
+              name: '近用',
+              isSelect: false
+            }
+          ],
           type: ''
         }, {
           name: '5',
@@ -393,7 +451,24 @@ export default {
           e: ''
         }, {
           name: '配镜建议',
-          suggest: [],
+          suggest: [
+            {
+              name: '单光',
+              isSelect: false
+            }, {
+              name: '离焦镜片',
+              isSelect: false
+            }, {
+              name: '软镜',
+              isSelect: false
+            }, {
+              name: 'RGP',
+              isSelect: false
+            }, {
+              name: 'OK镜',
+              isSelect: false
+            }
+          ],
           value: ''
         }, {
           name: '备注',
@@ -425,6 +500,7 @@ export default {
     }
   },
   created() {
+    this.originTableData = JSON.parse(JSON.stringify(this.tableData))
     // this.queryData()
   },
   methods: {
@@ -442,72 +518,7 @@ export default {
         file: '',
         fileNUm: ''
       }
-      this.tableData = [
-        {
-          name: '基本信息',
-          od: '',
-          os: '',
-          type: ''
-        }, {
-          name: '1',
-          pupil: [],
-          type: ''
-        }, {
-          name: '2',
-          examine: [],
-          type: ''
-        }, {
-          name: '验光检查',
-          type: ''
-        }, {
-          name: '3',
-          a: '',
-          b: '',
-          c: '',
-          d: '',
-          e: '',
-          type: ''
-        }, {
-          name: '4',
-          type: '',
-          a: '',
-          b: '',
-          c: '',
-          d: '',
-          e: ''
-        }, {
-          name: '最终处方',
-          value: [],
-          type: ''
-        }, {
-          name: '5',
-          type: '',
-          a: '',
-          b: '',
-          c: '',
-          d: '',
-          e: ''
-        }, {
-          name: '6',
-          type: '',
-          a: '',
-          b: '',
-          c: '',
-          d: '',
-          e: ''
-        }, {
-          name: '配镜建议',
-          suggest: [],
-          value: ''
-        }, {
-          name: '备注',
-          value: ''
-        }, {
-          name: '7',
-          a: '',
-          b: '',
-          c: ''
-        }]
+      this.tableData = this.originTableData
     },
     queryData() {
       const ws = new WebSocket('ws://192.168.4.24:8036/xiangan-crf/websocket/0071')
diff --git a/src/page-subspecialty/views/modules/formList/InformedConsent.vue b/src/page-subspecialty/views/modules/formList/InformedConsent.vue
index d289382..3b025f9 100644
--- a/src/page-subspecialty/views/modules/formList/InformedConsent.vue
+++ b/src/page-subspecialty/views/modules/formList/InformedConsent.vue
@@ -10,7 +10,7 @@
         眼科激光手术患者知情同意书
       </p>
       <!--患者信息-->
-      <div class="flex">
+      <div v-if="formData.patient" class="flex">
         <div class="flex a-c item">姓名：<el-input v-model="formData.patient.patientName" style="flex: 1" placeholder="" /></div>
         <div class="flex a-c item">年龄：<el-input v-model="formData.patient.age" style="flex: 1" placeholder="" />岁</div>
         <div class="flex a-c item">性别：<el-input v-model="formData.patient.sex" style="flex: 1" placeholder="" /></div>
@@ -87,7 +87,7 @@
             {{ `${idx+1}，${post}` }}
           </div>
         </div>
-        <div class="btnBox">
+        <div v-if="formData.doctor" class="btnBox">
           <div>
             <div class="flex a-c">主诊/谈话医生签名：<el-input v-model="formData.doctor.name" style="flex: 1" /></div>
             <div class="flex a-c">日期：<el-input v-model="formData.doctor.dateTime" style="flex: 1" /></div>
@@ -101,7 +101,7 @@
           医生已和我详细讨论了治疗计划、手术方式、治疗目的以及术后可能的效果。我已详细阅读以上内容，并完全理解和接受手术可能出现的风险和并发症，我同意医生的治疗并接受手术。
         </div>
         <div class="btnBox">
-          <div>
+          <div v-if="formData.patientInfo">
             <div class="flex a-c">患者或直系亲属签名：<el-input v-model="formData.patientInfo.name" style="flex: 1" /></div>
             <div class="flex a-c">日期：<el-input v-model="formData.patientInfo.dateTime" style="flex: 1" /></div>
           </div>
diff --git a/src/page-subspecialty/views/modules/formList/laserSurgery.vue b/src/page-subspecialty/views/modules/formList/laserSurgery.vue
index 3fb667c..2853783 100644
--- a/src/page-subspecialty/views/modules/formList/laserSurgery.vue
+++ b/src/page-subspecialty/views/modules/formList/laserSurgery.vue
@@ -10,7 +10,7 @@
         眼科激光手术治疗
       </p>
       <!--患者信息-->
-      <div>
+      <div v-if="formData.patient">
         <div class="flex">
           <div class="flex a-c item">姓名：<el-input v-model="formData.patient.patientName" style="flex: 1" /></div>
           <div class="flex a-c item">年龄：<el-input v-model="formData.patient.age" style="flex: 1" />岁</div>
diff --git a/src/page-subspecialty/views/modules/formList/mraForm.vue b/src/page-subspecialty/views/modules/formList/mraForm.vue
index 594c1ef..373de96 100644
--- a/src/page-subspecialty/views/modules/formList/mraForm.vue
+++ b/src/page-subspecialty/views/modules/formList/mraForm.vue
@@ -92,7 +92,6 @@ export default {
   },
   watch: {
     jsonText(val) {
-      console.log(val)
       if (val) {
         this.patient = JSON.parse(this.jsonText)
       } else {
diff --git a/src/page-subspecialty/views/modules/formList/reportForm.vue b/src/page-subspecialty/views/modules/formList/reportForm.vue
index cf27b8f..0f872d9 100644
--- a/src/page-subspecialty/views/modules/formList/reportForm.vue
+++ b/src/page-subspecialty/views/modules/formList/reportForm.vue
@@ -21,17 +21,17 @@
           <tr>
             <td>
               <div v-for="(item,index) in formData.form.OD" :key="index">
-                <el-checkbox v-model="item.isSelect">
-                  {{ item.name }}
-                  <el-input v-if="item.isEdit" v-model="item.remark" />
-                </el-checkbox>
+                <div class="check" @click="item.isSelect = !item.isSelect">
+                  <input type="checkbox" :checked="item.isSelect">{{ item.name }}
+                  <el-input v-if="item.isEdit" v-model="item.remark" style="flex: 1" />
+                </div>
               </div>
             </td>
-            <td><div v-for="(item,index) in formData.form.OS" :key="index">
-              <el-checkbox v-model="item.isSelect">
-                {{ item.name }}
-                <el-input v-if="item.isEdit" v-model="item.remark" />
-              </el-checkbox>
+            <td><div v-for="(item,index) in formData.form.OS" :key="`${index}_${index}`">
+              <div class="check" @click="item.isSelect = !item.isSelect">
+                <input type="checkbox" :checked="item.isSelect">{{ item.name }}
+                <el-input v-if="item.isEdit" v-model="item.remark" style="flex: 1" />
+              </div>
             </div></td>
           </tr>
           <tr>
@@ -147,6 +147,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.check {
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  input{
+    -webkit-appearance: checkbox !important;
+    margin-right: 5px;
+  }
+}
 .flex{
   display: flex;
 }