From 66af7f3b81b31773c3eb2d841f6eedfa7139dacf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Wed, 8 May 2024 11:12:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/components/visitRecords.vue  |   8 +-
 src/views/manage/visitin/index.vue            |   2 +-
 src/views/manage/visitout/index.vue           |   2 +-
 src/views/system/record/record.vue            | 345 +++++-------------
 .../index.vue                                 |  12 +-
 5 files changed, 110 insertions(+), 259 deletions(-)

diff --git a/src/views/manage/components/visitRecords.vue b/src/views/manage/components/visitRecords.vue
index ab42ea1..8f3c860 100644
--- a/src/views/manage/components/visitRecords.vue
+++ b/src/views/manage/components/visitRecords.vue
@@ -49,16 +49,16 @@
             </div>
             <div class="righttext" v-if="categoryItem">
                 <div v-if="recordindex == 0">
-                    <p>{{ categoryItem.inHospitalInfo }}</p>
+                    <p v-html="categoryItem.inHospitalInfo"></p>
                 </div>
                 <div v-if="recordindex == 1">
-                    <p>{{ categoryItem.outHospitalInfo }}</p>
+                    <p v-html="categoryItem.outHospitalInfo"></p>
                 </div>
                 <div v-if="recordindex == 2">
-                    <p>{{ categoryItem.surgicalRecord }}</p>
+                    <p v-html="categoryItem.surgicalRecord"></p>
                 </div>
                 <div v-if="recordindex == 3">
-                    <p>{{ categoryItem.inHospitalInfo }}</p>
+                    <p v-html="categoryItem.inHospitalInfo"></p>
                 </div>
             </div>
         </div>
diff --git a/src/views/manage/visitin/index.vue b/src/views/manage/visitin/index.vue
index f429807..8c6927a 100644
--- a/src/views/manage/visitin/index.vue
+++ b/src/views/manage/visitin/index.vue
@@ -283,7 +283,7 @@
           <el-input v-model="form.surgicalName" placeholder="请输入手术名称" style="width:200px" />
         </el-form-item>
         <el-form-item label="手术记录" prop="surgicalRecord" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
-          <el-input type="textarea" v-model="form.surgicalRecord" style="width:800px" placeholder="请输入手术记录" :rows="8" />
+          <editor v-model="form.surgicalRecord" :min-height="192" />
         </el-form-item>
         <el-form-item label="病历内容">
           <editor v-model="form.inHospitalInfo" :min-height="192" />
diff --git a/src/views/manage/visitout/index.vue b/src/views/manage/visitout/index.vue
index 2e50176..83ff09d 100644
--- a/src/views/manage/visitout/index.vue
+++ b/src/views/manage/visitout/index.vue
@@ -301,7 +301,7 @@
           <el-input v-model="form.surgicalName" placeholder="请输入手术名称" style="width:200px" />
         </el-form-item>
         <el-form-item label="手术记录" prop="surgicalRecord" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
-          <el-input type="textarea" v-model="form.surgicalRecord" style="width:800px" placeholder="请输入手术记录" :rows="8" />
+          <editor v-model="form.surgicalRecord" :min-height="192" />
         </el-form-item>
         <el-form-item label="入院病历">
           <editor v-model="form.inHospitalInfo" :min-height="192" />
diff --git a/src/views/system/record/record.vue b/src/views/system/record/record.vue
index a096995..07a1494 100644
--- a/src/views/system/record/record.vue
+++ b/src/views/system/record/record.vue
@@ -2,18 +2,8 @@
   <div class="header">
     <div class="topheader">
       <div class="user">
-        <img
-          class="headsculpture"
-          src="../../../assets/manage/touxiang.png"
-          alt=""
-          v-if="list.sex == 'MALE'"
-        />
-        <img
-          class="headsculpture"
-          src="../../../assets/manage/nvtouxiang.png"
-          alt=""
-          v-if="list.sex == 'FEMALE'"
-        />
+        <img class="headsculpture" src="../../../assets/manage/touxiang.png" alt="" v-if="list.sex == 'MALE'" />
+        <img class="headsculpture" src="../../../assets/manage/nvtouxiang.png" alt="" v-if="list.sex == 'FEMALE'" />
         <div class="name">
           {{ list.patientName }}
         </div>
@@ -24,31 +14,16 @@
           {{ list.age }}
         </div>
         <div class="source">
-          <div
-            class="item"
-            style="color: #00e06e; border-color: #00e06e"
-            v-if="list.patientSource == 'WE_CHAT_OFFICIAL_ACCOUNT'"
-          >
-            <img
-              src="../../../assets/manage/gzh.png"
-              alt=""
-              style="width: 24px"
-            />
+          <div class="item" style="color: #00e06e; border-color: #00e06e"
+            v-if="list.patientSource == 'WE_CHAT_OFFICIAL_ACCOUNT'">
+            <img src="../../../assets/manage/gzh.png" alt="" style="width: 24px" />
             <div>公众号</div>
           </div>
-          <div
-            class="item"
-            style="color: #339de5; border-color: #339de5"
-            v-if="list.patientSource == 'WE_CHAT_APPLET'"
-          >
+          <div class="item" style="color: #339de5; border-color: #339de5" v-if="list.patientSource == 'WE_CHAT_APPLET'">
             <img src="../../../assets/manage/xcx.png" alt="" />
             <div>小程序</div>
           </div>
-          <div
-            class="item"
-            style="color: #f4881f; border-color: #f4881f"
-            v-if="list.patientSource == 'MANAGE_END'"
-          >
+          <div class="item" style="color: #f4881f; border-color: #f4881f" v-if="list.patientSource == 'MANAGE_END'">
             <img src="../../../assets/manage/gld.png" alt="" />
             <div>管理端</div>
           </div>
@@ -107,13 +82,13 @@
             <el-tab-pane label="入院记录" name="first">
               <div>
                 {{ list.inHospitalInfo }}
-              </div></el-tab-pane
-            >
+              </div>
+            </el-tab-pane>
             <el-tab-pane label="手术记录" name="second">
               <div>{{ list.surgicalRecord }}</div>
             </el-tab-pane>
-            <el-tab-pane label="出院记录" name="third"
-              ><div>{{ list.outHospitalInfo }}</div>
+            <el-tab-pane label="出院记录" name="third">
+              <div>{{ list.outHospitalInfo }}</div>
             </el-tab-pane>
           </el-tabs>
         </div>
@@ -127,202 +102,88 @@
                 {{ formview.propagandaContent }}
               </div>
               <img :src="baseUrl + formview.propagandaCoverPath" alt="" />
-              <video
-                v-if="materialsType == 'VIDEO'"
-                ref="myVideo"
-                :src="baseUrl + materialsFilePath"
-                controls
-              ></video>
+              <video v-if="materialsType == 'VIDEO'" ref="myVideo" :src="baseUrl + materialsFilePath" controls></video>
             </div>
           </div>
         </div>
         <!-- 问卷模板 -->
-        <div
-          class="right"
-          v-if="
-            $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-            $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-          "
-        >
-          <div
-            style="float: right; margin-top: 20px"
-            v-if="
-              $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-              $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-            "
-          >
-            <el-form
-              :inline="true"
-              class="demo-form-inline"
-              :model="questiondata"
-              ref="questiondata"
-            >
+        <div class="right" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
+          ">
+          <div style="float: right; margin-top: 20px" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
+          ">
+            <el-form :inline="true" class="demo-form-inline" :model="questiondata" ref="questiondata">
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input
-                  type="textarea"
-                  disabled
-                  placeholder="请输入任务处理信息"
-                  v-model="questiondata.routeHandleRemark"
-                />
+                <el-input type="textarea" disabled placeholder="请输入任务处理信息" v-model="questiondata.routeHandleRemark" />
               </el-form-item>
             </el-form>
           </div>
-          <div
-            class="sport"
-            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
-          >
+          <div class="sport" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
             问卷模板: Barthel指数评定问卷
           </div>
-          <div
-            class="words"
-            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
-          >
+          <div class="words" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
             您好!本问卷用于评估日常生活能力，请根据自身日常实际表现选择合适的选项。
           </div>
 
-          <div
-            class="sport"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
+          <div class="sport" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
             人工随访模板: 神经内科人工随访
           </div>
-          <div
-            class="words"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
+          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
             **您好!
           </div>
-          <div
-            class="words"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
+          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
             我是✕✕医院的工作人员，今天给您打电话想要了解一下您的恢复情况。
           </div>
 
-          <div
-            class="words"
-            v-for="(item, index) in questiondata.subjectResultList"
-            :key="index"
-          >
+          <div class="words" v-for="(item, index) in questiondata.subjectResultList" :key="index">
             {{ index + 1 }}.{{ item.questionName }}
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE'"
-              >（单选题）</span
-            >
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
-              >（多选题）</span
-            >
-            <span v-if="item.questionType == 'SCORING_QUESTIONS'"
-              >（打分题）</span
-            >
-            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
-              >（组合单选题）</span
-            >
-            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
-              >（组合多选题）</span
-            >
-            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
-              >（组合填空题）</span
-            >
-            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'"
-              >（填空题）</span
-            >
-            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'"
-              >（组合打分题）</span
-            >
-            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
-              >（日期填空题）</span
-            >
-            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
-              >（时间填空题）</span
-            >
-            <el-radio-group
-              v-if="
-                item.questionType == 'MULTIPLE_CHOICE' ||
-                item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
-                item.questionType == 'SCORING_QUESTIONS' ||
-                item.questionType == 'COMBINATION_SCORING_SUBJECT'
-              "
-              v-model="item.checked"
-              class="custom-radio-group"
-              @change="radioGroupChange($event, item)"
-            >
-              <el-radio
-                disabled
-                class="custom"
-                v-for="(aitem, aindex) in item.optionResults"
-                :key="aindex"
-                :label="aitem.id"
-                @change="radioChange($event, aitem, index)"
-                >{{ aitem.optionName }}</el-radio
-              >
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE'">（单选题）</span>
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'">（多选题）</span>
+            <span v-if="item.questionType == 'SCORING_QUESTIONS'">（打分题）</span>
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'">（组合单选题）</span>
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'">（组合多选题）</span>
+            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'">（组合填空题）</span>
+            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'">（填空题）</span>
+            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'">（组合打分题）</span>
+            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'">（日期填空题）</span>
+            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">（时间填空题）</span>
+            <el-radio-group v-if="item.questionType == 'MULTIPLE_CHOICE' ||
+          item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
+          item.questionType == 'SCORING_QUESTIONS' ||
+          item.questionType == 'COMBINATION_SCORING_SUBJECT'
+          " v-model="item.checked" class="custom-radio-group" @change="radioGroupChange($event, item)">
+              <el-radio disabled class="custom" v-for="(aitem, aindex) in item.optionResults" :key="aindex"
+                :label="aitem.id" @change="radioChange($event, aitem, index)">{{ aitem.optionName }}</el-radio>
             </el-radio-group>
             <!-- 多选、组合多选 -->
-            <el-checkbox-group
-              v-model="checkeddata"
-              @change="radioGroupChange($event, item, 'checkbox')"
-              v-if="
-                item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
-                item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
-              "
-            >
-              <el-checkbox
-                disabled
-                v-for="(aitem, aindex) in item.optionResults"
-                :key="aindex"
-                :label="aitem.id"
-                @change="radioChangecheck($event, aitem, index, aindex)"
-                >{{ aitem.optionName }}</el-checkbox
-              >
+            <el-checkbox-group v-model="checkeddata" @change="radioGroupChange($event, item, 'checkbox')" v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
+          item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
+          ">
+              <el-checkbox disabled v-for="(aitem, aindex) in item.optionResults" :key="aindex" :label="aitem.id"
+                @change="radioChangecheck($event, aitem, index, aindex)">{{ aitem.optionName }}</el-checkbox>
             </el-checkbox-group>
             <!-- 填空题、组合填空 -->
-            <div
-              v-if="
-                item.questionType == 'FILL_IN_THE_BLANKS' ||
-                item.questionType == 'COMBINATION_BLANKS_SUBJECT'
-              "
-              class="tk"
-            >
-              <el-input
-                disabled
-                v-model="item.fillBlanksAnswer"
-                placeholder="请输入答案"
-                type="textarea"
-              />
+            <div v-if="item.questionType == 'FILL_IN_THE_BLANKS' ||
+          item.questionType == 'COMBINATION_BLANKS_SUBJECT'
+          " class="tk">
+              <el-input disabled v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
               <!-- <el-input></el-input> -->
             </div>
             <!-- 日期填空题、 -->
-            <div
-              v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
-              style="margin: 20px 0 10px 30px"
-            >
-              <el-date-picker
-                disabled
-                @change="timepicker($event, index)"
-                clearable
-                v-model="item.fillBlanksAnswer"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择日期"
-              >
+            <div v-if="item.questionType == 'DATE_BLANKS_SUBJECT'" style="margin: 20px 0 10px 30px">
+              <el-date-picker disabled @change="timepicker($event, index)" clearable v-model="item.fillBlanksAnswer"
+                type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
               </el-date-picker>
             </div>
             <!-- 时间填空题 -->
-            <div
-              style="margin: 20px 0 10px 30px"
-              v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
-            >
-              <el-time-select
-                disabled
-                @change="timepickerselect($event, index)"
-                clearable
-                v-model="item.fillBlanksAnswer"
-                :picker-options="{
-                  start: '08:30',
-                  step: '00:30',
-                  end: '23:30',
-                }"
-                placeholder="选择时间"
-              >
+            <div style="margin: 20px 0 10px 30px" v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">
+              <el-time-select disabled @change="timepickerselect($event, index)" clearable
+                v-model="item.fillBlanksAnswer" :picker-options="{
+          start: '08:30',
+          step: '00:30',
+          end: '23:30',
+        }" placeholder="选择时间">
               </el-time-select>
             </div>
           </div>
@@ -332,43 +193,20 @@
           <div class="sport">电话外呼</div>
 
           <div class="nexttime">
-            <el-form
-              ref="form"
-              :model="formlist"
-              label-width="110px"
-              :inline="true"
-            >
+            <el-form ref="form" :model="formlist" label-width="110px" :inline="true">
               <el-form-item label="话术名称" prop="scriptName">
-                <el-input
-                  disabled
-                  v-model="formlist.scriptName"
-                  placeholder="请输入话术名称"
-                />
+                <el-input disabled v-model="formlist.scriptName" placeholder="请输入话术名称" />
               </el-form-item>
               <br />
               <el-form-item label="通用话术名称" prop="commonScriptName">
-                <el-input
-                  disabled
-                  v-model="formlist.commonScriptName"
-                  placeholder="请输入通用话术名称"
-                />
+                <el-input disabled v-model="formlist.commonScriptName" placeholder="请输入通用话术名称" />
               </el-form-item>
               <br />
               <el-form-item label="话术简介" prop="scriptIntroduction">
-                <el-input
-                  disabled
-                  type="textarea"
-                  v-model="formlist.scriptIntroduction"
-                  placeholder="请输入话术简介"
-                />
+                <el-input disabled type="textarea" v-model="formlist.scriptIntroduction" placeholder="请输入话术简介" />
               </el-form-item>
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input
-                  type="textarea"
-                  disabled
-                  placeholder="请输入任务处理信息"
-                  v-model="formlist.routeHandleRemark"
-                />
+                <el-input type="textarea" disabled placeholder="请输入任务处理信息" v-model="formlist.routeHandleRemark" />
               </el-form-item>
             </el-form>
           </div>
@@ -378,20 +216,10 @@
           <div class="sport">文字提醒</div>
 
           <div class="nexttime">
-            <el-form
-              ref="form"
-              :model="formlists"
-              label-width="110px"
-              :inline="true"
-            >
+            <el-form ref="form" :model="formlists" label-width="110px" :inline="true">
               <el-form-item label="提醒内容" prop="textRemindContent">
-                <el-input
-                  disabled
-                  type="textarea"
-                  style="width: 500px"
-                  v-model="formlists.textRemindContent"
-                  placeholder="请输入提醒内容"
-                />
+                <el-input disabled type="textarea" style="width: 500px" v-model="formlists.textRemindContent"
+                  placeholder="请输入提醒内容" />
               </el-form-item>
             </el-form>
           </div>
@@ -401,7 +229,7 @@
   </div>
 </template>
 
-  <script>
+<script>
 import { getPropaganda } from "@/api/manage/propaganda";
 
 import {
@@ -520,7 +348,7 @@ export default {
       this.questiondata.questionSubjectList[index].optionAnswer = e;
     },
 
-    radioGroupChange(e, item) {},
+    radioGroupChange(e, item) { },
     // 选中某个单选框时，由radio时触发
     radioChange(e, item, index) {
       console.log(e, item, index, "选中某个单选框时");
@@ -561,40 +389,48 @@ export default {
   },
 };
 </script>
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
 .tk {
   ::v-deep .el-textarea__inner {
     margin: 20px 0 10px 30px;
   }
 }
+
 ::v-deep .el-radio {
   padding: 10px;
 }
+
 ::v-deep .el-checkbox-group {
   display: flex;
   flex-direction: column;
   padding: 10px 0px 10px 24px;
 }
+
 ::v-deep .el-checkbox {
   padding: 10px 0 10px 0px;
   // padding: 10px;
 }
+
 .custom-radio-group {
   display: flex;
   flex-direction: column;
   padding: 10px 0 10px 10px;
+
   .custom {
     padding: 10px 0 10px 10px;
   }
 }
+
 .custom-radio-group {
   display: flex;
   flex-direction: column;
   padding: 10px 0 10px 10px;
+
   .custom {
     padding: 10px 0 10px 10px;
   }
 }
+
 .bodytop {
   position: relative;
   top: 20px;
@@ -604,37 +440,45 @@ export default {
   // background: red;f
   overflow: auto;
   border: 1px solid #e2e2e2;
+
   .titledata {
     margin: 30px 0px 15px 30px;
     top: 14px;
     font-size: 20px;
   }
+
   .audiotop {
     margin: 10px 0px 10px 30px;
   }
+
   img {
     // width: 362px;
     // height: 127px;
     margin: 0px 0px 0px 30px;
   }
+
   video {
     margin: 0px 0px 0px 30px;
   }
+
   .know {
     margin: 11px 0px 10px 30px;
     font-size: 20px;
     font-weight: 550;
   }
+
   .knowlist {
     margin: 10px 0px 10px 30px;
     font-size: 16px;
   }
 }
+
 .right {
   width: 70%;
   height: 500px;
   // background: yellow;
 }
+
 .header {
   background-color: #f1f3f5;
   padding-top: 10px;
@@ -653,15 +497,18 @@ export default {
     background-color: #fff;
     margin: 10px auto;
     padding: 10px 20px;
+
     .sport {
       padding: 10px 50px 10px 10px;
       font-size: 20px;
       font-weight: 600;
     }
+
     .words {
       font-size: 15px;
       padding: 10px 50px 10px 10px;
     }
+
     .sports {
       position: absolute;
       left: 50%;
@@ -669,21 +516,25 @@ export default {
       font-size: 18px;
       font-weight: 600;
     }
+
     .word {
       font-size: 14px;
       font-weight: 550;
       padding: 50px 50px 10px 10px;
     }
+
     .videoleft {
       width: 40%;
       height: 200px;
       background: red;
     }
+
     .time {
       font-size: 20px;
       font-weight: 550;
       padding: 10px 50px 10px 10px;
     }
+
     .number {
       width: 25px;
       height: 25px;
@@ -693,21 +544,25 @@ export default {
       background: blue;
       border-radius: 50%;
     }
+
     .nexttime {
       font-size: 15px;
       padding: 10px 50px 10px 10px;
     }
+
     .images {
       width: 53%;
       height: 241px;
       margin: 0 auto;
       background: red;
     }
+
     .attention {
       font-size: 14px;
       font-weight: 550;
       padding: 10px 50px 10px 10px;
     }
+
     // .videobottom
     // {
     //   font-size: 14px;
diff --git a/src/views/unitconfig/PatientConfigurationVisitRecords/index.vue b/src/views/unitconfig/PatientConfigurationVisitRecords/index.vue
index a15507f..f505948 100644
--- a/src/views/unitconfig/PatientConfigurationVisitRecords/index.vue
+++ b/src/views/unitconfig/PatientConfigurationVisitRecords/index.vue
@@ -86,20 +86,16 @@
                         </el-date-picker>
                     </el-form-item>
                     <el-form-item label="手术记录" prop="surgicalRecord" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
-                        <el-input type="textarea" v-model="form.surgicalRecord" style="width:800px"
-                            :rows="8"></el-input>
+                        <editor v-model="form.surgicalRecord" :min-height="192" />
                     </el-form-item>
                     <el-form-item label="入院病历" prop="inHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
-                        <el-input type="textarea" v-model="form.inHospitalInfo" style="width:800px"
-                            :rows="8"></el-input>
+                        <editor v-model="form.inHospitalInfo" :min-height="192" />
                     </el-form-item>
                     <el-form-item label="门诊病历" prop="inHospitalInfo" v-if="form.visitMethod == 'OUTPATIENT_SERVICE'">
-                        <el-input type="textarea" v-model="form.inHospitalInfo" style="width:800px"
-                            :rows="8"></el-input>
+                        <editor v-model="form.inHospitalInfo" :min-height="192" />
                     </el-form-item>
                     <el-form-item label="出院病历" prop="outHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
-                        <el-input type="textarea" v-model="form.outHospitalInfo" style="width:800px"
-                            :rows="8"></el-input>
+                        <editor v-model="form.outHospitalInfo" :min-height="192" />
                     </el-form-item>
                 </el-form>
             </div>