xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改康复计划记录

Browse Source
This commit is contained in:
闫晓茹 2024-08-02 10:58:13 +08:00
parent 002c52227e
commit 508dda7528
1 changed files with 52 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

208
src/views/manage/components/RehabilitationPlanandRecords.vue
View File

@ -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="richtext" v-if="itemindex == 1">
<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="rightheader" v-if="form">
<div class="richtext" >
<div class="borderheader">
<span
>任务来源：{{
@ -224,33 +105,23 @@
}}</span
>
<span>路径名称：{{ form.manageRouteName }}</span>
<span>任务执行状态：
{{
form.nodeExecuteStatus == "EXECUTED" ? "已执行" : ""
}}
{{
form.nodeExecuteStatus == "UNEXECUTED" ? "未执行" : ""
}}</span>
<span>任务响应状态:{{
<span
>任务执行状态：
{{ form.nodeExecuteStatus == "EXECUTED" ? "已执行" : "" }}
{{ form.nodeExecuteStatus == "UNEXECUTED" ? "未执行" : "" }}</span
>
<span
>任务响应状态:{{
form.taskStatus == "NOT_CONNECTED" ? "未接通" : ""
}}
{{
form.taskStatus == "CONNECTED" ? "已接通" : ""
}}
{{
form.taskStatus == "EXPIRED" ? "任务已超时" : ""
}}
{{
form.taskStatus == "UNREAD" ? "未阅读" : ""
}}
{{
form.taskStatus == "READ" ? "已阅读" : ""
}}
{{ form.taskStatus == "CONNECTED" ? "已接通" : "" }}
{{ 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 {