From 901ab7bed4d4b37fd8f069b3fba30ef82fc8c0b8 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Wed, 15 May 2024 13:53:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E5=B7=A5=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/LookAuditing/index.vue | 840 +++++++++++++-----------
 1 file changed, 466 insertions(+), 374 deletions(-)

diff --git a/src/views/manage/LookAuditing/index.vue b/src/views/manage/LookAuditing/index.vue
index d82388a..9128241 100644
--- a/src/views/manage/LookAuditing/index.vue
+++ b/src/views/manage/LookAuditing/index.vue
@@ -1,181 +1,271 @@
 <template>
-    <div style="background-color:#F1F3F5">
-        <div slot="footer" style="float: right;padding:10px 10px 0 0;height:35px">
-            <el-button size="mini" @click="cancel">返 回</el-button>
+  <div style="background-color: #f1f3f5">
+    <div
+      slot="footer"
+      style="float: right; padding: 10px 10px 0 0; height: 35px"
+    >
+      <el-button size="mini" @click="cancel">返 回</el-button>
+    </div>
+    <div class="card">
+      <div class="cardleft">
+        <div class="title">
+          <div style="display: flex; align-items: center">
+            <img
+              class="headsculpture"
+              v-if="list.sex == 'MALE'"
+              src="../../../assets/manage/touxiang.png"
+            />
+            <img
+              class="headsculpture"
+              v-else
+              src="../../../assets/manage/nvtouxiang.png"
+            />
+            <div class="name">
+              {{ list.patientName ? list.patientName : "" }}
+            </div>
+            <div class="genderandage">
+              <span>
+                {{ list.sex == "MALE" ? "男" : "" }}
+                {{ list.sex == "FEMALE" ? "女" : "" }}
+              </span>
+              <span v-if="list.sex && list.age" style="padding: 0 6px">|</span>
+              <span v-if="list.age">{{ list.age }}岁</span>
+            </div>
+          </div>
+          <div class="source">
+            <div class="situation item">
+              {{ list.visitMethod == "OUTPATIENT_SERVICE" ? "门诊" : "" }}
+              {{ list.visitMethod == "BE_IN_HOSPITAL" ? "住院" : "" }}
+            </div>
+            <div
+              class="item"
+              style="color: #00e06e; border-color: #00e06e"
+              v-if="list.patientSource == 'WE_CHAT_OFFICIAL_ACCOUNT'"
+            >
+              <img src="../../../assets/manage/gzh.png" alt="" />
+              <div>公众号</div>
+            </div>
+            <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'"
+            >
+              <img src="../../../assets/manage/gld.png" alt="" />
+              <div>管理端</div>
+            </div>
+          </div>
         </div>
-        <div class="card">
-            <div class="cardleft">
-                <div class="title">
-                    <div style="display: flex;align-items:center">
-                        <img class="headsculpture" v-if="list.sex == 'MALE'" src="../../../assets/manage/touxiang.png">
-                        <img class="headsculpture" v-else src="../../../assets/manage/nvtouxiang.png">
-                        <div class="name">
-                            {{ list.patientName ? list.patientName : '' }}
-                        </div>
-                        <div class="genderandage">
-                            <span> {{ list.sex == 'MALE' ? "男" : '' }}
-                                {{ list.sex == 'FEMALE' ? "女" : '' }}
-                            </span>
-                            <span v-if="list.sex && list.age" style="padding: 0 6px;">|</span>
-                            <span v-if="list.age">{{ list.age }}岁</span>
-                        </div>
-                    </div>
-                    <div class="source">
-                        <div class="situation item">
-                            {{ list.visitMethod == 'OUTPATIENT_SERVICE' ? '门诊' : '' }}
-                            {{ list.visitMethod == 'BE_IN_HOSPITAL' ? '住院' : '' }}
-                        </div>
-                        <div class="item" style="color:#00E06E;border-color:#00E06E"
-                            v-if="list.patientSource == 'WE_CHAT_OFFICIAL_ACCOUNT'">
-                            <img src="../../../assets/manage/gzh.png" alt="">
-                            <div>
-                                公众号
-                            </div>
-                        </div>
-                        <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'">
-                            <img src="../../../assets/manage/gld.png" alt="">
-                            <div>
-                                管理端
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="texts">
-                    <div class="text">
-                        医院: {{ list.hospitalAgencyName ? list.hospitalAgencyName : '' }}
-                    </div>
-                    <div class="text">
-                        科室: {{ list.departmentName ? list.departmentName : '' }}
-                    </div>
-                    <div class="text" v-if="list.visitMethod == 'BE_IN_HOSPITAL'">
-                        入院时间: {{ list.admissionTime }}
-                    </div>
-                    <div class="text" v-if="list.visitMethod == 'BE_IN_HOSPITAL'">
-                        出院时间: {{ list.dischargeTime }}
-                    </div>
-                    <div class="text" v-if="list.visitMethod == 'OUTPATIENT_SERVICE'">
-                        就诊时间: {{ list.dischargeTime }}
-                    </div>
-                </div>
-                <el-descriptions title="诊断信息" style="margin:16px auto">
-                    <el-descriptions-item label="主要诊断">{{ list.mainDiagnosis }}</el-descriptions-item>
-                </el-descriptions>
-                <el-descriptions title="手术信息" style="margin:16px auto;border-top: 1px solid #e6ebf5;"
-                    v-if="list.visitMethod != 'OUTPATIENT_SERVICE'">
-                    <el-descriptions-item label="手术名称">{{ list.surgicalName }}</el-descriptions-item>
-                </el-descriptions>
-                <el-collapse v-model="activeNames">
-                    <el-collapse-item title="入院记录" name="-1">
-                        <div v-html="list.inHospitalInfo"></div>
-                    </el-collapse-item>
-                    <el-collapse-item title="手术记录" name="-2" v-if="list.visitMethod != 'OUTPATIENT_SERVICE'">
-                        <div v-html="list.surgicalRecord"></div>
-                    </el-collapse-item>
-                    <el-collapse-item title="出院记录" name="-3" v-if="list.visitMethod != 'OUTPATIENT_SERVICE'">
-                        <div v-html="list.outHospitalInfo"></div>
-                    </el-collapse-item>
-                </el-collapse>
-            </div>
-            <div class="cardright">
-                <div class="text" style="font-size: 20px;"> 任务:</div>
-                <div v-for="item in nodelist" :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 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="texts">
+          <div class="text">
+            医院: {{ list.hospitalAgencyName ? list.hospitalAgencyName : "" }}
+          </div>
+          <div class="text">
+            科室: {{ list.departmentName ? list.departmentName : "" }}
+          </div>
+          <div class="text" v-if="list.visitMethod == 'BE_IN_HOSPITAL'">
+            入院时间: {{ list.admissionTime }}
+          </div>
+          <div class="text" v-if="list.visitMethod == 'BE_IN_HOSPITAL'">
+            出院时间: {{ list.dischargeTime }}
+          </div>
+          <div class="text" v-if="list.visitMethod == 'OUTPATIENT_SERVICE'">
+            就诊时间: {{ list.dischargeTime }}
+          </div>
         </div>
-        <!-- 话术预览弹框 -->
-        <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>
+        <el-descriptions title="诊断信息" style="margin: 16px auto">
+          <el-descriptions-item label="主要诊断">{{
+            list.mainDiagnosis
+          }}</el-descriptions-item>
+        </el-descriptions>
+        <el-descriptions
+          title="手术信息"
+          style="margin: 16px auto; border-top: 1px solid #e6ebf5"
+          v-if="list.visitMethod != 'OUTPATIENT_SERVICE'"
+        >
+          <el-descriptions-item label="手术名称">{{
+            list.surgicalName
+          }}</el-descriptions-item>
+        </el-descriptions>
+        <el-collapse v-model="activeNames">
+          <el-collapse-item title="入院记录" name="-1">
+            <div v-html="list.inHospitalInfo"></div>
+          </el-collapse-item>
+          <el-collapse-item
+            title="手术记录"
+            name="-2"
+            v-if="list.visitMethod != 'OUTPATIENT_SERVICE'"
+          >
+            <div v-html="list.surgicalRecord"></div>
+          </el-collapse-item>
+          <el-collapse-item
+            title="出院记录"
+            name="-3"
+            v-if="list.visitMethod != 'OUTPATIENT_SERVICE'"
+          >
+            <div v-html="list.outHospitalInfo"></div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+      <div class="cardright">
+        <div class="text" style="font-size: 20px">任务:</div>
+        <div
+          v-for="item in nodelist"
+          :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>
-        </el-dialog>
-        <!-- 问卷预览弹框 -->
-        <questionopen ref="question" :lookitem="lookitem"></questionopen>
-        <!-- <el-dialog title="问卷预览" :visible.sync="questionopen" width="30%" :before-close="openfalse">
+          </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 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-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">
+            <Editorxj
+              v-model="lookitem.propagandaContent"
+              :min-height="192"
+              style="width: 800px"
+            />
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 问卷预览弹框 -->
+    <questionopen ref="question" :lookitem="lookitem"></questionopen>
+    <!-- <el-dialog title="问卷预览" :visible.sync="questionopen" width="30%" :before-close="openfalse">
             <div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
             <div class="bodytop">
                 <div class="titledata">{{ lookitem.propagandaTitle }}</div>
@@ -188,248 +278,250 @@
                 </div>
             </div>
         </el-dialog> -->
-    </div>
+  </div>
 </template>
 
 <script>
 import {
-    getRouteNodeList,
-    getByPatientId,
-    audit
+  getRouteNodeList,
+  getByPatientId,
+  audit
 } from '@/api/manage/Auditing.js'
 import { getAge } from "@/utils/age";
 import questionopen from '../components/questionopen.vue';
+import Editorxj from "../../system/Editorxj/index.vue";
 export default {
-    components: {
-        questionopen,
+  components: {
+    questionopen
+    , Editorxj
+  },
+  name: "LookAuditing",
+  data() {
+    return {
+      baseUrl: process.env.VUE_APP_BASE_API,
+      activeNames: ['-1', '-2', '-3'],
+      list: {},
+      nodelist: [],
+      lookitem: {},
+      phoneopen: false,
+      propagandaopen: false,
+    };
+  },
+  created() {
+    this.info();
+  },
+  methods: {
+    //查看宣教模板
+    lookpropaganda(item) {
+      this.lookitem = item.detailInfo
+      this.propagandaopen = true
     },
-    name: "LookAuditing",
-    data() {
-        return {
-            baseUrl: process.env.VUE_APP_BASE_API,
-            activeNames: ['-1', '-2', '-3'],
-            list: {},
-            nodelist: [],
-            lookitem: {},
-            phoneopen: false,
-            propagandaopen: false,
-        };
+    //查看话术模板
+    lookphone(item) {
+      this.lookitem = item.detailInfo
+      this.phoneopen = true
     },
-    created() {
-        this.info();
+    //查看问卷模板
+    lookquestion(item) {
+      this.lookitem = item.detailInfo
+      this.$refs.question.questionopentrue()
     },
-    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 = {}
-        },
-        //审核
-        auditing() {
-            this.$prompt('请输入审核备注信息?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-            }).then(({ value }) => {
-                let obj = {
-                    routeCheckPerson: JSON.parse(localStorage.getItem('user')).nickName,
-                    routeCheckRemark: value,
-                    routeCheckStatus: 'AGREE',
-                    manageRouteNodeIds: this.nodelist.map(e => e.manageRouteId)
-                }
-                audit(obj).then(res => {
-                    this.$notify({
-                        type: 'success',
-                        title: '提示',
-                        message: '审核通过,即将返回上一页',
-                        duration: 3000
-                    });
-                    setTimeout(() => {
-                        this.$store.dispatch('tagsView/delView', this.$route).then(({ visitedViews }) => {
-                            this.$router.push({
-                                path: "/task/manualReview",
-                            });
-                        })
-                    }, 3000);
-                })
-            })
-        },
-        info() {
-            getByPatientId(this.$route.query.patientId).then(res => {
-                res.data.birthDate ? res.data.age = getAge(res.data.birthDate) : ''
-                this.list = res.data
-            })
-            getRouteNodeList({ patientId: this.$route.query.patientId, taskCreateType: 'MANUAL_CREATE', routeCheckStatus: this.$route.query.routeCheckStatus }).then(res => {
-                this.nodelist = res.data
-            })
-        },
-        cancel() {
+    //关闭预览
+    openfalse() {
+      this.phoneopen = false
+      this.propagandaopen = false
+      this.lookitem = {}
+    },
+    //审核
+    auditing() {
+      this.$prompt('请输入审核备注信息?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(({ value }) => {
+        let obj = {
+          routeCheckPerson: JSON.parse(localStorage.getItem('user')).nickName,
+          routeCheckRemark: value,
+          routeCheckStatus: 'AGREE',
+          manageRouteNodeIds: this.nodelist.map(e => e.manageRouteId)
+        }
+        audit(obj).then(res => {
+          this.$notify({
+            type: 'success',
+            title: '提示',
+            message: '审核通过,即将返回上一页',
+            duration: 3000
+          });
+          setTimeout(() => {
             this.$store.dispatch('tagsView/delView', this.$route).then(({ visitedViews }) => {
-                this.$router.push({
-                    path: "/task/manualReview",
-                });
+              this.$router.push({
+                path: "/task/manualReview",
+              });
             })
-        },
-    }
+          }, 3000);
+        })
+      })
+    },
+    info() {
+      getByPatientId(this.$route.query.patientId).then(res => {
+        res.data.birthDate ? res.data.age = getAge(res.data.birthDate) : ''
+        this.list = res.data
+      })
+      getRouteNodeList({ patientId: this.$route.query.patientId, taskCreateType: 'MANUAL_CREATE', routeCheckStatus: this.$route.query.routeCheckStatus }).then(res => {
+        this.nodelist = res.data
+      })
+    },
+    cancel() {
+      this.$store.dispatch('tagsView/delView', this.$route).then(({ visitedViews }) => {
+        this.$router.push({
+          path: "/task/manualReview",
+        });
+      })
+    },
+  }
 };
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-collapse-item__header {
-    font-size: 16px;
-    font-weight: bold;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .texts {
-    margin: 16px 0 20px;
-    flex-wrap: wrap;
-    width: 100%;
-    display: flex;
-    font-size: 14px;
+  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;
-    }
+  .text {
+    margin-bottom: 10px;
+    width: 50%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+  }
 }
 
 .card {
-    width: 100%;
-    display: flex;
-    justify-content: space-evenly;
-    padding: 20px 0;
-    height: calc(100vh - 119px);
+  width: 100%;
+  display: flex;
+  justify-content: space-evenly;
+  padding: 20px 0;
+  height: calc(100vh - 119px);
 
-    .cardleft {
-        width: 35%;
-        background-color: #fff;
-        overflow: scroll;
-        padding: 20px;
+  .cardleft {
+    width: 35%;
+    background-color: #fff;
+    overflow: scroll;
+    padding: 20px;
 
-        .title {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
+    .title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
 
-            .source {
-                display: flex;
+      .source {
+        display: flex;
 
-                .situation {
-                    background-color: #F1FAF7;
-                    padding: 3px 6px;
-                    color: #83CAC0 !important;
-                    border: 1px solid #83CAC0 !important;
-                }
-
-                .item {
-                    font-size: 14px;
-                    margin-left: 5px;
-                    border: 1px solid #fff;
-                    padding: 3px 6px;
-                    border-radius: 5px;
-                    justify-content: center;
-                    display: flex;
-                    align-items: center;
-
-                    img {
-                        margin-right: 2px;
-                        width: 16px;
-                        height: 16px;
-                    }
-                }
-            }
-
-            .name {
-                padding: 0 6px;
-            }
-
-            .genderandage {
-                padding: 0 6px;
-            }
-
-            .headsculpture {
-                width: 35px;
-                height: 35px;
-            }
+        .situation {
+          background-color: #f1faf7;
+          padding: 3px 6px;
+          color: #83cac0 !important;
+          border: 1px solid #83cac0 !important;
         }
+
+        .item {
+          font-size: 14px;
+          margin-left: 5px;
+          border: 1px solid #fff;
+          padding: 3px 6px;
+          border-radius: 5px;
+          justify-content: center;
+          display: flex;
+          align-items: center;
+
+          img {
+            margin-right: 2px;
+            width: 16px;
+            height: 16px;
+          }
+        }
+      }
+
+      .name {
+        padding: 0 6px;
+      }
+
+      .genderandage {
+        padding: 0 6px;
+      }
+
+      .headsculpture {
+        width: 35px;
+        height: 35px;
+      }
+    }
+  }
+
+  .cardright {
+    overflow: scroll;
+    background-color: #fff;
+    width: 62%;
+    padding: 20px;
+    font-size: 14px;
+
+    .textarea {
+      font-size: 14px;
+      font-weight: 400;
+      margin-bottom: 10px;
+      width: 100%;
     }
 
-    .cardright {
-        overflow: scroll;
-        background-color: #fff;
-        width: 62%;
-        padding: 20px;
-        font-size: 14px;
-
-        .textarea {
-            font-size: 14px;
-            font-weight: 400;
-            margin-bottom: 10px;
-            width: 100%;
-        }
-
-        .text {
-            font-size: 16px;
-            font-weight: bold;
-        }
+    .text {
+      font-size: 16px;
+      font-weight: bold;
     }
+  }
 }
 
 .titletop {
-    font-size: 16px;
-    font-weight: 700;
+  font-size: 16px;
+  font-weight: 700;
 }
 
 .bodytop {
-    position: relative;
-    top: 20px;
-    height: 500px;
-    overflow: auto;
-    border: 1px solid #e2e2e2;
+  position: relative;
+  top: 20px;
+  height: 500px;
+  overflow: auto;
+  border: 1px solid #e2e2e2;
 
-    .titledata {
-        margin: 30px 0px 15px 30px;
-        top: 14px;
-        font-size: 20px;
-    }
+  .titledata {
+    margin: 30px 0px 15px 30px;
+    top: 14px;
+    font-size: 20px;
+  }
 
-    .audiotop {
-        margin: 10px 0px 10px 30px;
-    }
+  .audiotop {
+    margin: 10px 0px 10px 30px;
+  }
 
-    img {
-        // width: 100%;
-        // width: 362px;
-        // height: 127px;
-        margin: 0px 0px 0px 30px;
-    }
+  img {
+    // width: 100%;
+    // width: 362px;
+    // height: 127px;
+    margin: 0px 0px 0px 30px;
+  }
 
-    .know {
-        margin: 11px 0px 10px 30px;
-        font-size: 16px;
-    }
+  .know {
+    margin: 11px 0px 10px 30px;
+    font-size: 16px;
+  }
 
-    .knowlist {
-        margin: 10px 0px 10px 30px;
-        font-size: 16px;
-    }
+  .knowlist {
+    margin: 10px 0px 10px 30px;
+    font-size: 16px;
+  }
 }
 </style>