From 5877d35b20d6dd3ac56e8497671cf58c86d72285 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Tue, 2 Jul 2024 16:35:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E8=AE=B0=E5=BD=95=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/followupdetails/index.vue |  21 +-
 src/views/system/followupsee/index.vue     |   2 +-
 src/views/system/record/record.vue         | 363 +++++++++++++++------
 3 files changed, 279 insertions(+), 107 deletions(-)

diff --git a/src/views/system/followupdetails/index.vue b/src/views/system/followupdetails/index.vue
index 7c8e600..31944b5 100644
--- a/src/views/system/followupdetails/index.vue
+++ b/src/views/system/followupdetails/index.vue
@@ -65,7 +65,7 @@
           "
         >
           <div
-            style="float: right; margin-top: 20px"
+          class="handle"
             v-if="
               $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
               $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
@@ -656,8 +656,8 @@ export default {
 
 .tk {
   ::v-deep .el-textarea__inner {
-    margin: 20px 0 10px 30px;
-    width: 60% !important;
+    width: 35% !important;
+    height: 100px;
   }
 }
 
@@ -726,8 +726,19 @@ export default {
 
 .right {
   width: 100%;
-  height: 500px;
-  // background: yellow;
+  padding-bottom: 50px;
+  .handle {
+    float: right;
+    margin-right: 100px;
+    // position: absolute;
+    right: 100px;
+    margin-top: 20px;
+    ::v-deep .el-textarea__inner {
+      width: 500px;
+       height: 250px;
+  }
+  }
+
 }
 
 .header {
diff --git a/src/views/system/followupsee/index.vue b/src/views/system/followupsee/index.vue
index 0596b5a..000044d 100644
--- a/src/views/system/followupsee/index.vue
+++ b/src/views/system/followupsee/index.vue
@@ -827,7 +827,7 @@ export default {
     right: 100px;
     margin-top: 20px;
     ::v-deep .el-textarea__inner {
-      width: 450px;
+      width: 500px;
        height: 250px;
   }
   }
diff --git a/src/views/system/record/record.vue b/src/views/system/record/record.vue
index 3a07482..dd8de7c 100644
--- a/src/views/system/record/record.vue
+++ b/src/views/system/record/record.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 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>
@@ -14,16 +24,31 @@
           {{ 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>
@@ -97,97 +122,211 @@
             <div>
               <div class="know">{{ formview.propagandaTitle }}</div>
               <div class="knowlist">
-            <Editorxj
-            v-model="formview.propagandaContent"
-            :min-height="192"
-          />
-          </div>
+                <Editorxj
+                  v-model="formview.propagandaContent"
+                  :min-height="192"
+                />
+              </div>
               <!-- <div class="knowlist">
                 {{ 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
+          class="handle"
+            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>
@@ -195,7 +334,7 @@
         <!-- 电话外呼 -->
         <!-- <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
           <div class="sport">电话外呼</div> -->
-          <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
+        <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
           <div class="sport">电话外呼</div>
 
           <div class="nexttime">
@@ -204,14 +343,17 @@
               :model="formlist"
               label-width="110px"
               :inline="true"
-
             >
-            <!-- <br/> -->
+              <!-- <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 v-model="formlist.phoneConnectStatus" label="NOTCONNECTED"
+                <el-radio
+                  v-model="formlist.phoneConnectStatus"
+                  label="NOTCONNECTED"
                   >未接通</el-radio
                 >
               </el-form-item>
@@ -276,7 +418,7 @@
                 <el-radio disabled v-model="formlist.phonePushSign" label="1"
                   >已开启</el-radio
                 >
-                <el-radio  disabled v-model="formlist.phonePushSign" label="0"
+                <el-radio disabled v-model="formlist.phonePushSign" label="0"
                   >未开启</el-radio
                 >
               </el-form-item>
@@ -328,25 +470,23 @@
                 /> -->
               </el-form-item>
               <br />
-        <div class="pushMethod">
-              <el-form-item label="短信模板：" prop="phone">
-                <span class="spanname">
-                  <message
-                  style="width: 200px;height: 10px;"
-                  @on-template="messageontemplateMESSAGE"
-                  :templateId="formlist.phoneMessageTemplateId"
-                  :templateName="formlist.phoneMessageTemplateName"
-                ></message>
-                </span>
-
-              </el-form-item>
-            </div>
-            <br/>
+              <div class="pushMethod">
+                <el-form-item label="短信模板：" prop="phone">
+                  <span class="spanname">
+                    <message
+                      style="width: 200px; height: 10px"
+                      @on-template="messageontemplateMESSAGE"
+                      :templateId="formlist.phoneMessageTemplateId"
+                      :templateName="formlist.phoneMessageTemplateName"
+                    ></message>
+                  </span>
+                </el-form-item>
+              </div>
+              <br />
               <el-form-item label="话术图" prop="phone">
                 <img
                   :src="formlist.scriptFilePath"
                   style="width: 250px; height: 200px"
-
                 />
               </el-form-item>
               <br />
@@ -376,10 +516,20 @@
           <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>
@@ -430,8 +580,8 @@ export default {
       formlist: {},
       materialsFilePath: "",
       materialsType: "",
-      optionslistS:[],
-      optionslist:[],
+      optionslistS: [],
+      optionslist: [],
     };
   },
   created() {
@@ -460,18 +610,18 @@ export default {
       selectPhonePush(this.$route.query.manageRouteNodeId).then((response) => {
         if (response.data) {
           this.formlist = response.data;
-          if(this.formlist.phonePushSign==0){
-            this.formlist.phonePushSign='0'
-          }else if(this.formlist.phonePushSign==1){
-            this.formlist.phonePushSign='1'
+          if (this.formlist.phonePushSign == 0) {
+            this.formlist.phonePushSign = '0'
+          } else if (this.formlist.phonePushSign == 1) {
+            this.formlist.phonePushSign = '1'
           }
         }
       });
     }
   },
   methods: {
-          // 发送短信
-          infolistword() {
+    // 发送短信
+    infolistword() {
       var dictType = "text_message_remind";
       getAgencytype(dictType).then((res) => {
         this.optionslist = res.data;
@@ -594,13 +744,15 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-::v-deep iframe{
-    width:100%;
-    height: 500px;
+::v-deep iframe {
+  width: 100%;
+  height: 500px;
 }
 .tk {
   ::v-deep .el-textarea__inner {
     margin: 20px 0 10px 30px;
+    width: 35% !important;
+    height: 100px;
   }
 }
 
@@ -683,8 +835,18 @@ export default {
 
 .right {
   width: 70%;
-  height: 500px;
-  // background: yellow;
+  padding-bottom: 30px;
+  .handle {
+    float: right;
+    margin-right: 50px;
+    // position: absolute;
+
+    margin-top: 20px;
+    ::v-deep .el-textarea__inner {
+      width: 350px;
+       height: 250px;
+  }
+  }
 }
 
 .header {
@@ -692,7 +854,6 @@ export default {
   padding-top: 10px;
   height: calc(100vh - 84px);
 
-
   ::v-deep .el-tabs__header {
     margin: 0 !important;
     width: 100%;