子路径

src/api/system/specialDiseaseNode.js

@@ -7,6 +7,14 @@ export function taskPartitionList(taskTypeId) {
         method: 'get',
     })
 }
+export function triggerCondition(data) {
+    return request({
+        url: `/system/triggerCondition/edit`,
+        method: 'put',
+        data
+    })
+}
+
 export function list(parentDictCode) {
     return request({
         url: `/system/dict/data/list?parentDictCode=${parentDictCode}`,

src/views/system/followupdetails/index.vue

@@ -2,8 +2,18 @@
   <div class="header">
     <div class="topheader">
       <div class="user">
-        <img class="headsculpture" src="../../../assets/manage/touxiang.png" alt="" v-if="list.sex == 'MALE'" />
+        <img
-        <img class="headsculpture" src="../../../assets/manage/nvtouxiang.png" alt="" v-if="list.sex == 'FEMALE'" />
+          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>
@@ -37,83 +47,191 @@
     <div class="bottomheader">
       <div style="display: flex">
         <!-- 问卷模板 -->
-        <div class="right" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+        <div
-          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
+          class="right"
-          ">
+          v-if="
-          <div style="float: right; margin-top: 20px" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+            $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
+            $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-          ">
+          "
-            <el-form :inline="true" class="demo-form-inline" :model="questiondata" :rules="rules" ref="questiondata">
+        >
+          <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"
+              :rules="rules"
+              ref="questiondata"
+            >
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input disabled type="textarea" placeholder="请输入任务处理信息" v-model="questiondata.routeHandleRemark" />
+                <el-input
+                  disabled
+                  type="textarea"
+                  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'"
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'">（多选题）</span>
+              >（单选题）</span
-            <span v-if="item.questionType == 'SCORING_QUESTIONS'">（打分题）</span>
+            >
-            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'">（组合单选题）</span>
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
-            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'">（组合多选题）</span>
+              >（多选题）</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 == 'SCORING_QUESTIONS'"
-            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'">（组合打分题）</span>
+              >（打分题）</span
-            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'">（日期填空题）</span>
+            >
-            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">（时间填空题）</span>
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
-            <el-radio-group v-if="item.questionType == 'MULTIPLE_CHOICE' ||
+              >（组合单选题）</span
-          item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
+            >
-          item.questionType == 'SCORING_QUESTIONS' ||
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
-          item.questionType == 'COMBINATION_SCORING_SUBJECT'
+              >（组合多选题）</span
-          " v-model="item.checked" class="custom-radio-group">
+            >
-              <el-radio disabled class="custom" v-for="(aitem, aindex) in item.optionResults" :key="aindex"
+            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
-                :label="aitem.id" @change="radioChange($event, aitem, index)">{{ aitem.optionName }}</el-radio>
+              >（组合填空题）</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"
+            >
+              <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" v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
+            <el-checkbox-group
-          item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
+              v-model="checkeddata"
-          ">
+              v-if="
-              <el-checkbox disabled v-for="(aitem, aindex) in item.optionResults" :key="aindex" :label="aitem.id"
+                item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
-                @change="radioChangecheck($event, aitem, index, aindex)">{{ aitem.optionName }}</el-checkbox>
+                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' ||
+            <div
-          item.questionType == 'COMBINATION_BLANKS_SUBJECT'
+              v-if="
-          " class="tk">
+                item.questionType == 'FILL_IN_THE_BLANKS' ||
-              <el-input disabled v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
+                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">
+            <div
-              <el-date-picker disabled @change="timepicker($event, index)" clearable v-model="item.fillBlanksAnswer"
+              v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
-                type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
+              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'">
+            <div
-              <el-time-select disabled @change="timepickerselect($event, index)" clearable
+              style="margin: 20px 0 10px 30px"
-                v-model="item.fillBlanksAnswer" :picker-options="{
+              v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
-          start: '08:30',
+            >
-          step: '00:30',
+              <el-time-select
-          end: '23:30',
+                disabled
-        }" placeholder="选择时间">
+                @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>
@@ -164,20 +282,33 @@
               </el-form-item>
             </el-form>
           </div> -->
-        <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
+          <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
           <div class="sport">电话外呼</div>
 
           <div class="nexttime">
-            <el-form ref="formlist" :model="formlist" label-width="110px" :inline="true">
+            <el-form
-              <!-- <br/> -->
+              ref="formlist"
+              :model="formlist"
+              label-width="110px"
+              :inline="true"
+
+            >
+            <!-- <br/> -->
               <el-form-item label="是否接通" prop="phone">
-                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED">已接通</el-radio>
+                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED"
-                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED">未接通</el-radio>
+                  >已接通</el-radio
+                >
+                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED"
+                  >未接通</el-radio
+                >
               </el-form-item>
               <br />
 
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input v-model="formlist.routeHandleRemark" placeholder="请输入任务处理信息" />
+                <el-input
+                  v-model="formlist.routeHandleRemark"
+                  placeholder="请输入任务处理信息"
+                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术名称" prop="scriptName">
@@ -190,7 +321,11 @@
               </el-form-item> -->
               <!-- <br /> -->
               <el-form-item label="通用话术名称" prop="phoneTemplateName">
-                <el-input disabled v-model="formlist.phoneTemplateName" placeholder="请输入通用话术名称" />
+                <el-input
+                  disabled
+                  v-model="formlist.phoneTemplateName"
+                  placeholder="请输入通用话术名称"
+                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术简介" prop="scriptIntroduction">
@@ -225,28 +360,52 @@
                   inactive-value="0"
                 >
                 </el-switch> -->
-                <el-radio disabled v-model="formlist.phonePushSign" label="1">已开启</el-radio>
+                <el-radio disabled v-model="formlist.phonePushSign" label="1"
-                <el-radio disabled v-model="formlist.phonePushSign" label="0">未开启</el-radio>
+                  >已开启</el-radio
+                >
+                <el-radio  disabled v-model="formlist.phonePushSign" label="0"
+                  >未开启</el-radio
+                >
               </el-form-item>
               <br />
 
               <el-form-item label="电话" prop="patientPhone">
-                <el-input disabled v-model="formlist.patientPhone" placeholder="请输入电话" />
+                <el-input
+                  disabled
+                  v-model="formlist.patientPhone"
+                  placeholder="请输入电话"
+                />
               </el-form-item>
               <br />
               <!-- <div style="background:red;width:200px;height:1600px"> -->
               <el-form-item label="重复次数" prop="phoneRedialTimes">
-                <el-select v-model="formlist.phoneRedialTimes" disabled style="width: 200px">
+                <el-select
-                  <el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
+                  v-model="formlist.phoneRedialTimes"
-                    :value="item.dictValue">
+                  disabled
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in optionslistS"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
               <br />
               <el-form-item label="发送短信" prop="phone">
-                <el-select disabled v-model="formlist.phoneMessageRemind" style="width: 200px">
+                <el-select
-                  <el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
+                  disabled
-                    :value="item.dictValue">
+                  v-model="formlist.phoneMessageRemind"
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in optionslist"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
                 <!-- <el-input
@@ -258,35 +417,43 @@
               <br />
 
               <el-form-item label="话术图" prop="phone">
-                <img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
+                <img
+                  :src="formlist.scriptFilePath"
+                  style="width: 250px; height: 200px"
+
+                />
               </el-form-item>
               <br />
               <div class="pushMethod">
-                <el-form-item label="短信模板：" prop="phone">
+              <el-form-item label="短信模板：" prop="phone">
-                  <span class="spanname">
+                <span class="spanname">
-                    <message style="width: 200px;height:100px" @on-template="messageontemplateMESSAGE"
+                  <message
-                      :templateId="formlist.phoneMessageTemplateId" :templateName="formlist.phoneMessageTemplateName">
+                  style="width: 200px;height:100px"
-                    </message>
+                  @on-template="messageontemplateMESSAGE"
-                  </span>
+                  :templateId="formlist.phoneMessageTemplateId"
+                  :templateName="formlist.phoneMessageTemplateName"
+                ></message>
+                </span>
 
-                </el-form-item>
+              </el-form-item>
-              </div>
+            </div>
 
             </el-form>
           </div>
         </div>
+        </div>
       </div>
     </div>
-  </div>
 </template>
 
-<script>
+      <script>
-import message from "../components/message.vue";
+import { selectFollowPatientInfo, question, addPatientQuestionResult,  selectPhonePush, } from "@/api/system/followupsee";
-import { selectFollowPatientInfo, question, addPatientQuestionResult, selectPhonePush, } from "@/api/system/followupsee";
 import {
   selectPatientQuestionSubmit,
 } from "@/api/system/taskExecuteRecord";
 import { getScript } from "@/api/manage/script";
+import message from "../components/message.vue";
+
 import Cookies from 'js-cookie'
 export default {
   components: {
@@ -299,8 +466,8 @@ export default {
       checkList: [],
       checked: false,
       formlist: {},
-      optionslistS: [],
+      optionslistS:[],
-      optionslist: [],
+      optionslist:[],
       rules: {
         routeHandleRemark: [
           { required: true, message: '请输入任务处理信息', trigger: 'change' }
@@ -317,7 +484,7 @@ export default {
         routeHandlePerson: null,
         routeHandleId: null,
       },
-      optionslist: [],
+      optionslist:[],
 
     };
 
@@ -343,8 +510,8 @@ export default {
     }
   },
   methods: {
-    // 发送短信
+        // 发送短信
-    infolistword() {
+        infolistword() {
       var dictType = "text_message_remind";
       getAgencytype(dictType).then((res) => {
         this.optionslist = res.data;
@@ -473,266 +640,238 @@ export default {
 
   },
 };
-</script>
+    </script>
-<style lang="scss" scoped>
+       <style lang="scss" scoped>
+       ::v-deep .el-input.is-disabled .el-input__inner {
+         background: #fff !important;
+         color: #606266;
+       }
+       .pushMethod {
+        height: 30px;
+        // margin-top: 30px;
+        line-height: 30px;
+        font-size: 13px;
+        color: #64666a;
+        .spanname {
+          width: 100%;
+          
+          pointer-events: none;
+        }
+      }
 ::v-deep .el-input.is-disabled .el-input__inner {
   background: #fff !important;
   color: #606266;
 }
+       ::v-deep .el-textarea.is-disabled .el-textarea__inner {
+         color: #606266;
+         background: #fff;
+       }
+       .tk {
+         ::v-deep .el-textarea__inner {
+           margin: 20px 0 10px 30px;
+         }
+       }
 
-.pushMethod {
+       ::v-deep .el-radio {
-  height: 30px;
+         padding: 10px;
-  // margin-top: 30px;
+       }
-  line-height: 30px;
+       ::v-deep .el-checkbox-group {
-  font-size: 13px;
+         display: flex;
-  color: #64666a;
+         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;
+         }
+       }
+       .bodytop {
+         position: relative;
+         top: 20px;
+         // height: 500px;
+         width: 400px;
+         margin: 0 auto;
+         // 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;
+         }
+         .know {
+           margin: 11px 0px 10px 30px;
+           font-size: 20px;
+           font-weight: 550;
+         }
+         .knowlist {
+           margin: 10px 0px 10px 30px;
+           font-size: 16px;
+         }
+       }
+       .right {
+         width: 100%;
+         height: 500px;
+         // background: yellow;
+       }
+       .header {
+         background-color: #f1f3f5;
+         padding-top: 10px;
 
-  .spanname {
+         ::v-deep .el-tabs__header {
-    width: 100%;
+           margin: 0 !important;
+           width: 100%;
+           // overflow: auto;
+           // height: 500px;
+           // background: red;
+         }
 
-    pointer-events: none;
+         .bottomheader {
-  }
+          overflow-y: scroll;
-}
-
-::v-deep .el-input.is-disabled .el-input__inner {
-  background: #fff !important;
-  color: #606266;
-}
-
-::v-deep .el-textarea.is-disabled .el-textarea__inner {
-  color: #606266;
-  background: #fff;
-}
-
-.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;
-  }
-}
-
-.bodytop {
-  position: relative;
-  top: 20px;
-  // height: 500px;
-  width: 400px;
-  margin: 0 auto;
-  // 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;
-  }
-
-  .know {
-    margin: 11px 0px 10px 30px;
-    font-size: 20px;
-    font-weight: 550;
-  }
-
-  .knowlist {
-    margin: 10px 0px 10px 30px;
-    font-size: 16px;
-  }
-}
-
-.right {
-  width: 100%;
-  height: 500px;
-  // background: yellow;
-}
-
-.header {
-  background-color: #f1f3f5;
-  padding-top: 10px;
-
-  ::v-deep .el-tabs__header {
-    margin: 0 !important;
-    width: 100%;
-    // overflow: auto;
-    // height: 500px;
-    // background: red;
-  }
-
-  .bottomheader {
-    overflow-y: scroll;
     width: 99%;
     height: 67vh;
     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%;
+             transform: translate(-50%);
+             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;
+             text-align: center;
+             display: inline-block;
+             color: white;
+             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;
+           //   font-weight: 550;
+           //   padding: 10px 50px 10px 10px;
+           // }
+         }
 
-    .sport {
+         .topheader {
-      padding: 10px 50px 10px 10px;
+           width: 99%;
-      font-size: 20px;
+           background-color: #fff;
-      font-weight: 600;
+           margin: 0 auto;
-    }
 
-    .words {
+           .information {
-      font-size: 15px;
+             display: flex;
-      padding: 10px 50px 10px 10px;
+             flex-wrap: wrap;
-    }
+             padding: 10px 20px;
+             height: 110px;
 
-    .sports {
+             .top,
-      position: absolute;
+             .bottom {
-      left: 50%;
+               color: #666666;
-      transform: translate(-50%);
+               width: 100%;
-      font-size: 18px;
+               display: flex;
-      font-weight: 600;
-    }
 
-    .word {
+               div {
-      font-size: 14px;
+                 width: 25%;
-      font-weight: 550;
+               }
-      padding: 50px 50px 10px 10px;
+             }
-    }
+           }
 
-    .videoleft {
+           .user {
-      width: 40%;
+             width: 100%;
-      height: 200px;
+             padding: 0 20px;
-      background: red;
+             display: flex;
-    }
+             height: 80px;
+             align-items: center;
+             line-height: 80px;
 
-    .time {
+             .source {
-      font-size: 20px;
+               display: flex;
-      font-weight: 550;
+               position: relative;
-      padding: 10px 50px 10px 10px;
+               right: 59px;
-    }
+               position: absolute;
+               .item {
+                 margin-left: 20px;
+               }
+             }
 
-    .number {
+             .name {
-      width: 25px;
+               font-size: 20px;
-      height: 25px;
+               padding-left: 12px;
-      text-align: center;
+             }
-      display: inline-block;
-      color: white;
-      background: blue;
-      border-radius: 50%;
-    }
 
-    .nexttime {
+             .gender {
-      font-size: 15px;
+               padding-left: 10px;
-      padding: 10px 50px 10px 10px;
+             }
-    }
 
-    .images {
+             .age {
-      width: 53%;
+               padding-left: 10px;
-      height: 241px;
+             }
-      margin: 0 auto;
-      background: red;
-    }
 
-    .attention {
+             .headsculpture {
-      font-size: 14px;
+               border-radius: 50%;
-      font-weight: 550;
+               width: 40px;
-      padding: 10px 50px 10px 10px;
+               height: 40px;
-    }
+             }
+           }
+         }
+       }
+       </style>
 
-    // .videobottom
-    // {
-    //   font-size: 14px;
-    //   font-weight: 550;
-    //   padding: 10px 50px 10px 10px;
-    // }
-  }
-
-  .topheader {
-    width: 99%;
-    background-color: #fff;
-    margin: 0 auto;
-
-    .information {
-      display: flex;
-      flex-wrap: wrap;
-      padding: 10px 20px;
-      height: 110px;
-
-      .top,
-      .bottom {
-        color: #666666;
-        width: 100%;
-        display: flex;
-
-        div {
-          width: 25%;
-        }
-      }
-    }
-
-    .user {
-      width: 100%;
-      padding: 0 20px;
-      display: flex;
-      height: 80px;
-      align-items: center;
-      line-height: 80px;
-
-      .source {
-        display: flex;
-        position: relative;
-        right: 59px;
-        position: absolute;
-
-        .item {
-          margin-left: 20px;
-        }
-      }
-
-      .name {
-        font-size: 20px;
-        padding-left: 12px;
-      }
-
-      .gender {
-        padding-left: 10px;
-      }
-
-      .age {
-        padding-left: 10px;
-      }
-
-      .headsculpture {
-        border-radius: 50%;
-        width: 40px;
-        height: 40px;
-      }
-    }
-  }
-}
-</style>

src/views/system/specialDiseaseNode/index.vue

@@ -183,7 +183,7 @@
         </div>
         <div class="bottomform">
           <wangeditor
-            style="width: 100%; background-color: red"
+            style="width: 100%;"
             :nodeContent="form.nodeContent"
             @on-nodeContent="onNodeContent"
             v-show="