From 69e0f2a708fc1cd60cdc2906a77517e895f03f35 Mon Sep 17 00:00:00 2001
From: newPeter7 <aqdxeducation7@163.com>
Date: Fri, 14 Apr 2023 16:16:39 +0800
Subject: [PATCH] peter

---
 .../commonForm/deveopmentFIle-copy.vue        |  798 +++++++++++++
 .../360View/commonForm/optometryForm-copy.vue | 1019 ++++++++++++++++
 .../360View/forePart/index-copy.vue           | 1060 +++++++++++++++++
 src/components/360View/index1.vue             |    2 +-
 src/components/360View/key-indicators.vue     |    4 +-
 src/components/360View/opticalFile/index.vue  |   36 +-
 src/components/360View/routine/index.vue      |   18 +-
 .../seeDoctor/informBook/rgp-book.vue         |    2 +-
 8 files changed, 2896 insertions(+), 43 deletions(-)
 create mode 100644 src/components/360View/commonForm/deveopmentFIle-copy.vue
 create mode 100644 src/components/360View/commonForm/optometryForm-copy.vue
 create mode 100644 src/components/360View/forePart/index-copy.vue

diff --git a/src/components/360View/commonForm/deveopmentFIle-copy.vue b/src/components/360View/commonForm/deveopmentFIle-copy.vue
new file mode 100644
index 0000000..199fb73
--- /dev/null
+++ b/src/components/360View/commonForm/deveopmentFIle-copy.vue
@@ -0,0 +1,798 @@
+<template>
+  <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
+    <div v-if="!onlyRead" 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>
+    </div>
+    <div id="threeFunc" style="width: 840px;padding-right: 8px">
+      <div class="flex j-c">
+        <img width="450" src="@/assets/img/xianganlogo.png">
+      </div>
+      <p style="color:#000000;font-size:32px;text-align:center;margin: 16px 0">
+        青少年儿童屈光发育档案
+      </p>
+      <div class="operation-record-table">
+        <el-table :data="headData" :span-method="headSpanMethod" border style="width: 820px;">
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <span>{{ scope.row.name }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '姓名'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.patientName" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '身高'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.patientSg" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '是否戴镜'">
+                <div style="display:flex;">
+                  <el-select v-model="dataForm.sfDj" placeholder="" style="width: 80%">
+                    <el-option
+                      v-for="item in scope.row.mirrorList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.name"
+                    />
+                  </el-select>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '姓名'">
+                <div class="width-100 center">
+                  性别
+                </div>
+              </div>
+              <div v-if="scope.row.name == '身高'">
+                <div class="width-100 center">
+                  体重
+                </div>
+              </div>
+              <div v-if="scope.row.name == '是否戴镜'">
+                <div class="width-100 center">
+                  戴镜习惯
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '姓名'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.patientSex" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '身高'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.patientTz" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '是否戴镜'">
+                <div style="display:flex;">
+                  <el-select v-model="dataForm.djXg" placeholder="" style="width: 80%">
+                    <el-option
+                      v-for="item in scope.row.mirrorHabit"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.name"
+                    />
+                  </el-select>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '姓名'">
+                <div class="width-100 center">
+                  出生日期
+                </div>
+              </div>
+              <div v-if="scope.row.name == '身高'">
+                <div class="width-100 center">
+                  何时发现视力下降
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '姓名'">
+                <div class="width-140 center">
+                  <el-date-picker
+                    v-model="dataForm.patientBirth"
+                    type="date"
+                    placeholder="选择日期"
+                  />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '身高'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.slHsXj" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 820px">
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <span>{{ scope.row.name }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false" prop="type">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '戴镜类型'">
+                <el-select v-model="dataForm.djLx" placeholder="" style="width: 80%">
+                  <el-option
+                    v-for="item in scope.row.mirrorType"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                  />
+                </el-select>
+              </div>
+              <div v-if="scope.row.name == '旧镜参数'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jjCsOd" placeholder="">
+                    <template slot="prepend">OD:</template>
+                  </el-input>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '父母是否近视'">
+                <el-select v-model="dataForm.fmSfJs" placeholder="" style="width: 80%">
+                  <el-option
+                    v-for="item in scope.row.shortsighte"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                  />
+                </el-select>
+              </div>
+              <div v-if="scope.row.name == '户外活动时间'">
+                <el-select v-model="dataForm.hwHdSj" placeholder="" style="width: 80%">
+                  <el-option
+                    v-for="item in scope.row.outTime"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                  />
+                </el-select>
+              </div>
+              <div v-if="scope.row.name == '备注'">
+                <div class="center">
+                  <el-input v-model="dataForm.beiZhu" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '项目'">
+                <div class="width-180 center">
+                  OD
+                </div>
+              </div>
+              <div v-if="scope.row.name == '裸眼/旧镜视力'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jjslOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '是否散瞳'">
+                <div>
+                  <el-select v-model="dataForm.sfstOd" placeholder="" style="width: 80%">
+                    <el-option
+                      v-for="item in scope.row.mydriasis"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.name"
+                    />
+                  </el-select>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '主觉验光'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.zjygOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '眼位'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.ywOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '眼压/mmHg'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.yyOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '角膜曲率/D'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jmqlOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '角膜厚度/μm'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jmhdOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '处方'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.cfOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '建议'">
+                <el-select v-model="dataForm.jianYi" placeholder="" style="width: 80%">
+                  <el-option
+                    v-for="item in scope.row.suggest"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                  />
+                </el-select>
+              </div>
+              <div v-if="scope.row.name == '眼轴/眼底照/地形图'">
+                <div class="center">
+                  <el-input v-model="dataForm.yzOd" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '旧镜参数'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jjCsOs" placeholder="">
+                    <template slot="prepend">OS:</template>
+                  </el-input>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '项目'">
+                <div class="width-180 center">
+                  OS
+                </div>
+              </div>
+              <div v-if="scope.row.name == '裸眼/旧镜视力'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jjslOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '主觉验光'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.zjygOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '眼位'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.ywOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '眼压/mmHg'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.yyOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '角膜曲率/D'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jmqlOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '角膜厚度/μm'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.jmhdOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '处方'">
+                <div class="width-180 center">
+                  <el-input v-model="dataForm.cfOs" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    isSearch: {
+      type: String,
+      default: ''
+    },
+    patientId: {
+      type: String,
+      default: ''
+    },
+    caseId: {
+      type: String,
+      default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      printObj: {
+        id: 'threeFunc',
+        extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>,<style>  #printId { width: 100%; !important; }  .el-input__prefix { display: none } <style>'
+      },
+      dataForm: {
+        id: '',
+        patientId: '',
+        patientName: '',
+        patientSex: '',
+        patientSg: '',
+        patientTz: '',
+        patientBirth: '',
+        beiZhu: '',
+        cfOd: '',
+        cfOs: '', // 处方
+        djXg: '', // 戴镜习惯
+        djLx: '', // 戴镜类型
+        fmSfJs: '', // 父母是否近视
+        hwHdSj: '', // 户外活动时间
+        jianYi: '', // 建议
+        jjCsOd: '', // 旧镜参数
+        jjCsOs: '', // 旧镜参数
+        jjslOd: '', // 旧镜视力
+        jjslOs: '', // 旧镜视力
+        jmdxtOd: '', // 角膜地形图
+        jmdxtOs: '', // 角膜地形图
+        jmhdOd: '', // 角膜厚度
+        jmhdOs: '', // 角膜厚度
+        jmqlOd: '', // 角膜曲率
+        jmqlOs: '', // 角膜曲率
+        lyslOd: '', // 裸眼视力
+        lyslOs: '', // 裸眼视力
+        sfDj: '', // 是否戴镜
+        sfstOd: '', // 是否散瞳
+        sfstOs: '', // 是否散瞳
+        slHsXj: '', // 视力何时下降
+        ydzOd: '', // 眼底照
+        ydzOs: '', // 眼底照
+        ywOd: '', // 眼位
+        ywOs: '', // 眼位
+        yyOd: '', // 眼压
+        yyOs: '', // 眼压
+        yzOd: '', // 眼轴
+        yzOs: '', // 眼轴
+        zjygOd: '', // 主觉验光
+        zjygOs: '' // 主觉验光
+      },
+      headData: [
+        {
+          name: '个人基础信息'
+        },
+        {
+          name: '姓名'
+        }, {
+          name: '身高'
+        }, {
+          name: '是否戴镜',
+          mirrorList: [{
+            name: '是',
+            id: '1'
+          }, {
+            name: '否',
+            id: '2'
+          }],
+          mirrorHabit: [
+            {
+              name: '好',
+              id: '1'
+            }, {
+              name: '一般',
+              id: '2'
+            }, {
+              name: '差',
+              id: '3'
+            }]
+        }],
+      tableData: [
+        {
+          name: '戴镜类型',
+          mirrorType: [
+            {
+              name: '框架',
+              id: '1'
+            },
+            {
+              name: 'OK镜',
+              id: '2'
+            }, {
+              name: 'RGP',
+              id: '3'
+            }, {
+              name: '软镜',
+              id: '4'
+            }
+          ]
+        },
+        {
+          name: '旧镜参数'
+        }, {
+          name: '父母是否近视',
+          shortsighte: [
+            {
+              name: '父亲',
+              id: '1'
+            }, {
+              name: '母亲',
+              id: '2'
+            }, {
+              name: '父亲和母亲',
+              id: '3'
+            }, {
+              name: '均无',
+              id: '4'
+            }
+          ]
+        }, {
+          name: '户外活动时间',
+          outTime: [
+            {
+              name: '\<1h',
+              id: '1'
+            }, {
+              name: '1h-2h',
+              id: '2'
+            }, {
+              name: '\>2h',
+              id: '3'
+            }
+          ]
+        }, {
+          name: '备注'
+        }, {
+          name: '综合检查信息'
+        }, {
+          name: '项目'
+        }, {
+          name: '裸眼/旧镜视力'
+        }, {
+          name: '是否散瞳',
+          mydriasis: [
+            {
+              name: '未散瞳',
+              id: '1'
+            }, {
+              name: '美多丽',
+              id: '2'
+            }, {
+              name: '阿托品',
+              id: '3'
+            }, {
+              name: '其他',
+              id: '4'
+            }
+          ]
+        }, {
+          name: '主觉验光'
+        }, {
+          name: '眼位'
+        }, {
+          name: '眼压/mmHg'
+        }, {
+          name: '角膜曲率/D'
+        }, {
+          name: '角膜厚度/μm'
+        }, {
+          name: '处方'
+        }, {
+          name: '建议',
+          suggest: [
+            {
+              name: '框架',
+              id: '1'
+            }, {
+              name: 'OK镜',
+              id: '2'
+            }, {
+              name: 'RGP',
+              id: '3'
+            }, {
+              name: '软镜',
+              id: '4'
+            }, {
+              name: '其他',
+              id: '5'
+            }
+          ]
+        }, {
+          name: '眼轴/眼底照/地形图'
+        }]
+    }
+  },
+  mounted() {
+    // this.originTableData = JSON.parse(JSON.stringify(this.tableData))
+    // this.originHeadData = JSON.parse(JSON.stringify(this.headData))
+    this.getPatientData()
+  },
+  methods: {
+    async queryForm() {
+      const { data: res } = await this.$http.get(
+        '/qgfyda/getQgfyda',
+        {
+          params: {
+            patientId: this.patientId,
+            caseId: this.caseId
+          }
+        }
+      )
+      if (res.code === 0) {
+        this.dataForm = res.data
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    async getPatientData() {
+      const { data: res } = await this.$http.get(
+        '/patient/view/getPatientData',
+        {
+          params: {
+            patientId: this.patientId
+          }
+        }
+      )
+      if (res.code === 0) {
+        const data = res.data
+        this.dataForm.patientName = data.patientName
+        this.dataForm.patientSex = data.patientSex
+        this.dataForm.patientBirth = data.patientBirthday
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    handleDelete() {
+      this.$emit('del')
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        if (rowIndex === 5) {
+          return {
+            rowspan: 1,
+            colspan: 3
+          }
+        }
+      } else if (columnIndex === 1) {
+        if (rowIndex === 0 || rowIndex === 2 || rowIndex === 3 || rowIndex === 4 || rowIndex === 8 || rowIndex === 15 || rowIndex === 16) {
+          return {
+            rowspan: 1,
+            colspan: 2
+          }
+        } else if (rowIndex === 5) {
+          return {
+            rowspan: 0,
+            colspan: 0
+          }
+        }
+      } else if (columnIndex === 2) {
+        if (rowIndex === 0 || rowIndex === 2 || rowIndex === 3 || rowIndex === 4 || rowIndex === 5 || rowIndex === 8 || rowIndex === 15 || rowIndex === 16) {
+          return {
+            rowspan: 0,
+            colspan: 0
+          }
+        }
+      }
+    },
+    headSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: 1,
+            colspan: 6
+          }
+        }
+      } else if (columnIndex === 1 || columnIndex === 3) {
+        if (rowIndex === 3) {
+          return {
+            rowspan: 1,
+            colspan: 2
+          }
+        }
+      } else if (columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4 || columnIndex === 5) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: 0,
+            colspan: 0
+          }
+        }
+      }
+    },
+    handlePrint() {
+      this.printPage('threeFunc')
+    },
+    handleSaveTable() {
+      this.$http.post('/qgfyda/saveQgfyda', this.dataForm).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.$message({
+          message: this.$t('prompt.success'),
+          type: 'success',
+          duration: 500,
+          onClose: () => {
+            this.queryForm()
+          }
+        })
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+<style lang="scss">
+#threeFunc {
+  .el-input__suffix, .el-input__prefix {
+    display: none;
+  }
+  .width-100 {
+    .el-input {
+      width: 100px;
+    }
+  }
+  .width-140 {
+    .el-input {
+      width: 125px;
+    }
+  }
+}
+.flex{
+  display: flex;
+}
+.j-c{
+  justify-content: center;
+}
+.operation-record-table{
+  .el-input__inner {
+    border: none;
+    height: 26px !important;
+    line-height: 26px !important;
+    text-align: center;
+  }
+  .el-input-group__append, .el-input-group__prepend{
+    background-color: transparent;
+    color: #606266;
+    border: none;
+  }
+  .el-table__header-wrapper{
+    display: none;
+  }
+}
+
+#operation-record {
+  .btnBox{
+    display: flex;
+    justify-content: flex-end;
+  }
+  .el-table--border{
+    border-right: 1px solid #EBEEF5;
+  }
+  .operation-record-table {
+    //width: 100%;
+    width: 840px !important;
+    padding-right: 8px;
+    .operation-text {
+      font-weight: 700;
+    }
+    .text {
+      font-weight: 700;
+    }
+    .sign {
+      cursor: pointer;
+      color: #46a1ff;
+      font-weight: 400;
+    }
+    .el-input__inner {
+      border: none;
+      height: 26px !important;
+      line-height: 26px !important;
+      text-align: center;
+    }
+    .el-input__inner {
+      border-bottom: 1px solid #ccc;
+      border-radius: 0;
+      padding: 0;
+    }
+    .el-input__prefix {
+      display: none;
+    }
+  }
+  .center {
+    text-align: center;
+  }
+  .left {
+    text-align: left;
+  }
+
+  .width-50 {
+    .el-input {
+      width: 50px;
+    }
+  }
+  .width-70 {
+    .el-input {
+      width: 70px;
+    }
+  }
+  .width-100 {
+    .el-input {
+      width: 100px;
+    }
+  }
+  .width-120 {
+    .el-input {
+      width: 120px;
+    }
+  }
+  .width-180 {
+    .el-input {
+      width: 180px;
+    }
+  }
+  .width-240 {
+    .el-input {
+      width: 240px;
+    }
+  }
+
+  //.el-date-editor.el-input,
+  //.el-date-editor.el-input__inner {
+  //  width: 140px;
+  //}
+  //.el-input__suffix {
+  //  top: -7px;
+  //}
+  //.el-checkbox__input.is-checked + .el-checkbox__label {
+  //  color: #606266;
+  //}
+  //.el-checkbox__input.is-checked .el-checkbox__inner,
+  //.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  //  background: #767676;
+  //  border-color: #767676;
+  //}
+  //.el-checkbox__inner:hover,
+  //.el-checkbox__inner {
+  //  border-color: #767676;
+  //}
+  //.el-radio__input.is-checked + .el-radio__label {
+  //  color: #606266;
+  //}
+  //.el-radio__input.is-checked .el-radio__inner {
+  //  background: #767676;
+  //  border-color: #767676;
+  //}
+  //.el-radio {
+  //  margin-right: 8px;
+  //  display: block;
+  //}
+  //.el-radio__inner {
+  //  border: 1px solid #767676 !important;
+  //}
+  //.el-radio__inner:hover {
+  //  border-color: #767676;
+  //}
+  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+    background: none !important;
+  }
+  .has-gutter {
+    display: none;
+    .cell {
+      font-weight: 700;
+    }
+    .el-table__cell {
+      background: #ced4d9;
+    }
+  }
+  .el-table__header-wrapper{
+    display: none;
+  }
+}
+</style>
diff --git a/src/components/360View/commonForm/optometryForm-copy.vue b/src/components/360View/commonForm/optometryForm-copy.vue
new file mode 100644
index 0000000..70307a3
--- /dev/null
+++ b/src/components/360View/commonForm/optometryForm-copy.vue
@@ -0,0 +1,1019 @@
+<template>
+  <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
+    <div v-if="!onlyRead" class="btnBox">
+      <el-button v-print="print" size="small">打印</el-button>
+      <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
+      <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
+    </div>
+    <div id="optomeFunc" style="width: 840px;padding-right: 8px" class="printBox">
+      <div class="flex j-c" style="padding-bottom: 8px">
+        <img width="320" src="@/assets/img/xianganlogo.png">
+      </div>
+      <p style="color:#000000;font-size:24px;font-weight: 700;letter-spacing: 10px;text-align:center;margin-bottom: 10px;word-spacing: 3px">
+        验光报告单
+      </p>
+      <div style="display: flex;justify-content: space-around">
+        <span class="bold">登记号：<el-input v-model="dataForm.patientId" style="width: 80px" placeholder="" /></span>
+        <span class="bold">姓名：<el-input v-model="dataForm.patientName" style="width: 90px" placeholder="" /></span>
+        <span class="bold">性别：<el-input v-model="dataForm.patientSex" style="width: 60px" placeholder="" /></span>
+        <span class="bold">年龄：<el-input v-model="dataForm.patientAge" style="width: 60px" placeholder="" /></span>
+        <span class="bold">屈光发育档案：
+          <el-select v-model="dataForm.qgFyda" placeholder="" style="display: inline-block;width: 100px">
+            <el-option
+              v-for="item in fileList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.name"
+            />
+          </el-select>
+        </span>
+      </div>
+      <div class="operation-record-table">
+        <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 5px">
+          <el-table-column label="" width="" align="center" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '1'">
+                <div class="width-180 center">
+                  瞳孔状态
+                </div>
+              </div>
+              <div v-else-if="scope.row.name == '基本信息'">
+                <div class="width-180 center">
+                  基本信息
+                </div>
+              </div>
+              <div v-else-if="scope.row.name == '3'">
+                <div class="width-180 center">
+                  右眼
+                </div>
+              </div>
+              <div v-else-if="scope.row.name == '4'">
+                <div class="width-180 center">
+                  左眼
+                </div>
+              </div>
+              <div v-else-if="scope.row.name == '5'">
+                <div class="width-180 center">
+                  左眼
+                </div>
+              </div>
+              <div v-else-if="scope.row.name == '最终处方'">
+                <div class="width-180 center">
+                  <el-button type="text" plain style="font-size: 16px;padding: 3px 8px" @click="copyData">最终处方</el-button>
+                  <div style="display: flex;flex-wrap: wrap;">
+                    <div v-for="(item,index) in remoteUse" :key="index" class="check" style="margin-left: 22px;font-size: 14px" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <p v-else>{{ scope.row.name }}</p>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '1'">
+                <div class="">
+                  <div style="display: flex;flex-wrap: wrap">
+                    <el-select v-model="dataForm.tongk" placeholder="" style="width: 100%">
+                      <el-option
+                        v-for="item in pupil"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.name"
+                      />
+                    </el-select>
+                  </div>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '3'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcDsOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '4'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcDsOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '5'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfDsOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '基本信息'">
+                <div class="width-100 center">
+                  <el-select v-model="dataForm.slType" placeholder="" style="width: 100%" @change="selectVision">
+                    <el-option
+                      v-for="item in visionList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                    />
+                  </el-select>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '最终处方'">
+                <div class="width-100 center" style="text-align: center">
+                  右眼
+                </div>
+              </div>
+              <div v-if="scope.row.name == '配镜建议'">
+                <div style="display: flex">
+                  <div style="display: flex;flex-wrap: wrap">
+                    <div v-for="(item,index) in suggest" :key="index" class="check" @click="item.isSelect = !item.isSelect">
+                      <input type="checkbox" :checked="item.isSelect">
+                      <div>{{ item.name }}</div>
+                    </div>
+                  </div>
+                  <div style="margin-left: 26px">
+                    <span>其他:</span>
+                    <el-select v-model="dataForm.pjyjQt" placeholder="" style="width: 220px;display: inline-block">
+                      <el-option
+                        v-for="item in others"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.name"
+                      />
+                    </el-select>
+                  </div>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '备注'">
+                <div>
+                  <el-input v-model="dataForm.beiZhu" type="textarea" :autosize="{ minRows: 1, maxRows: 3}" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '基本信息'">
+                <div class="width-180 center">
+                  右眼
+                </div>
+              </div>
+              <div v-if="scope.row.name == '验光检查'">
+                <div class="width-180 center">
+                  球镜(DS)
+                </div>
+              </div>
+              <div v-if="scope.row.name == '1'">
+                <div class="width-180 center">
+                  检查方法
+                </div>
+              </div>
+              <div v-if="scope.row.name == '3'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcDcOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '4'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcDcOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '5'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfDcOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '最终处方'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfDsOd" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '基本信息'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.slOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '验光检查'">
+                <div class="width-100 center">
+                  柱镜(DC)
+                </div>
+              </div>
+              <div v-if="scope.row.name == '1'">
+                <div>
+                  <div style="display: flex;flex-wrap: wrap">
+                    <el-select v-model="dataForm.jianchaFangfa" placeholder="">
+                      <el-option
+                        v-for="item in examine"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.name"
+                      />
+                    </el-select>
+                  </div>
+                </div>
+              </div>
+              <div v-if="scope.row.name == '3'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcAOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '4'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcAOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '5'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfAOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '最终处方'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfDcOd" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '基本信息'">
+                <div class="width-180 center">
+                  左眼
+                </div>
+              </div>
+              <div v-if="scope.row.name == '验光检查'">
+                <div class="width-180 center">
+                  轴位(A)
+                </div>
+              </div>
+              <div v-if="scope.row.name == '3'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcVaOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '4'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcVaOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '5'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfVaOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '最终处方'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfAOd" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '基本信息'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.slOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '验光检查'">
+                <div class="width-180 center">
+                  矫正视力(VA)
+                </div>
+              </div>
+              <div v-if="scope.row.name == '3'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcAddOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '4'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcAddOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '5'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfAddOs" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '最终处方'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfVaOd" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="" width="" :resizable="false">
+            <template slot-scope="scope">
+              <div v-if="scope.row.name == '验光检查'">
+                <div class="width-180 center">
+                  下加光(ADD)
+                </div>
+              </div>
+              <div v-if="scope.row.name == '3'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.ygjcVaOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '4'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfAddOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '5'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfAddOd" placeholder="" />
+                </div>
+              </div>
+              <div v-if="scope.row.name == '最终处方'">
+                <div class="width-100 center">
+                  <el-input v-model="dataForm.zzcfAddOd" placeholder="" />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div style="display: flex;justify-content: space-between">
+          <div class="width-180" style="text-align: left">
+            <span style="display: inline-block;margin-top: 12px">视光师:</span>
+            <img v-if="dataForm.ygsSign" :src="dataForm.ygsSign" alt="" style="width: 80px;height: 50px;border-style:none;">
+          </div>
+          <div class="width-180" style="text-align: left">
+            <el-input v-model="dataForm.ysSign" placeholder="" style="margin-top: 12px">
+              <template slot="prepend">医师:</template>
+            </el-input>
+          </div>
+          <div class="width-180" style="text-align: left;margin-top: 12px">
+            日期：<el-date-picker
+              v-model="dataForm.riQi"
+              type="date"
+              placeholder="选择日期"
+            />
+          </div>
+        </div>
+        <p style="text-align: left;margin-top: 12px;font-size: 14px">说明：1.持本报告但配镜仅供参考。              2.本报告单有效期3个月</p>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    isSearch: {
+      type: String,
+      default: ''
+    },
+    patientId: {
+      type: String,
+      default: ''
+    },
+    caseId: {
+      type: String,
+      default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      ws: null, // 建立的连接
+      lockReconnect: false, // 是否真正建立连接
+      timeout: 28 * 1000, // 30秒一次心跳
+      timeoutObj: null, // 心跳心跳倒计时
+      serverTimeoutObj: null, // 心跳倒计时
+      timeoutnum: null, // 断开 重连倒计时
+      dataForm: {
+        id: '',
+        patientId: '',
+        patientName: '',
+        patientSex: '',
+        patientAge: '',
+        qgFyda: '', // 屈光发育档案
+        ygsSign: '', // 视光师
+        ysSign: '', // 医师
+        riQi: '', // 日期
+        slType: '', // 视力类型
+        slOs: '', // 左眼视力
+        slOd: '', // 右眼视力
+        tongk: '', // 瞳孔
+        jianchaFangfa: '',
+        ygjcDsOd: '',
+        ygjcDsOs: '',
+        ygjcDcOd: '',
+        ygjcDcOs: '',
+        ygjcAOd: '',
+        ygjcAOs: '',
+        ygjcVaOd: '',
+        ygjcVaOs: '',
+        ygjcAddOd: '',
+        ygjcAddOs: '',
+        zzcfAOd: '',
+        zzcfAOs: '',
+        zzcfAddOd: '',
+        zzcfAddOs: '',
+        zzcfDcOd: '',
+        zzcfDcOs: '',
+        zzcfDsOd: '',
+        zzcfDsOs: '',
+        zzcfVaOs: '',
+        zzcfVaOd: '',
+        zzcfCheck: '',
+        pjyjCheck: '', // 配镜建议
+        pjyjQt: '', // 配镜建议-其他
+        beiZhu: '' // 备注
+      },
+      fileList: [
+        {
+          name: '是',
+          id: '1'
+        }, {
+          name: '否',
+          id: '2'
+        }],
+      visionList: [
+        {
+          name: '裸眼视力',
+          id: '1'
+        }, {
+          name: '矫正视力',
+          id: '2'
+        }],
+      pupil: [
+        {
+          name: '正常瞳孔',
+          id: '1',
+          isSelect: false
+        }, {
+          name: '复方托吡卡胺',
+          id: '2',
+          isSelect: false
+        }, {
+          name: '美多丽',
+          id: '3',
+          isSelect: false
+        }, {
+          name: '赛飞杰',
+          id: '4',
+          isSelect: false
+        }, {
+          name: '阿托品',
+          id: '5',
+          isSelect: false
+        }
+      ],
+      examine: [
+        {
+          name: '检影',
+          id: '1',
+          isSelect: false
+        }, {
+          name: '综合',
+          id: '2',
+          isSelect: false
+        }
+      ],
+      remoteUse: [
+        {
+          name: '远用',
+          isSelect: false
+        }, {
+          name: '近用',
+          isSelect: false
+        }
+      ],
+      suggest: [
+        {
+          name: '单光',
+          isSelect: false
+        }, {
+          name: '离焦镜片',
+          isSelect: false
+        }, {
+          name: '软镜',
+          isSelect: false
+        }, {
+          name: 'RGP',
+          isSelect: false
+        }, {
+          name: 'OK镜',
+          isSelect: false
+        }
+      ],
+      others: [
+        {
+          name: '抗疲劳',
+          id: '1'
+        }, {
+          name: '渐进',
+          id: '2'
+        }, {
+          name: '低视力助视器',
+          id: '3'
+        }],
+      originTableData: [],
+      tableData: [
+        {
+          name: '基本信息'
+        }, {
+          name: '1'
+        }, {
+          name: '验光检查'
+        }, {
+          name: '3'
+        }, {
+          name: '4'
+        }, {
+          name: '最终处方'
+        }, {
+          name: '5'
+        }, {
+          name: '配镜建议'
+        }, {
+          name: '备注'
+        }],
+      print: {
+        id: 'optomeFunc'
+      }
+    }
+  },
+  destroyed() {
+    this.ws.close()
+  },
+  mounted() {
+    this.queryForm()
+    this.initWebSoket()
+    this.getPatientData()
+  },
+  methods: {
+    // 设置签名
+    setSign() {
+      const userData = JSON.parse(window.localStorage.getItem('qg-userData'))
+      const date = this.$moment().format('YYYY-MM-DD')
+      const mzName = window.localStorage.getItem('mzDoctorName')
+      this.dataForm.ygsSign = userData.signImgBase
+      this.dataForm.ysSign = mzName
+      this.dataForm.riQi = date
+    },
+    setVision() {
+      const data = window.localStorage.getItem('shili') ? JSON.parse(window.localStorage.getItem('shili')) : []
+      const one = data.length ? data[0].odVan : ''
+      const two = data.length ? data[0].odVag : ''
+      if (two && !one) {
+        this.dataForm.slType = '2'
+        this.selectVision('2')
+      } else {
+        this.dataForm.slType = '1'
+        this.selectVision('1')
+      }
+    },
+    selectVision(id) {
+      const data = window.localStorage.getItem('shili') ? JSON.parse(window.localStorage.getItem('shili')) : []
+      if (id === '1') {
+        // 裸眼视力
+        this.dataForm.slOd = data.length ? data[0].odVan : ''
+        this.dataForm.slOs = data.length ? data[0].osVan : ''
+      } else {
+        this.dataForm.slOd = data.length ? data[0].odVag : ''
+        this.dataForm.slOs = data.length ? data[0].osVag : ''
+      }
+      console.log(this.dataForm)
+    },
+    copyData() {
+      this.dataForm.zzcfDsOd = this.dataForm.ygjcDsOd
+      this.dataForm.zzcfDcOd = this.dataForm.ygjcDcOd
+      this.dataForm.zzcfAOd = this.dataForm.ygjcAOd
+      this.dataForm.zzcfVaOd = this.dataForm.ygjcVaOd
+      this.dataForm.zzcfAddOd = this.dataForm.ygjcAddOd
+      this.dataForm.zzcfDsOs = this.dataForm.ygjcDsOs
+      this.dataForm.zzcfDcOs = this.dataForm.ygjcDcOs
+      this.dataForm.zzcfAOs = this.dataForm.ygjcAOs
+      this.dataForm.zzcfVaOs = this.dataForm.ygjcVaOs
+      this.dataForm.zzcfAddOs = this.dataForm.ygjcAddOs
+    },
+    async getPatientData() {
+      const { data: res } = await this.$http.get(
+        '/patient/view/getPatientData',
+        {
+          params: {
+            patientId: this.patientId
+          }
+        }
+      )
+      if (res.code === 0) {
+        const data = res.data
+        this.dataForm.patientId = data.patientId
+        this.dataForm.patientName = data.patientName
+        this.dataForm.patientSex = data.patientSex
+        this.dataForm.patientAge = data.patientAge
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    async queryForm() {
+      const { data: res } = await this.$http.get(
+        '/ygbgd/getYgbgdInfo',
+        {
+          params: {
+            patientId: this.patientId,
+            caseId: this.caseId
+          }
+        }
+      )
+      if (res.code === 0) {
+        this.dataForm = res.data
+        if (!this.dataForm.id) {
+          this.setVision()
+          this.setSign()
+        }
+        this.handleStr(this.dataForm.pjyjCheck, this.suggest)
+        this.handleStr(this.dataForm.zzcfCheck, this.remoteUse)
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    reconnect() { // 重新连接
+      const that = this
+      if (that.lockReconnect) {
+        return
+      }
+      that.lockReconnect = true
+      // 没连接上会一直重连，设置延迟避免请求过多
+      that.timeoutnum && clearTimeout(that.timeoutnum)
+      that.timeoutnum = setTimeout(function() {
+        // 新连接
+        that.initWebSoket()
+        that.lockReconnect = false
+      }, 5000)
+    },
+    resetHeart() { // 重置心跳
+      const that = this
+      // 清除时间
+      clearTimeout(that.timeoutObj)
+      clearTimeout(that.serverTimeoutObj)
+      // 重启心跳
+      that.start()
+    },
+    start() { // 开启心跳
+      const self = this
+      self.timeoutObj && clearTimeout(self.timeoutObj)
+      self.serverTimeoutObj && clearTimeout(self.serverTimeoutObj)
+      self.timeoutObj = setTimeout(function() {
+        // 这里发送一个心跳，后端收到后，返回一个心跳消息，
+        if (self.ws.readyState == 1) { // 如果连接正常
+          self.ws.send('heartCheck')
+        } else { // 否则重连
+          self.reconnect()
+        }
+        self.serverTimeoutObj = setTimeout(function() {
+          // 超时关闭
+          self.ws.close()
+        }, self.timeout)
+      }, self.timeout)
+    },
+    initWebSoket() {
+      // wss://127.0.0.1:8030/data
+      // const url = 'ws://47.110.224.240:8036/xiangan-crf/websocket/0071'
+      // const url = 'ws://192.168.0.167:8036/xiangan-crf/websocket/0071'
+      const url = 'ws://127.0.0.1:8030/data'
+      const self = this
+      this.ws = new WebSocket(url)
+      this.ws.onopen = function() {
+        console.log('连接成功')
+        self.start()
+      }
+      this.ws.onclose = function() {
+        // console.log('连接关闭')
+        self.reconnect()
+      }
+      this.ws.onerror = function() {
+        // console.log('连接失败')
+        self.reconnect()
+      }
+      this.ws.onmessage = function(msg) {
+        const message = JSON.parse(msg.data)
+        // const data = JSON.parse(msg.data)
+        // const message = JSON.parse(data.msgTxt)
+        console.log(message)
+        self.tableData.forEach(item => {
+          if (item.name == '3') {
+            item.a = message.RData.DS
+            item.b = message.RData.DC
+            item.c = message.RData.AXIS
+            item.d = message.RData.VA
+            item.e = message.RData.ADD
+          } else if (item.name == '4') {
+            item.a = message.LData.DS
+            item.b = message.LData.DC
+            item.c = message.LData.AXIS
+            item.d = message.LData.VA
+            item.e = message.LData.ADD
+          }
+        })
+        self.resetHeart()
+      }
+    },
+    // 处理字符串
+    handleStr(string, array) {
+      if (string) {
+        const data = string.split(',')
+        array.forEach(item => {
+          data.forEach(row => {
+            if (item.name === row) {
+              item.isSelect = true
+            }
+          })
+        })
+      } else {
+        array.forEach(item => {
+          item.isSelect = false
+        })
+      }
+      return array
+    },
+    // 处理数组
+    handleCheck(array) {
+      if (array && array.length) {
+        const temp = []
+        array.forEach(item => {
+          if (item.isSelect) {
+            temp.push(item.name)
+          }
+        })
+        return temp.join(',')
+      }
+    },
+    handleSaveTable() {
+      this.dataForm.pjyjCheck = this.handleCheck(this.suggest)
+      this.dataForm.zzcfCheck = this.handleCheck(this.remoteUse)
+      this.$http.post('/ygbgd/saveYgbgd', this.dataForm).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.$message({
+          message: this.$t('prompt.success'),
+          type: 'success',
+          duration: 500,
+          onClose: () => {
+            this.queryForm()
+          }
+        })
+      }).catch(() => {})
+    },
+    handleDelete() {
+      this.$emit('del')
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        if (rowIndex === 0 || rowIndex === 5) {
+          // [0,0][0,3][0,6] 合并单元格 3行合并1列
+          return {
+            rowspan: 2,
+            colspan: 1
+          }
+        }
+        if (rowIndex === 2) {
+          return {
+            rowspan: 3,
+            colspan: 1
+          }
+        }
+        // [0,11] 最后一行 9列合并城1行
+        if (rowIndex === 9) {
+          return {
+            rowspan: 1,
+            colspan: 9
+          }
+        }
+      } else if (columnIndex === 1) {
+        if (rowIndex === 7 || rowIndex === 8) {
+          return {
+            rowspan: 1,
+            colspan: 8
+          }
+        }
+        if (rowIndex === 1) {
+          return {
+            rowspan: 1,
+            colspan: 2
+          }
+        }
+      } else if (columnIndex === 3) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: 1,
+            colspan: 2
+          }
+        }
+        if (rowIndex === 1) {
+          return {
+            rowspan: 1,
+            colspan: 3
+          }
+        }
+      } else if (columnIndex === 5) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: 1,
+            colspan: 3
+          }
+        }
+      } else if (rowIndex === 7 || rowIndex === 8) {
+        if (columnIndex === 2 || columnIndex === 3 || columnIndex === 4 || columnIndex === 5 || columnIndex === 6) {
+          return {
+            rowspan: 0,
+            colspan: 0
+          }
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.printBox{
+  page-break-inside: avoid !important;
+}
+#operation-record {
+  height: 100%;
+  overflow: auto;
+  .check {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    margin-right: 18px;
+    input{
+      -webkit-appearance: checkbox !important;
+      margin-right: 5px;
+    }
+  }
+  .flex{
+    display: flex;
+  }
+  .j-c{
+    justify-content: center;
+  }
+  .btnBox{
+    display: flex;
+    justify-content: flex-end;
+  }
+  .operation-record-table {
+    width: 100%;
+    .el-input-group__append, .el-input-group__prepend{
+      background-color: transparent;
+      color: #606266;
+      border: none;
+    }
+    .el-table__header-wrapper{
+      display: none;
+    }
+    .operation-text {
+      font-weight: 700;
+    }
+    .text {
+      font-weight: 700;
+    }
+    .sign {
+      cursor: pointer;
+      color: #46a1ff;
+      font-weight: 400;
+    }
+  }
+  .center {
+    text-align: center;
+  }
+  .left {
+    text-align: left;
+  }
+  .width-50 {
+    .el-input {
+      width: 50px;
+    }
+  }
+  .width-70 {
+    .el-input {
+      width: 70px;
+    }
+  }
+  .width-100 {
+    .el-input {
+      width: 100px;
+    }
+  }
+  .width-120 {
+    .el-input {
+      width: 120px;
+    }
+  }
+  .width-160 {
+    .el-input {
+      width: 160px;
+    }
+  }
+  .width-80 {
+    .el-input {
+      width: 80px;
+    }
+  }
+  .width-180 {
+    .el-input {
+      width: 180px;
+    }
+  }
+  .el-input__inner {
+    font-size: 16px;
+    border: none;
+    height: 26px !important;
+    line-height: 26px !important;
+    text-align: center;
+    border-bottom: 1px solid #8e8c8c;
+    border-radius: 0;
+    padding: 0;
+  }
+  .el-textarea__inner{
+    border: none;
+  }
+  .el-input__prefix {
+    display: none;
+  }
+  .el-date-editor.el-input,
+  .el-date-editor.el-input__inner {
+    width: 140px;
+  }
+  //.el-checkbox__input.is-checked + .el-checkbox__label {
+  //  color: #606266;
+  //}
+  //.el-checkbox__input.is-checked .el-checkbox__inner,
+  //.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  //  background: #767676;
+  //  border-color: #767676;
+  //}
+  //.el-checkbox__inner:hover,
+  //.el-checkbox__inner {
+  //  border-color: #767676;
+  //}
+  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+    background: none !important;
+  }
+  .has-gutter {
+    display: none;
+    .cell {
+      font-weight: 700;
+    }
+    .el-table__cell {
+      background: #ced4d9;
+    }
+  }
+  ::v-deep .el-table .el-table__cell{
+    padding: 5px 0;
+  }
+}
+</style>
+<style lang="scss">
+#optomeFunc{
+  .check {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    margin-right: 18px;
+    input{
+      -webkit-appearance: checkbox !important;
+      margin-right: 5px;
+    }
+  }
+  .bold{
+    font-weight: 700;
+  }
+  .el-table th {
+    border-color: #8e8c8c !important;
+  }
+  .el-table td {
+    border-color: #8e8c8c !important;
+  }
+  .el-table--group,
+  .el-table--border {
+    border: 1px solid #8e8c8c !important;
+    border-bottom: none !important;
+  }
+  .el-input__inner, .el-input-group__prepend {
+    font-size: 16px;
+  }
+  .el-table__cell{
+    padding: 2px !important;
+  }
+  .el-textarea__inner{
+    border: none;
+  }
+  .el-input__suffix-inner{
+    display: none;
+  }
+}
+@media print {
+  img {
+    box-shadow: none !important;
+    -webkit-print-color-adjust: exact;
+  }
+}
+</style>
+
diff --git a/src/components/360View/forePart/index-copy.vue b/src/components/360View/forePart/index-copy.vue
new file mode 100644
index 0000000..5a8279e
--- /dev/null
+++ b/src/components/360View/forePart/index-copy.vue
@@ -0,0 +1,1060 @@
+<template>
+  <div class="foreBox">
+    <div v-if="!onlyRead" class="moveIcon">
+      <p @click="moveAll(1)"><i style="font-size: 20px" class="el-icon-back" /></p>
+      <p style="margin-top: 5px" @click="moveAll(2)"><i class="el-icon-back" style="transform: rotateY(180deg);font-size: 20px" /></p>
+    </div>
+    <div style="display: flex;margin-top: 32px">
+      <div style="width: 200px;padding-right: 8px;text-align: left;overflow-x: auto">
+        <p style="font-weight: bold;margin-bottom: 12px;text-align: left">描述项模板</p>
+        <el-button v-if="!treeCaseList.length && !onlyRead" type="primary" size="small" @click="append(1)">+新增</el-button>
+        <el-tree
+          ref="tree"
+          :data="treeCaseList"
+          :props="treeProps"
+          :default-expand-all="true"
+          :expand-on-click-node="false"
+          node-key="id"
+          highlight-current
+          @node-click="templateData"
+        >
+          <span slot-scope="{ node, data }" class="custom-tree-node">
+            <span style="display: inline-block;min-width: 80px">
+              <span>{{ node.label }}</span>
+            </span>
+            <span>
+              <el-button v-if="!data.treeId && !onlyRead" icon="el-icon-plus" style="font-size: 12px;color: #409EFF" type="text" @click.stop="append(2, data)" />
+              <el-button v-if="!onlyRead" icon="el-icon-delete" style="font-size: 12px;color: #F56C6C" type="text" @click.stop="remove(node, data)" />
+            </span>
+          </span>
+        </el-tree>
+      </div>
+      <el-table
+        id="foreCheck"
+        ref="multipleTable"
+        :data="tableData"
+        style="margin: 8px 8px 0 0"
+        @select="selection"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+        />
+        <el-table-column
+          align="center"
+          label="OD"
+        >
+          <template slot-scope="scope">
+            <div>
+              <span v-if="scope.row.sort === 1">
+                <p style="margin:0 16px 6px 0">结膜：充血</p>
+                <treeSelect
+                  v-model="dataForm.jiemCxOd"
+                  :only-read="onlyRead"
+                  :props="treeProps"
+                  style="display: inline-block;"
+                  :options="scope.row.data"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.sort === 2">
+                <p style="margin:0 16px 6px 0">结膜：分泌物</p>
+                <treeSelect
+                  v-model="dataForm.jiemFmwOd"
+                  :only-read="onlyRead"
+                  :props="treeProps"
+                  style="display: inline-block;"
+                  :options="scope.row.data"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '眼睑'">
+                <treeSelect
+                  v-model="dataForm.yanjOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '泪器'">
+                <treeSelect
+                  v-model="dataForm.leiQOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '角膜'">
+                <treeSelect
+                  v-model="dataForm.jiaomOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '前房'">
+                <treeSelect
+                  v-model="dataForm.qianfOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '虹膜'">
+                <treeSelect
+                  v-model="dataForm.hongmOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '瞳孔'">
+                <treeSelect
+                  v-model="dataForm.tongkOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '晶状体'">
+                <treeSelect
+                  v-model="dataForm.jingztOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '睫状体'">
+                <treeSelect
+                  v-model="dataForm.jieztOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '眼位'">
+                <treeSelect
+                  v-model="dataForm.yanwOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '眼眶'">
+                <treeSelect
+                  v-model="dataForm.yankOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.name === '眼球运动'">
+                <treeSelect
+                  v-model="dataForm.yanqydOd"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'od', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          class="move"
+          align="center"
+          width="120"
+        >
+          <template slot-scope="scope">
+            <div v-if="!onlyRead">
+              <p @click="moveHandle(scope.$index,1, scope.row)"><i style="font-size: 20px" class="el-icon-back" /></p>
+              <p style="margin-top: 5px" @click="moveHandle(scope.$index,2, scope.row)"><i class="el-icon-back" style="transform: rotateY(180deg);font-size: 20px" /></p>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="OS"
+        >
+          <template slot-scope="scope">
+            <div>
+              <span v-if="scope.row.sort === 1">
+                <span style="margin-right: 16px">结膜：充血</span><treeSelect
+                  v-model="scope.row.os"
+                  :only-read="onlyRead"
+                  :props="treeProps"
+                  style="display: inline-block;"
+                  :options="scope.row.data"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'os', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.sort === 2">
+                <p style="margin:0 16px 6px 0">结膜：分泌物</p><treeSelect
+                  v-model="scope.row.os"
+                  :only-read="onlyRead"
+                  :props="treeProps"
+                  style="display: inline-block;"
+                  :options="scope.row.data"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'os', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="scope.row.sort === 99">
+                <treeSelect
+                  v-model="scope.row.os"
+                  :only-read="onlyRead"
+                  :options="scope.row.data"
+                  :props="treeProps"
+                  :multiple="true"
+                  :filterable="true"
+                  :check-strictly="true"
+                  :default-expand-all="true"
+                  @handleNode="handleNode(scope.$index,'os', $event)"
+                  @add="addTree(scope.row, $event)"
+                  @remove="removeTree"
+                />
+              </span>
+              <span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog :title="title" :visible.sync="dialogFormVisible" width="40%">
+      <el-form :model="form" style="margin-top: 16px">
+        <el-form-item label="名称：" label-width="120px">
+          <el-input v-model="form.name" auto-complete="off" style="width: 300px" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handSaveBtn">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="新建模板" :visible.sync="templateFlag" width="40%">
+      <el-form :model="form" style="margin-top: 16px">
+        <el-form-item label="名称：" label-width="120px">
+          <el-input v-model="form.name" auto-complete="off" style="width: 300px" />
+        </el-form-item>
+        <el-form-item label="目录：" label-width="120px">
+          <el-tree
+            ref="tree"
+            :data="treeTemplate"
+            :props="treeProps"
+            :default-expand-all="true"
+            :expand-on-click-node="false"
+            node-key="id"
+            highlight-current
+            @node-click="templateNodeClick"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="templateFlag = false">取 消</el-button>
+        <el-button type="primary" @click="saveTreeTemplete">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import eventBus from '@/page-subspecialty/utils/eventBus'
+import treeSelect from '@/components/360View/itemSelect'
+import axios from 'axios'
+import Cookies from 'js-cookie'
+// import ForeForm from '@/components/360View/medicalRecord/outPatientRecord/foreForm.vue'
+const Base64 = require('js-base64').Base64
+export default {
+  components: {
+    // ForeForm,
+    treeSelect
+  },
+  mixins: [],
+  props: {
+    patientIdNumber: {
+      type: String,
+      default: ''
+    },
+    patientId: {
+      type: String,
+      default: ''
+    },
+    isSearch: {
+      type: String,
+      default: ''
+    },
+    caseId: {
+      type: String,
+      default: ''
+    },
+    onlyRead: {
+      type: Boolean,
+      default: false
+    }
+  },
+  inject: ['refresh'],
+  data() {
+    return {
+      userData: {},
+      title: '',
+      sourceData: [],
+      treeCaseList: [],
+      treeTemplate: [],
+      addType: '',
+      treeProps: {
+        value: 'id',
+        label: 'name',
+        children: 'child'
+      },
+      type: '',
+      doctorId: '',
+      deleteId: '',
+      treeId: '',
+      treeFlag: '',
+      treeName: '',
+      weight: '',
+      parentId: 0,
+      collectId: '',
+      form: {
+        name: ''
+      },
+      multipleSelection: [],
+      templateFlag: false,
+      dialogFormVisible: false,
+      dataForm: {
+        id: '',
+        patientId: '',
+        hongmOd: '', // 虹膜
+        hongmOs: '', // 虹膜
+        jiaomOd: '', // 角膜
+        jiaomOs: '', // 角膜
+        jiemCxOd: '', // 结膜眼睑充血
+        jiemCxOs: '', // 结膜眼睑充血
+        jiemFmwOd: '', // 结膜：分泌物
+        jiemFmwOs: '', // 结膜：分泌物
+        jieztOd: '', // 睫状体
+        jieztOs: '', // 睫状体
+        jingztOd: '', // 晶状体
+        jingztOs: '', // 晶状体
+        leiQOd: '', // 泪器
+        leiQOs: '', // 泪器
+        qianfOd: '', // 前房
+        qianfOs: '', // 前房
+        tongkOd: '', // 瞳孔
+        tongkOs: '', // 瞳孔
+        yanjOd: '', // 眼睑
+        yanjOs: '', // 眼睑
+        yankOd: '', // 眼眶
+        yankOs: '', // 眼眶
+        yanqydOd: '', // 眼球运动
+        yanqydOs: '', // 眼球运动
+        yanwOd: '', // 眼位
+        yanwOs: '' // 眼位
+      },
+      tableData: [
+        {
+          name: '眼睑'
+        }, {
+          name: '眼睑',
+          sort: 99,
+          id: 1,
+          type: 'anion',
+          od: '',
+          os: ''
+        }, {
+          name: '结膜'
+        }, {
+          name: '结膜',
+          id: 2,
+          sort: 1,
+          type: 'jimmy',
+          od: '',
+          os: ''
+        }, {
+          name: '结膜',
+          id: 3,
+          sort: 2,
+          type: 'jimmy',
+          od: '',
+          os: ''
+        }, {
+          name: '泪器'
+        }, {
+          name: '泪器',
+          sort: 99,
+          id: 4,
+          type: 'liq',
+          od: '',
+          os: ''
+        }, {
+          name: '角膜'
+        }, {
+          name: '角膜',
+          sort: 99,
+          id: 5,
+          type: 'Giacomo',
+          od: '',
+          os: ''
+        }, {
+          name: '前房'
+        }, {
+          name: '前房',
+          sort: 99,
+          id: 6,
+          type: 'Jianfeng',
+          od: '',
+          os: ''
+        }, {
+          name: '虹膜'
+        }, {
+          name: '虹膜',
+          sort: 99,
+          id: 7,
+          type: 'mongo',
+          od: '',
+          os: ''
+        }, {
+          name: '瞳孔'
+        }, {
+          name: '瞳孔',
+          sort: 99,
+          id: 8,
+          type: 'tonguing',
+          od: '',
+          os: ''
+        }, {
+          name: '晶状体'
+        }, {
+          name: '晶状体',
+          sort: 99,
+          id: 9,
+          type: 'jingling',
+          od: '',
+          os: ''
+        }, {
+          name: '睫状体'
+        }, {
+          name: '睫状体',
+          sort: 99,
+          id: 10,
+          type: 'jingles',
+          od: '',
+          os: ''
+        }, {
+          name: '眼位'
+        }, {
+          name: '眼位',
+          sort: 99,
+          id: 11,
+          type: 'yawn',
+          od: '',
+          os: ''
+        }, {
+          name: '眼眶'
+        }, {
+          name: '眼眶',
+          sort: 99,
+          id: 12,
+          type: 'yanking',
+          od: '',
+          os: ''
+        }, {
+          name: '眼球运动'
+        }, {
+          name: '眼球运动',
+          sort: 99,
+          id: 13,
+          type: 'yang',
+          od: '',
+          os: ''
+        }]
+    }
+  },
+  watch: {
+    tableData: {
+      deep: true,
+      handler: (value) => {
+        if (value) {
+          eventBus.$emit('getForeData', value)
+        }
+      }
+    },
+    caseId: {
+      handler: function(newV, oldV) {
+        this.getforeList().then(() => {
+          this.queryOptions()
+        })
+      }
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.userData = JSON.parse(window.localStorage.getItem('qg-userData'))
+    this.doctorId = this.userData.id
+    this.getforeList().then(() => {
+      this.queryOptions()
+    })
+    // 查询左侧病历树
+    this.queryTreeCase()
+  },
+  methods: {
+    async getforeList() {
+      const { data: res } = await this.$http.get('/mjz/getMjzQdjcInfo', {
+        params: {
+          caseId: this.caseId,
+          patientId: this.patientId
+        }
+      })
+      if (res.code === 0) {
+        if (res.data) {
+          this.dataForm = res.data
+        }
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 表格复选框
+    selection(selection, val) {
+      if (!val.id) {
+        const data = this.tableData.filter(item => item.name === val.name)
+        if (val.flag) {
+          data.forEach(row => {
+            row.flag = false
+            this.$refs.multipleTable.toggleRowSelection(row, false)
+          })
+        } else {
+          data.forEach(row => {
+            row.flag = true
+            this.$refs.multipleTable.toggleRowSelection(row, true)
+          })
+        }
+      } else {
+        const data = this.tableData.filter(item => item.id === val.id)
+        if (val.flag) {
+          data.forEach(row => {
+            row.flag = false
+          })
+        } else {
+          data.forEach(row => {
+            row.flag = true
+          })
+        }
+      }
+    },
+    // 保留下拉框的label，添加到数据集用于展示
+    handleNode(index, type, event) {
+      if (type === 'os') {
+        this.tableData[index].osValue = event
+      } else {
+        this.tableData[index].odValue = event
+      }
+    },
+    // 添加数据集
+    addForeData() {
+      const selectData = this.tableData.filter(item => item.flag === true)
+      if (!selectData.length) return this.$message.warning('请勾选数据!')
+      const data = selectData.filter(item => {
+        return item.type !== undefined
+      })
+      eventBus.$emit('sendForData', data)
+    },
+    // 获取下拉选择项,把数据封装进表格中
+    queryOptions() {
+      const treeList = []
+      this.tableData.forEach(item => {
+        item.flag = false
+        if (item.type) {
+          const p = this.queryTree(item.type)
+          treeList.push(p)
+        }
+      })
+      Promise.all(treeList).then((result) => {
+        if (result.length) {
+          result.forEach(item => {
+            item.forEach(row => {
+              this.tableData.forEach((e, index) => {
+                if (e.type === row.type) {
+                  e.data = item
+                  const sort = e.sort
+                  if (sort === 1 || sort === 2 || sort === 99) {
+                    e.sort = ''
+                    this.$nextTick(() => {
+                      e.sort = sort
+                    })
+                  }
+                }
+              })
+            })
+          })
+        }
+        this.sourceData = Object.assign([], this.tableData)
+        eventBus.$emit('getForeData', this.tableData)
+      }).catch((error) => {
+      })
+    },
+    // 全部移动
+    moveAll(type) {
+      if (type === 1) {
+        this.tableData.forEach(item => {
+          if (item.sort) {
+            item.od = item.os
+            item.odValue = item.osValue
+            const sort = item.sort
+            item.sort = ''
+            this.$nextTick(() => {
+              item.sort = sort
+            })
+          }
+        })
+      } else {
+        this.tableData.forEach(item => {
+          if (item.sort) {
+            item.os = item.od
+            item.osValue = item.odValue
+            const sort = item.sort
+            item.sort = ''
+            this.$nextTick(() => {
+              item.sort = sort
+            })
+          }
+        })
+      }
+    },
+    // 移动
+    moveHandle(index, type, row) {
+      if (row.id) {
+        if (type === 1) {
+          this.tableData[index].od = row.os
+          this.tableData[index].odValue = row.osValue
+        } else {
+          this.tableData[index].os = row.od
+          this.tableData[index].osValue = row.odValue
+        }
+        const sort = this.tableData[index].sort
+        this.tableData[index].sort = ''
+        this.$nextTick(() => {
+          this.tableData[index].sort = sort
+        })
+      } else {
+        if (type === 1) {
+          this.tableData.forEach(item => {
+            if (item.name === row.name) {
+              item.od = item.os
+              item.odValue = item.osValue
+              const sort = item.sort
+              item.sort = ''
+              this.$nextTick(() => {
+                item.sort = sort
+              })
+            }
+          })
+        } else {
+          this.tableData.forEach(item => {
+            if (item.name === row.name) {
+              item.os = item.od
+              item.osValue = item.odValue
+              const sort = item.sort
+              item.sort = ''
+              this.$nextTick(() => {
+                item.sort = sort
+              })
+            }
+          })
+        }
+      }
+    },
+    // 保存前段检查
+    async saveFore() {
+      const { data: res } = await this.$http.post('/mjz/saveMjzQdjc', this.dataForm)
+      if (res.code === 0) {
+        await this.getforeList()
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    handSaveBtn() {
+      if (this.addType === 1) {
+        this.handleSaveTree()
+      } else {
+        this.handleSaveCase()
+      }
+    },
+    // 新增选择下拉树
+    addTree(item, event) {
+      this.title = '新增子级'
+      this.addType = 1
+      this.form.name = ''
+      this.type = event.type
+      this.parentId = event.id
+      this.treeFlag = event.flag
+      this.dialogFormVisible = true
+    },
+    // 新增保存树-眼睛部位下拉选择
+    async handleSaveTree() {
+      const params = {
+        doctorId: this.doctorId,
+        name: this.form.name,
+        flag: this.treeFlag, // // 1公共树,2个人树
+        type: this.type,
+        parentId: this.parentId,
+        platform: this.isSearch
+      }
+      const { data: res } = await this.$http.post('/treetag/addTree', params)
+      if (res.code === 0) {
+        this.dialogFormVisible = false
+        this.updataList()
+        this.$message.success('保存成功')
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 删除选择下拉树
+    removeTree(item) {
+      this.type = item.type
+      this.deleteId = item.id
+      this.$confirm('确定删除该节点?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleRemove()
+      }).catch(() => {
+
+      })
+    },
+    // 删除选择下拉树
+    async handleRemove() {
+      const params = {
+        id: this.deleteId
+      }
+      const { data: res } = await this.$http.post('/treetag/deleteTree', params)
+      if (res.code === 0) {
+        this.$message.success('删除成功')
+        this.updataList()
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 刷新单个选择下拉树
+    updataList() {
+      this.queryTree(this.type).then((res) => {
+        this.tableData.forEach(item => {
+          if (item.type === this.type) {
+            const sort = item.sort
+            item.sort = ''
+            this.$nextTick(() => {
+              item.sort = sort
+            })
+            item.data = res
+          }
+        })
+      })
+    },
+    // 封装查询单个下拉选择树
+    queryTree(type) {
+      const baseUrl = window.SITE_CONFIG['apiURL'] + '/treetag/findTree'
+      return new Promise((resolve, reject) => {
+        axios.defaults.headers.common['token'] = Cookies.get('xa-token') || ''
+        axios.get(baseUrl, {
+          params: {
+            doctorId: this.doctorId,
+            type: type,
+            platform: this.isSearch
+          }
+        }).then(res => {
+          if (res.data.code === 0) {
+            const data = res.data
+            resolve(data.data)
+          }
+        })
+          .catch(error => {
+            reject(error)
+          })
+      })
+    },
+    // 点击左侧模板数据覆盖表格内容
+    templateData(data, node) {
+      if (data && data.caseJson) {
+        this.tableData = JSON.parse(data.caseJson)
+        // 回显表格复选框
+        this.$nextTick(() => {
+          this.tableData.forEach(item => {
+            if (item.flag) {
+              this.$refs.multipleTable.toggleRowSelection(item, true)
+            }
+          })
+        })
+      } else {
+        this.tableData = Object.assign([], this.sourceData)
+      }
+    },
+    // 点击保存模板后弹框
+    handleTemplate() {
+      this.form.name = ''
+      this.queryTemplate()
+      this.templateFlag = true
+    },
+    // 保存模板时选择树节点
+    templateNodeClick(node) {
+      this.treeId = node.id
+    },
+    // 保存模板树
+    async saveTreeTemplete() {
+      if (!this.treeId) return this.$message.warning('请选择目录!')
+      const params = {
+        caseJson: JSON.stringify(this.tableData),
+        doctorId: this.doctorId,
+        name: this.form.name,
+        type: 2, // 2前段检查 3后段检查
+        treeId: this.treeId
+      }
+      const { data: res } = await this.$http.post('/treetemplate/addTreeCase', params)
+      if (res.code === 0) {
+        this.templateFlag = false
+        this.queryTreeCase()
+        this.$message.success('保存成功')
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 新增左侧描述项树弹框
+    append(type, data) {
+      this.addType = 2
+      this.form.name = ''
+      type === 1 ? this.title = '新增父级' : this.title = '新增子级'
+      type === 1 ? this.parentId = 0 : this.parentId = data.id
+      this.dialogFormVisible = true
+    },
+    // 新增左侧描述项树
+    async handleSaveCase() {
+      const params = {
+        doctorId: this.doctorId,
+        name: this.form.name,
+        weight: this.weight,
+        parentId: this.parentId,
+        platform: this.isSearch
+      }
+      const { data: res } = await this.$http.post('/treetemplate/addTree', params)
+      if (res.code === 0) {
+        this.dialogFormVisible = false
+        this.queryTreeCase()
+        this.$message.success('保存成功')
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 删除左侧树/模板节点弹框
+    remove(node, data) {
+      this.deleteId = data.id
+      let url = ''
+      if (data.type) {
+        // 模板节点
+        url = '/treetemplate/deleteTreeCase'
+      } else {
+        // 树节点
+        url = '/treetemplate/deleteTree'
+      }
+      this.$confirm('确定删除该节点?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.removeTemplate(url)
+      }).catch(() => {
+
+      })
+    },
+    // 删除左侧树/模板节点
+    async removeTemplate(url) {
+      const params = {
+        id: this.deleteId
+      }
+      const { data: res } = await this.$http.post(url, params)
+      if (res.code === 0) {
+        this.$message.success('删除成功')
+        this.queryTreeCase()
+        this.getforeList('2')
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 查询弹框模板树
+    async queryTemplate() {
+      const { data: res } = await this.$http.get('/treetemplate/findTree', {
+        params: {
+          platform: this.isSearch,
+          doctorId: this.doctorId
+        }
+      })
+      if (res.code === 0) {
+        this.treeTemplate = res.data
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 使用递归遍历树，合并模板节点和child节点
+    fn(data) {
+      data.forEach((item, i) => {
+        if (item.list && item.list.length) {
+          item.child = item.child.concat(item.list)
+          // 调用递归函数
+        }
+        if (item.child) {
+          this.fn(item.child)
+        }
+      })
+      return data
+    },
+    // 查询左侧病历树
+    async queryTreeCase() {
+      const { data: res } = await this.$http.get('/treetemplate/findTreeCase', {
+        params: {
+          type: 2,
+          platform: this.isSearch,
+          doctorId: this.doctorId
+        }
+      })
+      if (res.code === 0) {
+        this.treeCaseList = this.fn(res.data)
+      } else {
+        this.$message.error(res.msg)
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.foreBox{
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  position: relative;
+  .btnBox{
+    position: fixed;
+    right: 84px;
+    text-align: right;
+    margin-right: 16px;
+    background-color: white;
+    z-index: 999;
+  }
+  .moveIcon{
+    position: absolute;
+    left: calc(50% + 112px);
+    top: 40px;
+    z-index: 9;
+  }
+  .custom-tree-node{
+    width: 100%;
+  }
+}
+</style>
+<style lang="scss">
+.foreBox{
+  .el-form-item__content{
+    text-align: left;
+  }
+  .el-tree-node>.el-tree-node__children{
+    overflow-x: auto;
+  }
+}
+</style>
diff --git a/src/components/360View/index1.vue b/src/components/360View/index1.vue
index 2b22b90..9e2bc57 100644
--- a/src/components/360View/index1.vue
+++ b/src/components/360View/index1.vue
@@ -204,7 +204,7 @@
         ref="keyIndicatorRef"
         class="key-content"
         v-bind="$attrs"
-        :patient-id="patientBaseData.patientId"
+        :patient-id="patientId"
         :patient-id-number="patientBaseData.patientIdNumber"
       />
       <!--      数据集-->
diff --git a/src/components/360View/key-indicators.vue b/src/components/360View/key-indicators.vue
index d0c4cae..c35461f 100644
--- a/src/components/360View/key-indicators.vue
+++ b/src/components/360View/key-indicators.vue
@@ -146,8 +146,8 @@ export default {
     async getShiLiAndYanYaData() {
       const { data: res } = await this.$http.get('/patient/view/getYanZouAndYanYaData', {
         params: {
-          patientId: '200203836'
-          // patientId: this.patientId
+          // patientId: '200203836'
+          patientId: this.patientId
         }
       })
       if (res.code === 0) {
diff --git a/src/components/360View/opticalFile/index.vue b/src/components/360View/opticalFile/index.vue
index 01c53fa..9c64a31 100644
--- a/src/components/360View/opticalFile/index.vue
+++ b/src/components/360View/opticalFile/index.vue
@@ -56,7 +56,7 @@
           @save="updateForm"
           @del="deleteForm"
         />
-        <optometryForm v-if="name === '验光报告单'" ref="optome" :only-read="onlyRead" :patient-id="patientId" :is-search="isSearch" :form-content="optomeData" @save="updateForm" @del="deleteForm" />
+        <optometryForm v-if="name === '验光报告单'" ref="optome" :case-id="id" :only-read="onlyRead" :patient-id="patientId" :is-search="isSearch" @del="deleteForm" />
         <threeVision
           v-if="name === '三级视功能检查报告单'"
           ref="three"
@@ -69,7 +69,7 @@
           @save="updateForm"
           @del="deleteForm"
         />
-        <deveopmentFile v-show="name === '屈光发育档案'" ref="deveope" :only-read="onlyRead" :patient-id="patientId" :is-search="isSearch" :form-content="deveopData" @save="updateForm" @del="deleteForm" />
+        <deveopmentFile v-show="name === '屈光发育档案'" ref="deveope" :case-id="id" :only-read="onlyRead" :patient-id="patientId" :is-search="isSearch" :form-content="deveopData" @save="updateForm" @del="deleteForm" />
       </div>
     </div>
   </div>
@@ -78,8 +78,8 @@
 import ourPatientRecord from './outPatientRecord'
 import eyesVision from '@/components/360View/commonForm/eyesVision' //
 import threeVision from '@/components/360View/commonForm/threeVision' //
-import optometryForm from '@/components/360View/commonForm/optometryForm' //
-import deveopmentFile from '@/components/360View/commonForm/deveopmentFIle' //
+import optometryForm from '@/components/360View/commonForm/optometryForm-copy' //
+import deveopmentFile from '@/components/360View/commonForm/deveopmentFIle-copy' //
 export default {
   components: {
     ourPatientRecord,
@@ -132,32 +132,14 @@ export default {
       this.id = item.id
       this.name = item.name
       this.formDate = item.createTime
-      if (item.name === '双眼视功能检查报告单') {
-        this.eyesData = item.jsonText ? JSON.parse(item.jsonText) : {}
-      } else if (item.name === '验光报告单') {
-        this.optomeData = item.jsonText ? JSON.parse(item.jsonText) : {}
-        if (item.jsonText) {
+      if (item.name === '验光报告单') {
           this.$nextTick(() => {
-            this.$refs.optome.setData()
+          this.$refs.optome.queryForm()
           })
-        } else {
-          this.$nextTick(() => {
-            this.$refs.optome.reSet()
-          })
-        }
-      } else if (item.name === '三级视功能检查报告单') {
-        this.threeData = item.jsonText ? JSON.parse(item.jsonText) : {}
       } else if (item.name === '屈光发育档案') {
-        this.deveopData = item.jsonText ? JSON.parse(item.jsonText) : {}
-        if (item.jsonText) {
           this.$nextTick(() => {
-            this.$refs.deveope.setData()
+          this.$refs.deveope.queryForm()
           })
-        } else {
-          this.$nextTick(() => {
-            this.$refs.deveope.reSet()
-          })
-        }
       }
     },
     // 添加表单
@@ -216,8 +198,7 @@ export default {
           this.curIndex = 0
           this.id = this.formList.length ? this.formList[0].id : ''
           this.name = this.formList.length ? this.formList[0].name : ''
-          const jsonText = this.formList.length ? this.formList[0].jsonText : ''
-          this.handleForm(this.curIndex, { name: this.name, id: this.id, jsonText: jsonText })
+          this.handleForm(this.curIndex, { name: this.name, id: this.id })
         }
       } else {
         this.$message.error(res.msg)
@@ -479,3 +460,4 @@ export default {
   padding-left: 14px !important;
 }
 </style>
+
diff --git a/src/components/360View/routine/index.vue b/src/components/360View/routine/index.vue
index 1bf8fe5..6a5478c 100644
--- a/src/components/360View/routine/index.vue
+++ b/src/components/360View/routine/index.vue
@@ -3,7 +3,6 @@
     <div class="header">
       <div>
         <el-checkbox v-model="checkedSeJue" class="mr30">色觉检查</el-checkbox>
-        <!--        <span style="margin-right: 16px">眼别：{{ // osType }}</span>-->
         <span>OD：</span>
         <el-select v-model="odStatus" placeholder="请选择" style="display: inline-block;width: 120px;" size="small">
           <el-option
@@ -22,7 +21,6 @@
             :value="item.value"
           />
         </el-select>
-        <!--        <span style="margin-left: 32px;margin-right: 16px">眼别：{{ odType }}</span>-->
       </div>
       <div v-if="!onlyRead">
         <div size="small" style="display:inline-block;margin-left:10px;width: 32px;height: 32px;line-height:32px;text-align:center;background-color: #1e79ff;border-radius: 4px;vertical-align: middle" @click="addDataList">
@@ -229,9 +227,7 @@ export default {
         }
       ],
       routineData: {},
-      osType: '',
       osStatus: '',
-      odType: '',
       odStatus: '',
       selectionDL: [],
       selectionZJ: [],
@@ -249,19 +245,17 @@ export default {
     async getroutineDataData() {
       const { data: res } = await this.$http.get('/patient/view/getVaAndIopAndRefAndLast', {
         params: {
-          // patientId: this.patientId,
-          patientId: '2328656',
+          patientId: this.patientId,
+          // patientId: '2328656',
           date: ''
         }
       })
       if (res.code === 0) {
         this.routineData = res.data
-        this.osType = res.data.sejue.length ? res.data.sejue[0].eyeType : ''
-        this.osStatus = res.data.sejue.length ? res.data.sejue[0].eyeStatus : ''
-        this.odType = res.data.sejue.length ? res.data.sejue[1].eyeType : ''
-        this.odStatus = res.data.sejue.length ? res.data.sejue[1].eyeStatus : ''
         this.shiliLast = res.data.shiliLast || []
         this.yanyaLast = res.data.yanyaLast || []
+        this.odStatus = this.shiliLast.length ? this.shiliLast[0].odCvText : ''
+        this.osStatus = this.shiliLast.length ? this.shiliLast[0].osCvText : ''
         if (this.shiliLast.length) {
           window.localStorage.setItem('shili', JSON.stringify(res.data.shiliLast))
         } else {
@@ -337,8 +331,8 @@ export default {
           osValue: ''
         }]
         data[0].name = '色觉检查'
-        data[0].odValue = this.osType === 'OD' ? this.setResult(this.osStatus) : this.setResult(this.odStatus)
-        data[0].osValue = this.osType === 'OS' ? this.setResult(this.osStatus) : this.setResult(this.odStatus)
+        data[0].odValue = this.odStatus
+        data[0].osValue = this.osStatus
         data[0].id = 'SJ001'
         dataArray = dataArray.concat(data)
       }
diff --git a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/informBook/rgp-book.vue b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/informBook/rgp-book.vue
index 8c3aa87..058efe2 100644
--- a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/informBook/rgp-book.vue
+++ b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/informBook/rgp-book.vue
@@ -239,7 +239,7 @@ export default {
   },
   mounted() {
     this.doctorSignDate = this.$moment().format('YYYY-MM-DD')
-    this.getNoticeName()
+    // this.getNoticeName()
   },
   methods: {
     selectRadio(index) {