修改

src/views/system/followupdetails/index.vue

@@ -2,18 +2,8 @@
   <div class="header">
     <div class="topheader">
       <div class="user">
-        <img
+        <img class="headsculpture" src="../../../assets/manage/touxiang.png" alt="" v-if="list.sex == 'MALE'" />
-          class="headsculpture"
+        <img class="headsculpture" src="../../../assets/manage/nvtouxiang.png" alt="" v-if="list.sex == 'FEMALE'" />
-          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>
@@ -47,191 +37,83 @@
     <div class="bottomheader">
       <div style="display: flex">
         <!-- 问卷模板 -->
-        <div
+        <div class="right" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-          class="right"
+          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-          v-if="
+          ">
-            $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+          <div style="float: right; margin-top: 20px" v-if="$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
+                <el-input disabled type="textarea" placeholder="请输入任务处理信息" v-model="questiondata.routeHandleRemark" />
-                  disabled
-                  type="textarea"
-                  placeholder="请输入任务处理信息"
-                  v-model="questiondata.routeHandleRemark"
-                />
               </el-form-item>
             </el-form>
           </div>
-          <div
+          <div class="sport" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
-            class="sport"
-            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
-          >
             问卷模板: Barthel指数评定问卷
           </div>
-          <div
+          <div class="words" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
-            class="words"
-            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
-          >
             您好!本问卷用于评估日常生活能力，请根据自身日常实际表现选择合适的选项。
           </div>
 
-          <div
+          <div class="sport" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-            class="sport"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
             人工随访模板: 神经内科人工随访
           </div>
-          <div
+          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-            class="words"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
             **您好!
           </div>
-          <div
+          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-            class="words"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
             我是✕✕医院的工作人员，今天给您打电话想要了解一下您的恢复情况。
           </div>
 
-          <div
+          <div class="words" v-for="(item, index) in questiondata.subjectResultList" :key="index">
-            class="words"
-            v-for="(item, index) in questiondata.subjectResultList"
-            :key="index"
-          >
             {{ index + 1 }}.{{ item.questionName }}
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE'"
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE'">（单选题）</span>
-              >（单选题）</span
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'">（多选题）</span>
-            >
+            <span v-if="item.questionType == 'SCORING_QUESTIONS'">（打分题）</span>
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'">（组合单选题）</span>
-              >（多选题）</span
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'">（组合多选题）</span>
-            >
+            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'">（组合填空题）</span>
-            <span v-if="item.questionType == 'SCORING_QUESTIONS'"
+            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'">（填空题）</span>
-              >（打分题）</span
+            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'">（组合打分题）</span>
-            >
+            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'">（日期填空题）</span>
-            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
+            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">（时间填空题）</span>
-              >（组合单选题）</span
+            <el-radio-group v-if="item.questionType == 'MULTIPLE_CHOICE' ||
-            >
+          item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
-            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
+          item.questionType == 'SCORING_QUESTIONS' ||
-              >（组合多选题）</span
+          item.questionType == 'COMBINATION_SCORING_SUBJECT'
-            >
+          " v-model="item.checked" class="custom-radio-group">
-            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
+              <el-radio disabled class="custom" v-for="(aitem, aindex) in item.optionResults" :key="aindex"
-              >（组合填空题）</span
+                :label="aitem.id" @change="radioChange($event, aitem, index)">{{ aitem.optionName }}</el-radio>
-            >
-            <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
+            <el-checkbox-group v-model="checkeddata" v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
-              v-model="checkeddata"
+          item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
-              v-if="
+          ">
-                item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
+              <el-checkbox disabled v-for="(aitem, aindex) in item.optionResults" :key="aindex" :label="aitem.id"
-                item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
+                @change="radioChangecheck($event, aitem, index, aindex)">{{ aitem.optionName }}</el-checkbox>
-              "
-            >
-              <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
+            <div v-if="item.questionType == 'FILL_IN_THE_BLANKS' ||
-              v-if="
+          item.questionType == 'COMBINATION_BLANKS_SUBJECT'
-                item.questionType == 'FILL_IN_THE_BLANKS' ||
+          " class="tk">
-                item.questionType == 'COMBINATION_BLANKS_SUBJECT'
+              <el-input disabled v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
-              "
-              class="tk"
-            >
-              <el-input
-                disabled
-                v-model="item.fillBlanksAnswer"
-                placeholder="请输入答案"
-                type="textarea"
-              />
               <!-- <el-input></el-input> -->
             </div>
             <!-- 日期填空题、 -->
-            <div
+            <div v-if="item.questionType == 'DATE_BLANKS_SUBJECT'" style="margin: 20px 0 10px 30px">
-              v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
+              <el-date-picker disabled @change="timepicker($event, index)" clearable v-model="item.fillBlanksAnswer"
-              style="margin: 20px 0 10px 30px"
+                type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
-            >
-              <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
+            <div style="margin: 20px 0 10px 30px" v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">
-              style="margin: 20px 0 10px 30px"
+              <el-time-select disabled @change="timepickerselect($event, index)" clearable
-              v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
+                v-model="item.fillBlanksAnswer" :picker-options="{
-            >
+          start: '08:30',
-              <el-time-select
+          step: '00:30',
-                disabled
+          end: '23:30',
-                @change="timepickerselect($event, index)"
+        }" placeholder="选择时间">
-                clearable
-                v-model="item.fillBlanksAnswer"
-                :picker-options="{
-                  start: '08:30',
-                  step: '00:30',
-                  end: '23:30',
-                }"
-                placeholder="选择时间"
-              >
               </el-time-select>
             </div>
           </div>
@@ -282,33 +164,20 @@
               </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
+            <el-form ref="formlist" :model="formlist" label-width="110px" :inline="true">
-              ref="formlist"
+              <!-- <br/> -->
-              :model="formlist"
-              label-width="110px"
-              :inline="true"
-
-            >
-            <!-- <br/> -->
               <el-form-item label="是否接通" prop="phone">
-                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED"
+                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED">已接通</el-radio>
-                  >已接通</el-radio
+                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED">未接通</el-radio>
-                >
-                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED"
-                  >未接通</el-radio
-                >
               </el-form-item>
               <br />
 
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input
+                <el-input v-model="formlist.routeHandleRemark" placeholder="请输入任务处理信息" />
-                  v-model="formlist.routeHandleRemark"
-                  placeholder="请输入任务处理信息"
-                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术名称" prop="scriptName">
@@ -321,11 +190,7 @@
               </el-form-item> -->
               <!-- <br /> -->
               <el-form-item label="通用话术名称" prop="phoneTemplateName">
-                <el-input
+                <el-input disabled v-model="formlist.phoneTemplateName" placeholder="请输入通用话术名称" />
-                  disabled
-                  v-model="formlist.phoneTemplateName"
-                  placeholder="请输入通用话术名称"
-                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术简介" prop="scriptIntroduction">
@@ -360,52 +225,28 @@
                   inactive-value="0"
                 >
                 </el-switch> -->
-                <el-radio disabled v-model="formlist.phonePushSign" label="1"
+                <el-radio disabled v-model="formlist.phonePushSign" label="1">已开启</el-radio>
-                  >已开启</el-radio
+                <el-radio disabled v-model="formlist.phonePushSign" label="0">未开启</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
+                <el-input disabled v-model="formlist.patientPhone" placeholder="请输入电话" />
-                  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
+                <el-select v-model="formlist.phoneRedialTimes" disabled style="width: 200px">
-                  v-model="formlist.phoneRedialTimes"
+                  <el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
-                  disabled
+                    :value="item.dictValue">
-                  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
+                <el-select disabled v-model="formlist.phoneMessageRemind" style="width: 200px">
-                  disabled
+                  <el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
-                  v-model="formlist.phoneMessageRemind"
+                    :value="item.dictValue">
-                  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
@@ -417,44 +258,35 @@
               <br />
 
               <el-form-item label="话术图" prop="phone">
-                <img
+                <img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
-                  :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
+                    <message style="width: 200px;height:100px" @on-template="messageontemplateMESSAGE"
-                  style="width: 200px;height:100px"
+                      :templateId="formlist.phoneMessageTemplateId" :templateName="formlist.phoneMessageTemplateName">
-                  @on-template="messageontemplateMESSAGE"
+                    </message>
-                  :templateId="formlist.phoneMessageTemplateId"
+                  </span>
-                  :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 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: {
@@ -467,8 +299,8 @@ export default {
       checkList: [],
       checked: false,
       formlist: {},
-      optionslistS:[],
+      optionslistS: [],
-      optionslist:[],
+      optionslist: [],
       rules: {
         routeHandleRemark: [
           { required: true, message: '请输入任务处理信息', trigger: 'change' }
@@ -485,7 +317,7 @@ export default {
         routeHandlePerson: null,
         routeHandleId: null,
       },
-      optionslist:[],
+      optionslist: [],
 
     };
 
@@ -511,8 +343,8 @@ export default {
     }
   },
   methods: {
-        // 发送短信
+    // 发送短信
-        infolistword() {
+    infolistword() {
       var dictType = "text_message_remind";
       getAgencytype(dictType).then((res) => {
         this.optionslist = res.data;
@@ -641,238 +473,266 @@ 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;
-         }
-       }
 
-       ::v-deep .el-radio {
+.pushMethod {
-         padding: 10px;
+  height: 30px;
-       }
+  // margin-top: 30px;
-       ::v-deep .el-checkbox-group {
+  line-height: 30px;
-         display: flex;
+  font-size: 13px;
-         flex-direction: column;
+  color: #64666a;
-         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 {
+  .spanname {
-           margin: 0 !important;
+    width: 100%;
-           width: 100%;
-           // overflow: auto;
-           // height: 500px;
-           // background: red;
-         }
 
-         .bottomheader {
+    pointer-events: none;
-          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;
-           // }
-         }
 
-         .topheader {
+    .sport {
-           width: 99%;
+      padding: 10px 50px 10px 10px;
-           background-color: #fff;
+      font-size: 20px;
-           margin: 0 auto;
+      font-weight: 600;
+    }
 
-           .information {
+    .words {
-             display: flex;
+      font-size: 15px;
-             flex-wrap: wrap;
+      padding: 10px 50px 10px 10px;
-             padding: 10px 20px;
+    }
-             height: 110px;
 
-             .top,
+    .sports {
-             .bottom {
+      position: absolute;
-               color: #666666;
+      left: 50%;
-               width: 100%;
+      transform: translate(-50%);
-               display: flex;
+      font-size: 18px;
+      font-weight: 600;
+    }
 
-               div {
+    .word {
-                 width: 25%;
+      font-size: 14px;
-               }
+      font-weight: 550;
-             }
+      padding: 50px 50px 10px 10px;
-           }
+    }
 
-           .user {
+    .videoleft {
-             width: 100%;
+      width: 40%;
-             padding: 0 20px;
+      height: 200px;
-             display: flex;
+      background: red;
-             height: 80px;
+    }
-             align-items: center;
-             line-height: 80px;
 
-             .source {
+    .time {
-               display: flex;
+      font-size: 20px;
-               position: relative;
+      font-weight: 550;
-               right: 59px;
+      padding: 10px 50px 10px 10px;
-               position: absolute;
+    }
-               .item {
-                 margin-left: 20px;
-               }
-             }
 
-             .name {
+    .number {
-               font-size: 20px;
+      width: 25px;
-               padding-left: 12px;
+      height: 25px;
-             }
+      text-align: center;
+      display: inline-block;
+      color: white;
+      background: blue;
+      border-radius: 50%;
+    }
 
-             .gender {
+    .nexttime {
-               padding-left: 10px;
+      font-size: 15px;
-             }
+      padding: 10px 50px 10px 10px;
+    }
 
-             .age {
+    .images {
-               padding-left: 10px;
+      width: 53%;
-             }
+      height: 241px;
+      margin: 0 auto;
+      background: red;
+    }
 
-             .headsculpture {
+    .attention {
-               border-radius: 50%;
+      font-size: 14px;
-               width: 40px;
+      font-weight: 550;
-               height: 40px;
+      padding: 10px 50px 10px 10px;
-             }
+    }
-           }
-         }
-       }
-       </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/followupsee/index.vue

@@ -2,18 +2,8 @@
   <div class="header">
     <div class="topheader">
       <div class="user">
-        <img
+        <img class="headsculpture" src="../../../assets/manage/touxiang.png" alt="" v-if="list.sex == 'MALE'" />
-          class="headsculpture"
+        <img class="headsculpture" src="../../../assets/manage/nvtouxiang.png" alt="" v-if="list.sex == 'FEMALE'" />
-          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>
@@ -47,187 +37,83 @@
     <div class="bottomheader">
       <div style="display: flex">
         <!-- 问卷模板 -->
-        <div
+        <div class="right" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-          class="right"
+          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-          v-if="
+          ">
-            $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+          <div style="float: right; margin-top: 20px" v-if="$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
+                <el-input type="textarea" placeholder="请输入任务处理信息" v-model="questiondata.routeHandleRemark" />
-                  type="textarea"
-                  placeholder="请输入任务处理信息"
-                  v-model="questiondata.routeHandleRemark"
-                />
               </el-form-item>
             </el-form>
           </div>
-          <div
+          <div class="sport" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
-            class="sport"
-            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
-          >
             问卷模板: Barthel指数评定问卷
           </div>
-          <div
+          <div class="words" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
-            class="words"
-            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
-          >
             您好!本问卷用于评估日常生活能力，请根据自身日常实际表现选择合适的选项。
           </div>
 
-          <div
+          <div class="sport" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-            class="sport"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
             人工随访模板: 神经内科人工随访
           </div>
-          <div
+          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-            class="words"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
             **您好!
           </div>
-          <div
+          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-            class="words"
-            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-          >
             我是✕✕医院的工作人员，今天给您打电话想要了解一下您的恢复情况。
           </div>
 
-          <div
+          <div class="words" v-for="(item, index) in questiondata.questionSubjectList" :key="index">
-            class="words"
-            v-for="(item, index) in questiondata.questionSubjectList"
-            :key="index"
-          >
             {{ index + 1 }}.{{ item.questionName }}
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE'"
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE'">（单选题）</span>
-              >（单选题）</span
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'">（多选题）</span>
-            >
+            <span v-if="item.questionType == 'SCORING_QUESTIONS'">（打分题）</span>
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'">（组合单选题）</span>
-              >（多选题）</span
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'">（组合多选题）</span>
-            >
+            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'">（组合填空题）</span>
-            <span v-if="item.questionType == 'SCORING_QUESTIONS'"
+            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'">（填空题）</span>
-              >（打分题）</span
+            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'">（组合打分题）</span>
-            >
+            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'">（日期填空题）</span>
-            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
+            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">（时间填空题）</span>
-              >（组合单选题）</span
+            <el-radio-group v-if="item.questionType == 'MULTIPLE_CHOICE' ||
-            >
+          item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
-            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
+          item.questionType == 'SCORING_QUESTIONS' ||
-              >（组合多选题）</span
+          item.questionType == 'COMBINATION_SCORING_SUBJECT'
-            >
+          " v-model="questiondata[index]" class="custom-radio-group" @change="radioGroupChange($event, item)">
-            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
+              <el-radio class="custom" v-for="(aitem, aindex) in item.questionSubjectOptionList" :key="aindex"
-              >（组合填空题）</span
+                :label="aitem.id" @change="radioChange($event, aitem, index)">{{ aitem.optionName }}</el-radio>
-            >
-            <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="questiondata[index]"
-              class="custom-radio-group"
-              @change="radioGroupChange($event, item)"
-            >
-              <el-radio
-                class="custom"
-                v-for="(aitem, aindex) in item.questionSubjectOptionList"
-                :key="aindex"
-                :label="aitem.id"
-                @change="radioChange($event, aitem, index)"
-                >{{ aitem.optionName }}</el-radio
-              >
             </el-radio-group>
             <!-- 多选、组合多选 -->
-            <el-checkbox-group
+            <el-checkbox-group v-model="checkeddata" @change="radioGroupChange($event, item, 'checkbox')" v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
-              v-model="checkeddata"
+          item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
-              @change="radioGroupChange($event, item, 'checkbox')"
+          ">
-              v-if="
+              <el-checkbox v-for="(aitem, aindex) in item.questionSubjectOptionList" :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
-                v-for="(aitem, aindex) in item.questionSubjectOptionList"
-                :key="aindex"
-                :label="aitem.id"
-                @change="radioChangecheck($event, aitem, index, aindex)"
-                >{{ aitem.optionName }}</el-checkbox
-              >
             </el-checkbox-group>
             <!-- 填空题、组合填空 -->
-            <div
+            <div v-if="item.questionType == 'FILL_IN_THE_BLANKS' ||
-              v-if="
+          item.questionType == 'COMBINATION_BLANKS_SUBJECT'
-                item.questionType == 'FILL_IN_THE_BLANKS' ||
+          " class="tk">
-                item.questionType == 'COMBINATION_BLANKS_SUBJECT'
+              <el-input v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
-              "
-              class="tk"
-            >
-              <el-input
-                v-model="item.fillBlanksAnswer"
-                placeholder="请输入答案"
-                type="textarea"
-              />
               <!-- <el-input></el-input> -->
             </div>
             <!-- 日期填空题、 -->
-            <div
+            <div v-if="item.questionType == 'DATE_BLANKS_SUBJECT'" style="margin: 20px 0 10px 30px">
-              v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
+              <el-date-picker @change="timepicker($event, index)" clearable v-model="item.fillBlanksAnswer" type="date"
-              style="margin: 20px 0 10px 30px"
+                value-format="yyyy-MM-dd" placeholder="选择日期">
-            >
-              <el-date-picker
-                @change="timepicker($event, index)"
-                clearable
-                v-model="item.fillBlanksAnswer"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择日期"
-              >
               </el-date-picker>
             </div>
             <!-- 时间填空题 -->
-            <div
+            <div style="margin: 20px 0 10px 30px" v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">
-              style="margin: 20px 0 10px 30px"
+              <el-time-select @change="timepickerselect($event, index)" clearable v-model="item.fillBlanksAnswer"
-              v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
-            >
-              <el-time-select
-                @change="timepickerselect($event, index)"
-                clearable
-                v-model="item.fillBlanksAnswer"
                 :picker-options="{
-                  start: '08:30',
+          start: '08:30',
-                  step: '00:30',
+          step: '00:30',
-                  end: '23:30',
+          end: '23:30',
-                }"
+        }" placeholder="选择时间">
-                placeholder="选择时间"
-              >
               </el-time-select>
             </div>
           </div>
@@ -235,31 +121,17 @@
         <!-- 电话外呼 -->
         <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
           <div class="sport">电话外呼</div>
-
           <div class="nexttime">
-            <el-form
+            <el-form ref="formlist" :model="formlist" label-width="110px" :inline="true" :rules="rulesphone">
-              ref="formlist"
+              <!-- <br/> -->
-              :model="formlist"
-              label-width="110px"
-              :inline="true"
-              :rules="rulesphone"
-            >
-            <!-- <br/> -->
               <el-form-item label="是否接通" prop="phone">
-                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED"
+                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED">已接通</el-radio>
-                  >已接通</el-radio
+                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED">未接通</el-radio>
-                >
-                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED"
-                  >未接通</el-radio
-                >
               </el-form-item>
               <br />
 
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input
+                <el-input v-model="formlist.routeHandleRemark" placeholder="请输入任务处理信息" />
-                  v-model="formlist.routeHandleRemark"
-                  placeholder="请输入任务处理信息"
-                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术名称" prop="scriptName">
@@ -272,11 +144,7 @@
               </el-form-item> -->
               <!-- <br /> -->
               <el-form-item label="通用话术名称" prop="phoneTemplateName">
-                <el-input
+                <el-input disabled v-model="formlist.phoneTemplateName" placeholder="请输入通用话术名称" />
-                  disabled
-                  v-model="formlist.phoneTemplateName"
-                  placeholder="请输入通用话术名称"
-                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术简介" prop="scriptIntroduction">
@@ -311,52 +179,28 @@
                   inactive-value="0"
                 >
                 </el-switch> -->
-                <el-radio disabled v-model="formlist.phonePushSign" label="1"
+                <el-radio disabled v-model="formlist.phonePushSign" label="1">已开启</el-radio>
-                  >已开启</el-radio
+                <el-radio disabled v-model="formlist.phonePushSign" label="0">未开启</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
+                <el-input disabled v-model="formlist.patientPhone" placeholder="请输入电话" />
-                  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
+                <el-select v-model="formlist.phoneRedialTimes" disabled style="width: 200px">
-                  v-model="formlist.phoneRedialTimes"
+                  <el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
-                  disabled
+                    :value="item.dictValue">
-                  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
+                <el-select disabled v-model="formlist.phoneMessageRemind" style="width: 200px">
-                  disabled
+                  <el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
-                  v-model="formlist.phoneMessageRemind"
+                    :value="item.dictValue">
-                  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
@@ -368,33 +212,21 @@
               <br />
 
               <el-form-item label="话术图" prop="phone">
-                <img
+                <img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
-                  :src="formlist.scriptFilePath"
-                  style="width: 250px; height: 200px"
-
-                />
               </el-form-item>
               <br />
 
               <el-form-item label="短信模板：" prop="phone">
                 <span class="spanname">
-                  <message
+                  <message style="width: 200px;height:100px" @on-template="messageontemplateMESSAGE"
-                  style="width: 200px;height:100px"
+                    :templateId="formlist.phoneMessageTemplateId" :templateName="formlist.phoneMessageTemplateName">
-                  @on-template="messageontemplateMESSAGE"
+                  </message>
-                  :templateId="formlist.phoneMessageTemplateId"
-                  :templateName="formlist.phoneMessageTemplateName"
-                ></message>
                 </span>
 
               </el-form-item>
-            </div>
+              <br />
-            <br/>
               <el-form-item label="话术图" prop="phone">
-                <img
+                <img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
-                  :src="formlist.scriptFilePath"
-                  style="width: 250px; height: 200px"
-
-                />
               </el-form-item>
               <br />
             </el-form>
@@ -405,7 +237,7 @@
   </div>
 </template>
 
-    <script>
+<script>
 import message from "../components/message.vue";
 
 import {
@@ -521,7 +353,7 @@ export default {
     timepickerselect(e, index) {
       this.questiondata.questionSubjectList[index].fillBlanksAnswer = e;
     },
-    radioGroupChange(e, item) {},
+    radioGroupChange(e, item) { },
     // 选中某个单选框时，由radio时触发
     radioChange(e, item, index) {
       console.log(e, item, index, "选中某个单选框时");
@@ -701,8 +533,8 @@ export default {
               (this.form.diseaseTypeId = this.formlist.diseaseTypeId),
               (this.form.diseaseTypeName = this.formlist.diseaseTypeName),
               (this.form.routeHandleRemark = this.formlist.routeHandleRemark);
-              (this.form.phoneConnectStatus= this.formlist.phoneConnectStatus);
+            (this.form.phoneConnectStatus = this.formlist.phoneConnectStatus);
-              (this.form.phoneMessageRemind= this.formlist.phoneMessageRemind);
+            (this.form.phoneMessageRemind = this.formlist.phoneMessageRemind);
 
 
 
@@ -744,18 +576,21 @@ export default {
   },
 };
 </script>
-    <style lang="scss" scoped>
+<style lang="scss" scoped>
 ::v-deep .el-input.is-disabled .el-input__inner {
   background: #fff !important;
   color: #606266;
 }
+
 .spanname {
-          pointer-events: none;
+  pointer-events: none;
-        }
+}
+
 ::v-deep .el-textarea.is-disabled .el-textarea__inner {
   color: #606266;
   background: #fff;
 }
+
 .tk {
   ::v-deep .el-textarea__inner {
     margin: 20px 0 10px 30px;
@@ -765,23 +600,28 @@ export default {
 ::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;
@@ -791,34 +631,41 @@ 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;
   }
+
   .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;
@@ -838,15 +685,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%;
@@ -854,21 +704,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;
@@ -878,21 +732,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;
@@ -937,6 +795,7 @@ export default {
         position: relative;
         right: 59px;
         position: absolute;
+
         .item {
           margin-left: 20px;
         }