From dce69c73df8457e538946b0a58e04e9193334974 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Tue, 16 Apr 2024 10:56:28 +0800
Subject: [PATCH] xg

---
 src/api/manage/healthEducation.js             |   2 +-
 src/views/manage/Auditing/index.vue           |   2 +-
 .../RehabilitationPlanandRecords.vue          | 293 ++++++++++++++++++
 .../manage/components/healthEducation.vue     |  60 +++-
 src/views/manage/details/patientdetails.vue   |  10 +-
 5 files changed, 355 insertions(+), 12 deletions(-)
 create mode 100644 src/views/manage/components/RehabilitationPlanandRecords.vue

diff --git a/src/api/manage/healthEducation.js b/src/api/manage/healthEducation.js
index afc5a67..52687c3 100644
--- a/src/api/manage/healthEducation.js
+++ b/src/api/manage/healthEducation.js
@@ -4,7 +4,7 @@ import request from '@/utils/request'
 // 查询患者宣教信息列表
 export function getList(query) {
     return request({
-        url: '/manage/patientPropaganda/getList',
+        url: '/manage/signnode/getNodeList',
         method: 'get',
         params: query
     })
diff --git a/src/views/manage/Auditing/index.vue b/src/views/manage/Auditing/index.vue
index 795ec96..726fbab 100644
--- a/src/views/manage/Auditing/index.vue
+++ b/src/views/manage/Auditing/index.vue
@@ -133,7 +133,7 @@
                             </div>
                             <div class="text" style="font-size:14px;font-weight: 400;"
                                 v-if="uitem.taskType == 'ARTIFICIAL_FOLLOW_UP'">
-                                随访详情：<el-button style="padding: 6px 10px;">预览</el-button>
+                                人工随访详情：<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'">
diff --git a/src/views/manage/components/RehabilitationPlanandRecords.vue b/src/views/manage/components/RehabilitationPlanandRecords.vue
new file mode 100644
index 0000000..3a132ba
--- /dev/null
+++ b/src/views/manage/components/RehabilitationPlanandRecords.vue
@@ -0,0 +1,293 @@
+<template>
+    <div class="header">
+        <div class="leftheader">
+            <div class="item" v-for="(item, index) in namelist" :key="index" @click="clicknameitem(item, index)"
+                :class="index == itemindex ? 'selectitem' : ''">
+                <div class="name">
+                    {{ item.name }}
+                </div>
+            </div>
+        </div>
+        <div class="rightheader" v-if="categorylist.length > 0">
+            <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.textRemindContent }}
+                            </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>
+        <el-empty description="暂无" style="width: 100%;" v-else></el-empty>
+        <!-- 话术预览弹框 -->
+        <el-dialog title="话术预览" :visible.sync="phoneopen" width="30%" :before-close="openfalse">
+            <img style="width:200px" :src="baseUrl + lookitem.scriptFilePath" />
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="phoneopen = false">确 定</el-button>
+            </span>
+        </el-dialog>
+        <!-- 宣教预览弹框 -->
+        <el-dialog title="宣教预览" :visible.sync="propagandaopen" width="30%" :before-close="openfalse">
+            <div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
+            <div class="bodytop">
+                <div class="titledata">{{ lookitem.propagandaTitle }}</div>
+                <div>
+                    <img :src="baseUrl + lookitem.propagandaCoverPath" alt="" />
+                    <div class="know">知识卡片</div>
+                    <div class="knowlist">
+                        {{ lookitem.propagandaContent }}
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
+        <!-- 问卷预览弹框 -->
+        <questionopen ref="question" :lookitem="lookitem"></questionopen>
+    </div>
+</template>
+<script>
+import {
+    getList
+} from '@/api/manage/healthEducation'
+import questionopen from './questionopen.vue';
+export default {
+    components: {
+        questionopen,
+    },
+    name: "RehabilitationPlanandRecords",
+    data() {
+        return {
+            baseUrl: process.env.VUE_APP_BASE_API,
+            //左侧list
+            itemindex: 0,
+            namelist: [
+                {
+                    name: '手动创建任务'
+                },
+                {
+                    name: '专病管理路径'
+                }
+            ],
+            categorylist: [],
+            query: {
+                patientId: '',
+                routeCheckStatus: 'AGREE',
+                taskCreateType: 'MANUAL_CREATE'
+            },
+            lookitem: {},
+            phoneopen: false,
+            propagandaopen: false,
+        };
+    },
+    mounted() {
+        this.info();
+    },
+    methods: {
+        //查看宣教模板
+        lookpropaganda(item) {
+            this.lookitem = item.detailInfo
+            this.propagandaopen = true
+        },
+        //查看话术模板
+        lookphone(item) {
+            this.lookitem = item.detailInfo
+            this.phoneopen = true
+        },
+        //查看问卷模板
+        lookquestion(item) {
+            this.lookitem = item.detailInfo
+            this.$refs.question.questionopentrue()
+        },
+        //关闭预览
+        openfalse() {
+            this.phoneopen = false
+            this.propagandaopen = false
+            this.lookitem = {}
+        },
+        clicknameitem(item, index) {
+            this.itemindex = index
+            if (index == 0) {
+                this.query.taskCreateType = 'MANUAL_CREATE'
+            } else {
+                this.query.taskCreateType = 'MANUAL_MATCHE'
+            }
+            this.info();
+        },
+        info() {
+            this.query.patientId = this.$route.query.patientId
+            getList(this.query).then(res => {
+                if (res.data.length > 0) {
+                    this.categorylist = res.data
+                }
+            })
+        },
+    }
+};
+</script>
+<style lang="scss" scoped>
+.header {
+    background-color: #fff !important;
+    padding: 0 !important;
+    display: flex;
+    justify-content: space-between;
+
+    .rightheader {
+        width: 75%;
+        padding-top: 20px;
+
+        .titletop {
+            font-size: 16px;
+            font-weight: 700;
+            margin: 10px 0px 0 20px;
+        }
+
+        .bodytop {
+            .titledata {
+                margin: 30px 0px 15px 20px;
+                font-size: 20px;
+            }
+
+            .audiotop {
+                margin: 10px 0px 10px 20px;
+            }
+
+            img {
+                margin: 0px 0px 0px 20px;
+            }
+
+            .know {
+                margin: 11px 0px 10px 20px;
+                font-size: 16px;
+            }
+
+            .knowlist {
+                margin: 10px 0px 10px 20px;
+                font-size: 16px;
+            }
+        }
+
+        .texts {
+            margin: 16px 0 20px;
+            flex-wrap: wrap;
+            width: 100%;
+            display: flex;
+            font-size: 14px;
+
+            .text {
+                margin-bottom: 10px;
+                width: 50%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                -o-text-overflow: ellipsis;
+            }
+        }
+
+        .richtext {
+            overflow: scroll;
+            // 隐藏表头的滚动条
+            overflow-x: hidden !important;
+            width: 100%;
+            margin: 0 auto;
+            height: 550px;
+
+            .textarea {
+                font-size: 14px;
+                font-weight: 400;
+                margin-bottom: 10px;
+                width: 100%;
+            }
+
+            .text {
+                font-size: 16px;
+                font-weight: bold;
+            }
+        }
+    }
+
+    .leftheader {
+        width: 20%;
+        margin-top: 20px;
+        height: 450px;
+        overflow: scroll;
+        // 隐藏表头的滚动条
+        overflow-x: hidden !important;
+
+        .selectitem {
+            background-color: #D2E9FC;
+            border-left: 2px solid #1890ff !important;
+            border-bottom: 1px solid #fff !important;
+        }
+
+        .item {
+            padding: 25px 10px;
+            position: relative;
+            border-left: 2px solid #fff;
+            border-bottom: 1px solid #E7E7E7;
+
+            .name {
+                font-size: 18px;
+                font-weight: 600;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/manage/components/healthEducation.vue b/src/views/manage/components/healthEducation.vue
index 2eb6fac..d553524 100644
--- a/src/views/manage/components/healthEducation.vue
+++ b/src/views/manage/components/healthEducation.vue
@@ -1,15 +1,27 @@
 <template>
     <div class="header">
         <div class="leftheader" v-if="categorylist.length > 0">
-            <div class="item" v-for="(item, index) in categorylist" :key="item.id" @click="clickcategory(item, index)"
-                :class="index == categoryindex ? 'selectitem' : ''">
+            <div class="item" v-for="(item, index) in categorylist" :key="item.propagandaInfoId"
+                @click="clickcategory(item, index)" :class="index == categoryindex ? 'selectitem' : ''">
                 <div class="name">
                     {{ item.propagandaTitle }}
                 </div>
             </div>
         </div>
         <div class="rightheader" v-if="categorylist.length > 0">
-            <div class="richtext" v-html="categoryItem.propagandaContent">
+            <div class="richtext">
+                <div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
+                <div class="bodytop">
+                    <div class="titledata">{{ categoryItem.propagandaTitle }}</div>
+                    <div>
+                        <img :src="baseUrl + categoryItem.propagandaCoverPath" alt="" />
+                        <div class="know">知识卡片</div>
+                        <div class="knowlist">
+                            {{ categoryItem.propagandaContent }}
+                        </div>
+                    </div>
+                </div>
+                <div v-html="categoryItem.propagandaContent"></div>
             </div>
         </div>
         <el-empty description="暂无" style="width: 100%;" v-else></el-empty>
@@ -23,6 +35,7 @@ export default {
     name: "healthEducation",
     data() {
         return {
+            baseUrl: process.env.VUE_APP_BASE_API,
             //左侧类型选中
             categoryindex: 0,
             //左侧选中的item
@@ -30,7 +43,9 @@ export default {
             //左侧list
             categorylist: [],
             query: {
-                patientId: ''
+                patientId: '',
+                routeCheckStatus: 'AGREE',
+                taskType: 'PROPAGANDA_ARTICLE'
             }
         };
     },
@@ -46,7 +61,11 @@ export default {
             this.query.patientId = this.$route.query.patientId
             getList(this.query).then(res => {
                 if (res.data.length > 0) {
-                    this.categorylist = res.data
+                    res.data.forEach(e => {
+                        e.nodeList.forEach(el => {
+                            this.categorylist.push(el)
+                        })
+                    })
                     this.categoryItem = this.categorylist[0]
                 }
             })
@@ -65,6 +84,37 @@ export default {
         padding-top: 20px;
         border-left: 3px solid #DFE4ED;
 
+        .titletop {
+            font-size: 16px;
+            font-weight: 700;
+            margin: 10px 0px 0 20px;
+        }
+
+        .bodytop {
+            .titledata {
+                margin: 30px 0px 15px 20px;
+                font-size: 20px;
+            }
+
+            .audiotop {
+                margin: 10px 0px 10px 20px;
+            }
+
+            img {
+                margin: 0px 0px 0px 20px;
+            }
+
+            .know {
+                margin: 11px 0px 10px 20px;
+                font-size: 16px;
+            }
+
+            .knowlist {
+                margin: 10px 0px 10px 20px;
+                font-size: 16px;
+            }
+        }
+
         .richtext {
             overflow: scroll;
             // 隐藏表头的滚动条
diff --git a/src/views/manage/details/patientdetails.vue b/src/views/manage/details/patientdetails.vue
index bb199ee..7b13875 100644
--- a/src/views/manage/details/patientdetails.vue
+++ b/src/views/manage/details/patientdetails.vue
@@ -52,12 +52,12 @@
       </div>
     </div>
     <div class="bottomheader">
-      <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tabs v-model="activeName">
         <el-tab-pane label="就诊记录" name="first">
           <visitRecords></visitRecords>
         </el-tab-pane>
         <el-tab-pane label="康复计划及记录" name="second">
-          <el-empty description="暂无" style="width: 100%;"></el-empty>
+          <RehabilitationPlanandRecords v-if="activeName == 'second'"></RehabilitationPlanandRecords>
         </el-tab-pane>
         <el-tab-pane label="健康宣教" name="third">
           <healthEducation v-if="activeName == 'third'"></healthEducation>
@@ -78,6 +78,7 @@ import visitRecords from '../components/visitRecords.vue';
 import healthEducation from '../components/healthEducation.vue';
 import indicatorMonitoring from '../components/indicatorMonitoring.vue';
 import signingRecords from '../components/signingRecords.vue';
+import RehabilitationPlanandRecords from '../components/RehabilitationPlanandRecords.vue';
 export default {
   components: {
     //就诊记录
@@ -88,6 +89,8 @@ export default {
     indicatorMonitoring,
     // 签约记录
     signingRecords,
+    //康复计划
+    RehabilitationPlanandRecords
   },
   name: "patientdetails",
   data() {
@@ -98,9 +101,6 @@ export default {
   created() {
   },
   methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    },
   }
 };
 </script>