修改康复计划记录

src/views/manage/components/RehabilitationPlanandRecords.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="header"  v-if="signPatientRecordld!=''">
+  <div class="header" v-if="signPatientRecordld != ''">
     <div class="leftheader">
-      <div class="dataall" >数据总览</div>
+      <div class="dataall">数据总览</div>
 
       <div class="background">
         <el-timeline>
@@ -18,27 +18,25 @@
               </div>
               <div class="words">
                 <img
-                v-if="item.taskNodeType=='PHONE_OUTBOUND'"
+                  v-if="item.taskNodeType == 'PHONE_OUTBOUND'"
-
                   class="imagecla"
                   src="../../../assets/system/jiankang.png"
                   alt=""
                 />
                 <img
                   class="imagecla"
-                  v-if="item.taskNodeType=='TEXT_REMIND'"
+                  v-if="item.taskNodeType == 'TEXT_REMIND'"
                   src="../../../assets/system/yaoshifuwu.png"
                   alt=""
                 />
                 <img
                   class="imagecla"
-                  v-if="item.taskNodeType=='QUESTIONNAIRE_SCALE'"
+                  v-if="item.taskNodeType == 'QUESTIONNAIRE_SCALE'"
-
                   src="../../../assets/system/zhongdian.png"
                   alt=""
                 />
                 <img
-                v-if="item.taskNodeType=='PROPAGANDA_ARTICLE'"
+                  v-if="item.taskNodeType == 'PROPAGANDA_ARTICLE'"
                   class="imagecla"
                   src="../../../assets/system/shenghuo.png"
                   alt=""
@@ -95,125 +93,8 @@
         </el-timeline>
       </div>
     </div>
-    <div class="rightheader" >
+    <div class="rightheader" v-if="form">
-      <!-- <div class="richtext" v-if="itemindex == 1">
+      <div class="richtext" >
-        <div class="text" style="font-size: 20px">手动创建任务:</div>
-        <div
-          v-for="item in categorylist"
-          :key="item.manageRouteId"
-          style="margin: 0 auto 30px"
-        >
-          <div class="texts">
-            <div class="text">任务名称: {{ item.routeName }}</div>
-            <div class="text">
-              适用范围: {{ item.suitRange == "IN_THE_HOSPITAL" ? "在院" : "" }}
-              {{ item.suitRange == "DISCHARGE" ? "出院" : "" }}
-              {{ item.suitRange == "OUTPATIENT_SERVICE" ? "门诊" : "" }}
-              {{
-                item.suitRange == "OUTPATIENT_SERVICE_DISCHARGE"
-                  ? "门诊+出院"
-                  : ""
-              }}
-            </div>
-          </div>
-          <div v-for="uitem in item.nodeList" :key="uitem.id">
-            <div class="texts">
-              <div class="text" style="font-size: 14px; font-weight: 400">
-                任务内容：{{
-                  uitem.taskType == "PHONE_OUTBOUND" ? "电话外呼" : ""
-                }}
-                {{ uitem.taskType == "QUESTIONNAIRE_SCALE" ? "问卷量表" : "" }}
-                {{ uitem.taskType == "PROPAGANDA_ARTICLE" ? "宣教文案" : "" }}
-                {{ uitem.taskType == "TEXT_REMIND" ? "文字提醒" : "" }}
-                {{ uitem.taskType == "ARTIFICIAL_FOLLOW_UP" ? "人工随访" : "" }}
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'PHONE_OUTBOUND'"
-              >
-                话术模板：{{ uitem.phoneTemplateName }}
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'QUESTIONNAIRE_SCALE'"
-              >
-                问卷模板：{{ uitem.questionnaireName }}
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'QUESTIONNAIRE_SCALE'"
-              >
-                问卷有效期：{{ uitem.questionExpirationDate }}天
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'PROPAGANDA_ARTICLE'"
-              >
-                宣教模板：{{ uitem.propagandaTitle }}
-              </div>
-              <div class="textarea" v-if="uitem.taskType == 'TEXT_REMIND'">
-                提醒内容：{{ uitem.nodeContent }}
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-              >
-                人工随访模板：{{ uitem.questionnaireName }}
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'ARTIFICIAL_FOLLOW_UP'"
-              >
-                人工随访详情：<el-button
-                  @click="lookquestion(uitem)"
-                  style="padding: 6px 10px"
-                  >预览</el-button
-                >
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'QUESTIONNAIRE_SCALE'"
-              >
-                问卷模板详情：<el-button
-                  @click="lookquestion(uitem)"
-                  style="padding: 6px 10px"
-                  >预览</el-button
-                >
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'PROPAGANDA_ARTICLE'"
-              >
-                宣教模板详情：<el-button
-                  @click="lookpropaganda(uitem)"
-                  style="padding: 6px 10px"
-                  >预览</el-button
-                >
-              </div>
-              <div
-                class="text"
-                style="font-size: 14px; font-weight: 400"
-                v-if="uitem.taskType == 'PHONE_OUTBOUND'"
-              >
-                话术模板详情：<el-button
-                  @click="lookphone(uitem)"
-                  style="padding: 6px 10px"
-                  >预览</el-button
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div> -->
-      <div class="richtext" v-if="itemindex == 0">
         <div class="borderheader">
           <span
             >任务来源：{{
@@ -224,33 +105,23 @@
             }}</span
           >
           <span>路径名称：{{ form.manageRouteName }}</span>
-          <span>任务执行状态：
+          <span
-            {{
+            >任务执行状态：
-              form.nodeExecuteStatus == "EXECUTED" ? "已执行" : ""
+            {{ form.nodeExecuteStatus == "EXECUTED" ? "已执行" : "" }}
-            }}
+            {{ form.nodeExecuteStatus == "UNEXECUTED" ? "未执行" : "" }}</span
-              {{
+          >
-              form.nodeExecuteStatus == "UNEXECUTED" ? "未执行" : ""
+          <span
-            }}</span>
+            >任务响应状态:{{
-          <span>任务响应状态:{{ 
               form.taskStatus == "NOT_CONNECTED" ? "未接通" : ""
             }}
-           {{ 
+            {{ form.taskStatus == "CONNECTED" ? "已接通" : "" }}
-           form.taskStatus == "CONNECTED" ? "已接通" : ""
+            {{ form.taskStatus == "EXPIRED" ? "任务已超时" : "" }}
-           }}
+            {{ form.taskStatus == "UNREAD" ? "未阅读" : "" }}
-           {{  
+            {{ form.taskStatus == "READ" ? "已阅读" : "" }}
-           form.taskStatus == "EXPIRED" ? "任务已超时" : ""
-          }}
-             {{  
-           form.taskStatus == "UNREAD" ? "未阅读" : ""
-          }}
-             {{  
-           form.taskStatus == "READ" ? "已阅读" : ""
-          }}
-          
           </span>
         </div>
         <!-- 宣教 -->
-        <div class="bodytop" v-if="form.taskNodeType=='PROPAGANDA_ARTICLE'">
+        <div class="bodytop" v-if="form.taskNodeType == 'PROPAGANDA_ARTICLE'">
           <div class="titletop">文章模板:{{ form.propagandaTitle }}</div>
           <!-- <div class="titledata">哈哈哈</div> -->
           <!-- <img :src="baseUrl + lookitem.propagandaCoverPath" alt="" /> -->
@@ -258,18 +129,26 @@
           <div v-html="form.propagandaContent"></div>
         </div>
         <!-- 文字提醒 -->
-        <div  v-if="form.taskNodeType=='TEXT_REMIND' " v-html="form.nodeContent"></div>
+        <div
+          v-if="form.taskNodeType == 'TEXT_REMIND'"
+          v-html="form.nodeContent"
+        ></div>
 
         <!-- 话术图 -->
         <Scriptpreview
-        v-if="form.taskNodeType=='PHONE_OUTBOUND'" 
+          v-if="form.taskNodeType == 'PHONE_OUTBOUND'"
           :phoneNodeContent="form.phoneNodeContent"
         ></Scriptpreview>
         <!-- 问卷 -->
-        <questionopen v-if="form.taskNodeType=='QUESTIONNAIRE_SCALE'" ref="question" :lookitemnew="form.detailInfo?form.detailInfo:''"></questionopen>
+        <questionopen
+          v-if="form.taskNodeType == 'QUESTIONNAIRE_SCALE'"
+          ref="question"
+          :lookitemnew="form.detailInfo ? form.detailInfo : ''"
+        ></questionopen>
+      </div>
+    </div>
+  <el-empty description="暂无" style="width: 100%" v-else></el-empty>
 
-      </div>
-    </div>
     <!-- 话术预览弹框 -->
     <el-dialog
       title="话术预览"
@@ -310,7 +189,6 @@
     </el-dialog>
   </div>
   <el-empty description="暂无" style="width: 100%" v-else></el-empty>
-
 </template>
 <script>
 import { getList } from "@/api/manage/healthEducation";
@@ -324,7 +202,7 @@ export default {
   components: {
     questionopen,
     specialDiseaseNodeopen,
-    Scriptpreview
+    Scriptpreview,
   },
   name: "RehabilitationPlanandRecords",
   data() {
@@ -360,13 +238,13 @@ export default {
   watch: {
     signPatientRecordld(newvalue, oldvalue) {
       if (newvalue) {
-        console.log(newvalue,'newvalue')
+        // console.log(newvalue, "newvalue");
         this.signPatientRecordld = newvalue;
         this.info();
       }
     },
   },
-  mounted() {
+  created() {
     this.info(0);
   },
   methods: {
@@ -416,7 +294,7 @@ export default {
       this.info(index);
     },
     bottomclickevent(item, index) {
-      console.log(item, "utiem");
+      // console.log(item, "utiem");
       this.form = item;
       this.listindex = index;
     },
@@ -428,20 +306,17 @@ export default {
         background: "rgba(255,255,255,0.7)",
       });
       // this.query.patientId = this.$route.query.patientId;
-      if(this.signPatientRecordld){
+      if (this.signPatientRecordld) {
         getNodeListsignPatientRecordld(this.signPatientRecordld).then((res) => {
           this.itemindex = index;
           this.loading.close();
           this.categorylist = res.data;
-        console.log(this.categorylist, " this.categorylist");
           this.form = this.categorylist[0];
         });
-      }else{
+      } else {
         this.loading.close();
-
+        this.signPatientRecordld = "";
-        this.signPatientRecordld=''
       }
-   
     },
   },
 };
@@ -577,6 +452,9 @@ export default {
       span {
         display: inline-block;
         width: 25%;
+        overflow: hidden; /* 确保超出容器的内容被裁剪 */
+        white-space: nowrap; /* 确保文本在一行内显示 */
+        text-overflow: ellipsis; /* 超出部分显示省略号 */
       }
     }
     .tagtitle {