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

---
 .../RehabilitationPlanandRecords.vue          | 101 ++-
 src/views/manage/components/questionopen.vue  |   1 -
 .../components/specialDiseaseNodeopen.vue     | 789 ++++++++++++++++++
 src/views/manage/components/wangEditor.vue    | 583 +++++++++++++
 src/views/system/components/wangEditor.vue    |   1 -
 5 files changed, 1466 insertions(+), 9 deletions(-)
 create mode 100644 src/views/manage/components/specialDiseaseNodeopen.vue
 create mode 100644 src/views/manage/components/wangEditor.vue

diff --git a/src/views/manage/components/RehabilitationPlanandRecords.vue b/src/views/manage/components/RehabilitationPlanandRecords.vue
index 3a132ba..f4b31d0 100644
--- a/src/views/manage/components/RehabilitationPlanandRecords.vue
+++ b/src/views/manage/components/RehabilitationPlanandRecords.vue
@@ -9,8 +9,8 @@
             </div>
         </div>
         <div class="rightheader" v-if="categorylist.length > 0">
-            <div class="richtext">
-                <div class="text" style="font-size: 20px;"> 任务:</div>
+            <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">
@@ -76,6 +76,76 @@
                     </div>
                 </div>
             </div>
+            <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 class="text">
+                            路径详情: <el-button @click="lookspecialDiseaseNode" style="padding: 6px 10px;">预览</el-button>
+                        </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>
         <!-- 话术预览弹框 -->
@@ -101,6 +171,11 @@
         </el-dialog>
         <!-- 问卷预览弹框 -->
         <questionopen ref="question" :lookitem="lookitem"></questionopen>
+        <!-- 专病节点预览 -->
+        <el-dialog title="专病节点预览" :visible.sync="specialDiseaseNodeopen" width="90%">
+            <specialDiseaseNodeopen :lookitem="lookitem">
+            </specialDiseaseNodeopen>
+        </el-dialog>
     </div>
 </template>
 <script>
@@ -108,9 +183,11 @@ import {
     getList
 } from '@/api/manage/healthEducation'
 import questionopen from './questionopen.vue';
+import specialDiseaseNodeopen from './specialDiseaseNodeopen.vue';
 export default {
     components: {
         questionopen,
+        specialDiseaseNodeopen
     },
     name: "RehabilitationPlanandRecords",
     data() {
@@ -120,27 +197,37 @@ export default {
             itemindex: 0,
             namelist: [
                 {
-                    name: '手动创建任务'
+                    name: '专病管理路径'
                 },
                 {
-                    name: '专病管理路径'
-                }
+                    name: '手动创建任务'
+                },
             ],
             categorylist: [],
             query: {
                 patientId: '',
                 routeCheckStatus: 'AGREE',
-                taskCreateType: 'MANUAL_CREATE'
+                taskCreateType: 'MANUAL_MATCHE'
             },
             lookitem: {},
             phoneopen: false,
             propagandaopen: false,
+            specialDiseaseNodeopen: false,
         };
     },
     mounted() {
         this.info();
     },
     methods: {
+        //查看专病节点
+        lookspecialDiseaseNode() {
+            this.lookitem = {
+                routeName: '路径名称',
+                suitRange: 'IN_THE_HOSPITAL',
+                id: 1
+            }
+            this.specialDiseaseNodeopen = true
+        },
         //查看宣教模板
         lookpropaganda(item) {
             this.lookitem = item.detailInfo
@@ -164,7 +251,7 @@ export default {
         },
         clicknameitem(item, index) {
             this.itemindex = index
-            if (index == 0) {
+            if (index == 1) {
                 this.query.taskCreateType = 'MANUAL_CREATE'
             } else {
                 this.query.taskCreateType = 'MANUAL_MATCHE'
diff --git a/src/views/manage/components/questionopen.vue b/src/views/manage/components/questionopen.vue
index 696ae36..ad7cd0b 100644
--- a/src/views/manage/components/questionopen.vue
+++ b/src/views/manage/components/questionopen.vue
@@ -92,7 +92,6 @@ export default {
         // 日期填空题
         timepicker(e, index) {
             this.questiondata.questionSubjectList[index].fillBlanksAnswer = e
-
         },
         // 复选框
         radioChangecheck(e, item, index, aindex) {
diff --git a/src/views/manage/components/specialDiseaseNodeopen.vue b/src/views/manage/components/specialDiseaseNodeopen.vue
new file mode 100644
index 0000000..f8fd498
--- /dev/null
+++ b/src/views/manage/components/specialDiseaseNodeopen.vue
@@ -0,0 +1,789 @@
+<template>
+    <div class="app-container">
+        <el-descriptions title="编辑主路径" />
+        <div class="title">
+            <el-tag>主路径</el-tag>
+            <div>
+                {{ updata.routeName }}
+            </div>
+            <div class="select">
+                <span>
+                    适用范围
+                </span>
+                <el-select v-model="updata.suitRange" disabled>
+                    <el-option label="在院" value="IN_THE_HOSPITAL" />
+                    <el-option label="出院" value="DISCHARGE" />
+                    <el-option label="门诊" value="OUTPATIENT_SERVICE" />
+                    <el-option label="门诊+出院" value="OUTPATIENT_SERVICE_DISCHARGE" />
+                </el-select>
+            </div>
+        </div>
+        <div class="list">
+            <div class="timelist">
+                <div class="timetitle">
+                    管理路径节点({{ lists.length }})
+                    <i class="el-icon-circle-plus-outline" @click="addlist"></i>
+                </div>
+                <el-timeline>
+                    <el-timeline-item v-for="(item, index) in lists" :key="index"
+                        :color="listindex == index ? '#409EFF' : ''">
+                        <div class="top">
+                            <div class="toptop">
+                                <el-select v-model="item.routeNodeName" disabled style="width:87px">
+                                    <el-option label="出院后" value="AFTER_DISCHARGE" />
+                                    <el-option label="入院后" value="AFTER_ADMISSION" />
+                                    <el-option label="就诊后" value="AFTER_CONSULTATION" />
+                                    <el-option label="就诊/出院后" value="AFTER_VISIT_DISCHARGE" />
+                                    <el-option label="术前" value="PREOPERATIVE" />
+                                    <el-option label="术后" value="POSTOPERATIVE" />
+                                </el-select>
+                                <el-input v-model="item.routeNodeDay" disabled style="width: 50px;"></el-input>
+                                <span>天</span>
+                            </div>
+                            <div>
+                                <i class="el-icon-delete" @click="delitem(item, index)"></i>
+                                <i class="el-icon-circle-plus-outline" @click="additem(item)"></i>
+                            </div>
+                        </div>
+                        <el-card v-for="(uitem, uindex) in item.list" :key="uitem.id"
+                            @click.native='bottomclickevent(uitem, index, uindex)'
+                            :class="listindex == index && itemindex == uindex ? 'cards' : ''">
+                            <h3 style="height: 20px;">{{ uitem.taskType }}</h3>
+                            <el-tag v-if="uitem.routeCheckStatus == 'AGREE'" class="routeCheckStatus">已审核</el-tag>
+                            <el-tag v-else type="warning" class="routeCheckStatus">未审核</el-tag>
+                            <p style="height: 16px;">{{ uitem.taskSubdivision }}</p>
+                        </el-card>
+                    </el-timeline-item>
+                </el-timeline>
+            </div>
+            <div class="texts">
+                <div class="topform">
+                    <el-form ref="form" :inline="true" :model="form" class="form">
+                        <el-form-item label="任务类型" prop="">
+                            <el-select v-model="form.taskType" disabled style="width:110px" @change="changeTaskType">
+                                <el-option v-for="item in selectTaskTypeList" :key="item.id" :label="item.taskTypeName"
+                                    :value="item.taskTypeName">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="任务细分" prop="">
+                            <el-select v-model="form.taskSubdivision" disabled style="width:110px"
+                                @change="changetaskSubdivision">
+                                <el-option v-for="item in taskPartitionList" :key="item.id" :label="item.taskTypeName"
+                                    :value="item.taskTypeName">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="任务状态" prop="">
+                            <el-select v-model="form.taskStatus" disabled style="width:100px">
+                                <el-option v-for="item in taskStatusDictList" :key="item.id"
+                                    :label="item.taskStatusName" :value="item.taskStatusName">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="二级分类描述" prop="">
+                            <el-input v-model="form.secondClassifyDescribe" disabled style="width:100px"></el-input>
+                        </el-form-item>
+                        <el-form-item label="执行时间" prop="">
+                            <el-time-select v-model="form.executionTime" disabled style="width:120px"
+                                placeholder="选择时间">
+                            </el-time-select>
+                        </el-form-item>
+                        <el-form-item label="问卷库模板选择" prop=""
+                            v-if="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'">
+                            <el-input v-model="form.templateName" disabled style="width:200px"></el-input>
+                        </el-form-item>
+                        <el-form-item label="宣教库模板选择" prop="" v-if="form.taskSubdivisiontemplateType == 'PROPAGANDA'">
+                            <el-input v-model="form.templateName" disabled style="width:200px"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="bottomform">
+                    <wangeditor style="width:100%;" :nodeContent="form.nodeContent" @on-nodeContent="onNodeContent"
+                        ref="wangeditor" />
+                    <div class="card">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    短信
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <el-input v-model="form.messageTemplateName" disabled style="width:200px"></el-input>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.messagePushSign" disabled active-color="#13ce66"
+                                    active-value="1" inactive-value="0">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                短信预览：
+                            </div>
+                            <el-input class="textarea" v-model="form.messagePreview" disabled></el-input>
+                        </div>
+                    </div>
+                    <div class="card">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    公众号
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-input v-model="form.officialTemplateName" disabled
+                                        style="width:200px"></el-input>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.officialPushSign" disabled active-color="#13ce66"
+                                    active-value="1" inactive-value="0">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                提醒内容：
+                            </div>
+                            <el-input v-model="form.officialRemindContent" disabled class="textarea"></el-input>
+                        </div>
+                    </div>
+                    <div class="card">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    小程序
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-input v-model="form.appletTemplateName" disabled style="width:200px"></el-input>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.appletPushSign" disabled active-color="#13ce66"
+                                    active-value="1" inactive-value="0">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                提醒内容：
+                            </div>
+                            <el-input v-model="form.appletRemindContent" disabled class="textarea"></el-input>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                提示说明：
+                            </div>
+                            <el-input v-model="form.appletPromptDescription" disabled class="textarea"></el-input>
+                        </div>
+                    </div>
+                    <!-- <div class="card" style="height: 250px;">
+                        <div class="flex">
+                            <div class="pushMethod">
+                                推送方式：
+                                <span>
+                                    AI电话
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                模板：
+                                <span>
+                                    <el-select v-model="value" style="width:200px;">
+                                        <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                            :label="item.taskStatusName" :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </span>
+                            </div>
+                            <div class="pushMethod">
+                                <el-switch v-model="form.value" active-color="#13ce66"  active-value="1"
+                                    inactive-value="0">
+                                </el-switch>
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                机构名称：
+                            </div>
+                            <div class="text">
+                                我是
+                            </div>
+                            <el-input v-model="form.input" placeholder="" style="width:150px;padding:0 10px"></el-input>
+                            <div class="text">
+                                的工作人员
+                            </div>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                重播次数：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" style="width:200px;"></el-input>
+                            <div class="text" style="padding-left: 100px;">
+                                时间间隔：
+                            </div>
+                            <el-input v-model="form.input" placeholder="" style="width:200px;"></el-input>
+                        </div>
+                        <div class="flextwo">
+                            <div class="text">
+                                短信提醒：
+                            </div>
+                            <el-select v-model="value" style="width:200px;">
+                                <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                    :label="item.taskStatusName" :value="item.id">
+                                </el-option>
+                            </el-select>
+                            <div class="text" style="padding-left: 100px;">
+                                短信模板：
+                            </div>
+                            <el-select v-model="value" style="width:200px;">
+                                <el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
+                                    :label="item.taskStatusName" :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </div>
+                    </div> -->
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import wangeditor from './wangEditor.vue'
+import question from '@/views/system/components/question.vue'
+import message from '@/views/system/components/message.vue'
+import propaganda from '@/views/system/components/propaganda.vue'
+import officialAccount from '@/views/system/components/officialAccount.vue'
+import miniProgram from '@/views/system/components/miniProgram.vue'
+import {
+    selectTaskTypeList, taskPartitionList, taskStatusDictList, specialDiseaseNode, selectSpecialDisease, updateRouteCheckStatus
+} from '@/api/system/specialDiseaseNode'
+export default {
+    components: { wangeditor, question, propaganda, message, officialAccount, miniProgram },
+    props: ['lookitem'],
+    name: "specialDiseaseNodeopen",
+    data() {
+        return {
+            dialogVisible: false,
+            routeform: {
+                routeCheckStatus: null,
+                routeCheckRemark: "",
+            },
+            rules: {
+                routeCheckStatus: [
+                    { required: true, message: '请选择节点审核状态', trigger: 'change' }
+                ],
+            },
+            totalNumber: 0,
+            agreeNumber: 0,
+            updata: {
+                specialDiseaseRouteId: '',
+                suitRange: '',
+                routeName: '',
+                specialDiseaseNodeList: [],
+            },
+            form: {
+                nodeContent: '<p></p>',
+                templateId: '',
+                templateName: '',
+                taskType: '',
+                taskSubdivision: '',
+                taskSubdivisionName: '',
+                taskStatus: '',
+                secondClassifyDescribe: '',
+                executionTime: '',
+                appletPushSign: '0',
+                officialPushSign: '0',
+                messagePushSign: '0',
+                taskSubdivisiontemplateType: '',
+                officialRemindContent: '',
+                messagePreview: '',
+                appletRemindContent: '',
+                appletPromptDescription: '',
+            },
+            itemindex: 0,
+            listindex: 0,
+            lists: [],
+            value: '',
+            input: '',
+            //任务类型
+            selectTaskTypeList: [],
+            //任务状态
+            taskStatusDictList: [],
+            //任务细分
+            taskPartitionList: [],
+        };
+    },
+    created() {
+        this.updata = this.lookitem
+        this.updata.specialDiseaseRouteId = this.lookitem.id
+        this.taskinfo();
+        this.info();
+    },
+    beforeDestroy() { },
+    watch: {
+        lookitem(newValue, oldValue) {
+            if (newValue) {
+                this.updata = newValue;
+                this.updata.specialDiseaseRouteId = newValue.id
+            }
+        }
+    },
+    mounted() {
+    },
+    methods: {
+        info() {
+            selectSpecialDisease(this.updata.specialDiseaseRouteId).then(res => {
+                this.agreeNumber = res.data.agreeNumber
+                this.totalNumber = res.data.totalNumber
+                res.data.specialDiseaseNodeList.forEach(e => {
+                    e.messagePushSign = '' + e.messagePushSign
+                    e.officialPushSign = '' + e.officialPushSign
+                    e.appletPushSign = '' + e.appletPushSign
+                })
+                this.lists = this.handleData(res.data.specialDiseaseNodeList, 'routeNodeDay', 'routeNodeName')
+                this.form = this.lists[0].list[0]
+                if (this.form.taskType) {
+                    this.changeTaskType(this.form.taskType, this.form.taskSubdivision)
+                }
+                this.$refs.wangeditor.disable();
+            })
+        },
+        handleData(list, key, keytwo) {
+            //得到数据的主键列表
+            let keysArr = list.map(item => {
+                return {
+                    routeNodeDay: item[key],
+                    routeNodeName: item[keytwo],
+                }
+            })
+            let keys = [...new Set(keysArr)]
+            let newList = keys.map(item => {
+                return {
+                    //这里写新的 数据结构 如下是整体复制
+                    routeNodeDay: item[key],
+                    routeNodeName: item[keytwo],
+                    list: list.filter(i => i[key] == item[key] && i[keytwo] == item[keytwo])
+                }
+            })
+            return newList;
+        },
+        //wangeditor传值
+        onNodeContent(item) {
+            this.form.nodeContent = item.nodeContent
+        },
+        //小程序传值
+        miniProgramtemplate(item) {
+            this.form.appletTemplateId = item.templateId
+            this.form.appletTemplateName = item.templateName
+            this.form.appletRemindContent = item.templateContent
+        },
+        //短信传值
+        messageontemplate(item) {
+            this.form.messageTemplateId = item.templateId
+            this.form.messageTemplateName = item.templateName
+            this.form.messagePreview = item.templateContent
+        },
+        //公众号传值
+        officialAccountontemplate(item) {
+            this.form.officialTemplateId = item.templateId
+            this.form.officialTemplateName = item.templateName
+            this.form.officialRemindContent = item.templateContent
+        },
+        //暂存
+        TemporaryStorage() {
+            this.$refs.wangeditor.emit()
+            this.updata.specialDiseaseNodeList = []
+            this.lists.forEach(e => {
+                e.list.length > 0 ? e.list.forEach(el => {
+                    el.routeNodeDay = e.routeNodeDay
+                    el.routeNodeName = e.routeNodeName
+                    this.updata.specialDiseaseNodeList.push(el)
+                }) : ""
+            })
+            specialDiseaseNode(this.updata).then(res => {
+                this.info();
+                this.$modal.msgSuccess("暂存成功!");
+            })
+        },
+        //问卷传值
+        questionontemplate(item) {
+            this.form.templateId = item.templateId
+            this.form.templateName = item.templateName
+        },
+        //宣教传值
+        propagandaontemplate(item) {
+            this.form.templateId = item.templateId
+            this.form.templateName = item.templateName
+        },
+        bottomclickevent(uitem, index, uindex) {
+            this.$refs.wangeditor.emit()
+            this.form = uitem
+            if (this.form.taskType) {
+                this.changeTaskType(this.form.taskType, this.form.taskSubdivision)
+            }
+            this.listindex = index
+            this.itemindex = uindex
+        },
+        handleStep() {
+            this.active = 2
+        },
+        //任务类型 任务状态
+        taskinfo() {
+            selectTaskTypeList().then(res => {
+                this.selectTaskTypeList = res.data
+            })
+            taskStatusDictList().then(res => {
+                this.taskStatusDictList = res.data
+            })
+        },
+        //任务细分
+        changeTaskType(name, taskSubdivision) {
+            let id = this.selectTaskTypeList?.find(e => e.taskTypeName == name).id
+            taskPartitionList(id).then(res => {
+                this.taskPartitionList = res.data
+                this.form.taskSubdivision = ''
+                this.form.taskSubdivisionName = ''
+                this.form.taskSubdivisiontemplateType = ''
+                this.selectTaskTypeList.forEach(el => {
+                    if (name == el.taskTypeName) {
+                        this.form.taskTypeId = el.id
+                    }
+                })
+                if (taskSubdivision) {
+                    this.changetaskSubdivision(taskSubdivision, 1)
+                }
+            })
+        },
+        changetaskSubdivision(name, type) {
+            this.form.taskSubdivision = name
+            this.taskPartitionList.forEach(el => {
+                if (name == el.taskTypeName) {
+                    this.form.executionTime = el.executionTime
+                    this.form.taskSubdivisiontemplateType = el.templateType
+                    if (!type) {
+                        this.form.templateId = ''
+                        this.form.templateName = ''
+                    }
+                }
+            })
+        },
+        addlist() {
+            this.lists.push({
+                routeNodeName: "",
+                routeNodeDay: '',
+                list: [
+                    {
+                        nodeContent: '<p></p>',
+                        templateId: '',
+                        templateName: '',
+                        taskType: '',
+                        officialRemindContent: '',
+                        taskSubdivision: '',
+                        taskSubdivisionName: '',
+                        appletRemindContent: '',
+                        appletPromptDescription: '',
+                        taskStatus: '',
+                        secondClassifyDescribe: '',
+                        executionTime: '',
+                        appletPushSign: '0',
+                        officialPushSign: '0',
+                        messagePushSign: '0',
+                        messagePreview: '',
+                        taskSubdivisiontemplateType: '',
+                    },
+                ]
+            })
+        },
+        additem(item) {
+            item.list.push({
+                nodeContent: '<p></p>',
+                templateId: '',
+                templateName: '',
+                taskType: '',
+                officialRemindContent: '',
+                taskSubdivision: '',
+                taskSubdivisionName: '',
+                taskStatus: '',
+                secondClassifyDescribe: '',
+                executionTime: '',
+                appletPushSign: '0',
+                officialPushSign: '0',
+                messagePushSign: '0',
+                appletRemindContent: '',
+                appletPromptDescription: '',
+                messagePreview: '',
+                taskSubdivisiontemplateType: '',
+            })
+        },
+        delitem(item, index) {
+            item.list.splice(this.itemindex, 1)
+            if (item.list.length == 0) {
+                this.lists.splice(index, 1)
+            }
+        },
+        //取消
+        handleClose() {
+            this.dialogVisible = false
+            this.routeform = {
+                routeCheckStatus: '',
+                routeCheckRemark: "",
+            }
+            this.resetForm("routeform");
+        },
+        //审核
+        auditing() {
+            this.$refs["routeform"].validate(valid => {
+                if (valid) {
+                    const loading = this.$loading({
+                        lock: true,
+                        text: '审核中',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.7)'
+                    });
+                    updateRouteCheckStatus({
+                        routeCheckStatus: this.routeform.routeCheckStatus,
+                        id: this.form.specialDiseaseNodeId,
+                        routeCheckRemark: this.routeform.routeCheckRemark,
+                        routeCheckPerson: JSON.parse(localStorage.getItem('user')).nickName
+                    }).then(res => {
+                        if (res.data == 1) {
+                            this.info();
+                            this.handleClose()
+                            this.$modal.msgSuccess("审核成功!");
+                            loading.close();
+                        }
+                    })
+                }
+            })
+        },
+    }
+};
+</script>
+<style scoped lang="scss">
+::v-deep .el-card__body {
+    position: relative;
+}
+
+::v-deep .el-input__inner {
+    color: black !important;
+    background-color: #fff !important;
+    cursor: default !important
+}
+
+.routeCheckStatus {
+    position: absolute;
+    right: 10px;
+    top: 30px;
+}
+
+.dialog-footer {
+    padding: 0 20px 0;
+    text-align: right;
+}
+
+.bottomform {
+    background-color: #f2f4f5;
+    margin-top: 10px;
+
+    .card {
+        background-color: #fff;
+        width: 100%;
+        height: 200px;
+        margin: 20px 0 0;
+        padding: 20px 50px 0px 20px;
+
+        .flextwo {
+            display: flex;
+            align-items: center;
+            margin-top: 20px;
+
+            .text {
+                font-size: 13px;
+                color: #64666A;
+            }
+
+            .textarea {
+                width: 90%;
+                padding: 0 10px;
+                height: 50px;
+                line-height: 50px;
+                // border: 1px solid #DCDFE6;
+                border-radius: 5px;
+                display: flex;
+                align-items: center;
+
+                ::v-deep .el-input {
+                    padding: 0 10px;
+                    width: 50%;
+                    color: black;
+                    font-size: 13px;
+                    height: 40px;
+                    line-height: 40px;
+                }
+
+                ::v-deep .el-input__inner {
+                    color: black;
+                    font-size: 13px;
+                }
+            }
+        }
+
+        .flex {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .pushMethod {
+                height: 30px;
+                line-height: 30px;
+                font-size: 13px;
+                color: #64666A;
+
+                ::v-deep .el-input__inner {
+                    color: black;
+                    font-size: 13px;
+                }
+
+                span {
+                    color: black;
+                    font-size: 13px;
+                }
+            }
+        }
+    }
+}
+
+.topform {
+    padding: 15px 0 0 15px;
+
+    .form {
+        ::v-deep .el-input__inner {
+            height: 30px !important;
+            line-height: 30px !important;
+        }
+
+        ::v-deep .el-form-item__label {
+            font-size: 12px !important;
+        }
+    }
+}
+
+.title {
+    display: flex;
+    align-items: center;
+
+    div {
+        display: flex;
+        padding-left: 10px;
+        font-weight: 600;
+        align-items: center;
+    }
+
+    .select {
+        font-weight: 550;
+        margin-left: 20%;
+        font-size: 12px;
+
+        .el-input {
+            width: 200px;
+            height: 30px !important;
+            line-height: 30px !important;
+        }
+    }
+}
+
+
+.list {
+    margin: 20px auto;
+    width: 100%;
+    background-color: #f2f4f5;
+    display: flex;
+    padding-top: 15px;
+    justify-content: space-evenly;
+
+    .timelist {
+        width: 22%;
+        background-color: #fff;
+        padding: 0 20px 20px;
+        // height: 680px;
+        height: calc(100vh - 294px);
+        overflow: scroll;
+
+        .timetitle {
+            height: 60px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        ::v-deep .el-timeline {
+            width: 100%;
+            padding: 15px 0 0 !important;
+        }
+    }
+
+    .texts {
+        width: 75%;
+        // height: 680px;
+        height: calc(100vh - 294px);
+        overflow: scroll;
+        background-color: #fff;
+    }
+}
+
+.cards {
+    border: 1px solid #409EFF;
+    border-left: 5px solid #409EFF;
+}
+
+.top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .toptop {
+        display: flex;
+        align-items: center;
+    }
+
+    span {
+        padding: 0 4px;
+    }
+
+    i {
+        font-size: 17px;
+    }
+
+    i:nth-child(2) {
+        padding-left: 12px;
+    }
+}
+
+::v-deep .el-timeline-item__timestamp {
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+::v-deep .el-timeline-item__wrapper {
+    padding-left: 14px !important;
+}
+
+::v-deep .el-timeline-item__content {
+    transform: translateY(-2%);
+}
+
+::v-deep .el-card {
+    margin-top: 20px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/manage/components/wangEditor.vue b/src/views/manage/components/wangEditor.vue
new file mode 100644
index 0000000..de39f8b
--- /dev/null
+++ b/src/views/manage/components/wangEditor.vue
@@ -0,0 +1,583 @@
+<template>
+    <div style="border: 1px solid #ccc;">
+        <Toolbar style="border-bottom: 1px solid #ccc" :editor="editor" :defaultConfig="toolbarConfig" :mode="mode" />
+        <Editor style="height: 500px; overflow-y: hidden;" v-model="html" :defaultConfig="editorConfig" :mode="mode"
+            @onChange="onChange" @onCreated="onCreated" @onFocus="handleFocus" />
+        <el-dialog title="添加画像标签字段" :visible.sync="labelshow" width="40%" :before-close="beforeClose">
+            <el-cascader-panel :options="labeloptions" @change="panelchange" v-if="labelshow"
+                :props="{ value: 'labelFieldId', label: 'fieldName', children: 'labelFieldContentList' }"></el-cascader-panel>
+            <div>
+                <div style="margin: 20px 0;">结果预览:</div>
+                <el-input type="textarea" v-model="addnode.fileSpan" disabled></el-input>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="labelclick" type="primary">确定</el-button>
+            </div>
+        </el-dialog>
+        <el-dialog title="添加知识库字段" :visible.sync="fieldshow" width="40%" :before-close="beforeClose">
+            <el-cascader-panel :options="fieldoptions" @change="panelchange" v-if="fieldshow"
+                :props="{ value: 'labelFieldId', label: 'fieldName', children: 'labelFieldContentList' }"></el-cascader-panel>
+            <div>
+                <div style="margin: 20px 0;">结果预览:</div>
+                <el-input type="textarea" v-model="addnode.fileSpan" disabled></el-input>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="fieldclick" type="primary">确定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { DomEditor, IDomEditor, SlateElement, SlateDescendant, SlateTransforms, SlateEditor, SlateNode } from '@wangeditor/editor'
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import { Boot } from '@wangeditor/editor'
+import { h, VNode } from 'snabbdom'
+import {
+    labelFieldList
+} from '@/api/system/wangEditor.js'
+// import menuConf from "./ModalMenu";
+import { getToken } from "@/utils/auth";
+
+var that
+export default ({
+    props: ['nodeContent'],
+    components: { Editor, Toolbar },
+    name: 'wangEditor',
+    data() {
+        return {
+            labeloptions: [],
+            fieldoptions: [],
+            labelshow: false,
+            fieldshow: false,
+            editor: null,
+            menukeys: null,
+            toolbarConfig: {
+                insertKeys: {
+                    index: 61,
+                    keys: ['MyButtonMenu', 'MyButtonMenutwo']
+                },
+                excludeKeys: [
+                    'fullScreen',
+                    'insertLink',
+                    'codeBlock',
+                    'todo',
+                    'insertVideo',
+                    'insertImage'
+                ],
+            },
+            editorConfig: {
+                placeholder: '请输入内容...',
+                MENU_CONF: {
+                    uploadImage: {
+                        server: process.env.VUE_APP_BASE_API + '/common/richTextPictureUrl',
+                        headers: {
+                            Authorization: "Bearer " + getToken()
+                        },
+                        fieldName: "file", // 这里有个坑，如果返回的响应结果是没有上传文件，跟这里关系很大
+                        customInsert(res, insertFn) {
+                            if (res.code == 200) {
+                                insertFn(res.url, null, null);
+                            }
+                        },
+                    },
+                },
+            },
+            mode: 'simple', // or 'simple'
+            timer: '',
+            html: `<p></p>`,
+            addnode: {
+                fileName: '',
+                fileSpan: '',
+            },
+            modify: false,
+        }
+    },
+    methods: {
+        disable() {
+            this.editor.disable()
+        },
+        emit() {
+            this.$emit("on-nodeContent", { nodeContent: this.html });
+        },
+        panelchange(item) {
+            if (this.labelshow) {
+                this.labeloptions.forEach(e => {
+                    e.labelFieldContentList.forEach(el => {
+                        if (el.labelFieldId == item[1]) {
+                            this.addnode.fileSpan = el.fieldName
+                            this.addnode.fileName = e.fieldName
+                        }
+                    })
+                })
+            } else if (this.fieldshow) {
+                this.fieldoptions.forEach(e => {
+                    e.labelFieldContentList.forEach(el => {
+                        if (el.labelFieldId == item[1]) {
+                            this.addnode.fileSpan = el.fieldName
+                            this.addnode.fileName = e.fieldName
+                        }
+                    })
+                })
+            }
+        },
+        labelclick() {
+            this.labelshow = false
+            setTimeout(() => {
+                this.editor.focus()
+            }, 30);
+            setTimeout(() => {
+                if (this.modify) {
+                    this.modify = false
+                    this.editor.deleteBackward();
+                }
+                const resume = {                    // JS 语法
+                    type: 'attachment',
+                    link: '',
+                    fileName: this.addnode.fileName,
+                    fileSpan: this.addnode.fileSpan,
+                    children: [{ text: '' }],  // void 元素必须有一个 children ，其中只有一个空字符串，重要！！！
+                }
+                this.editor.insertNode(resume)
+                this.addnode = {
+                    fileName: '',
+                    fileSpan: '',
+                }
+                this.editor.focus()
+            }, 100);
+        },
+        fieldclick() {
+            this.fieldshow = false
+            setTimeout(() => {
+                this.editor.focus()
+            }, 30);
+            setTimeout(() => {
+                if (this.modify) {
+                    this.modify = false
+                    this.editor.deleteBackward();
+                }
+                const resume = {                    // JS 语法
+                    type: 'attachmenttwo',
+                    link: '',
+                    fileName: this.addnode.fileName,
+                    fileSpan: this.addnode.fileSpan,
+                    children: [{ text: '' }],  // void 元素必须有一个 children ，其中只有一个空字符串，重要！！！
+                }
+                this.editor.insertNode(resume)
+                this.addnode = {
+                    fileName: '',
+                    fileSpan: '',
+                }
+                this.editor.focus()
+            }, 100);
+        },
+        onCreated(editor) {
+            this.editor = Object.seal(editor);
+        },
+        onChange(editor) {
+            // console.log("onChange", editor.getHtml()); // onChange 时获取编辑器最新内容
+        },
+        handleFocus(editor) {
+            // console.log("focus", editor);
+        },
+        info() {
+            labelFieldList('PORTRAIT_LABEL_FIELD').then(res => {
+                res.data.data.forEach(e => {
+                    e.labelFieldContentList.forEach(el => {
+                        el.labelFieldId = el.labelFieldContentId
+                    })
+                })
+                this.labeloptions = res.data.data
+            })
+            labelFieldList('KNOWLEDGE_FIELD').then(res => {
+                res.data.data.forEach(e => {
+                    e.labelFieldContentList.forEach(el => {
+                        el.labelFieldId = el.labelFieldContentId
+                    })
+                })
+                this.fieldoptions = res.data.data
+            })
+        },
+        beforeClose() {
+            this.modify = false
+            this.fieldshow = false
+            this.labelshow = false
+        },
+    },
+    watch: {
+        nodeContent(newValue, oldValue) {
+            if (newValue) {
+                this.html = newValue;
+            }
+        }
+    },
+    mounted() {
+        this.html = this.nodeContent
+    },
+    beforeDestroy() {
+        const editor = this.editor
+        if (editor == null) return
+        editor.destroy() // 组件销毁时，及时销毁编辑器
+    },
+    created() {
+        that = this
+        this.info();
+    }
+})
+class MyButtonMenu {                       // JS 语法
+    constructor(vueInstance) {
+        this.vueInstance = vueInstance
+        this.title = '添加画像标签字段'
+        this.iconSvg = '<svg t="1711951668796" class="icon" viewBox="0 0 1119 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4490" xmlns:xlink="http://www.w3.org/1999/xlink" width="218.5546875" height="200"><path d="M25.415082 562.922053a25.1989 25.1989 0 0 1-17.745705-43.299519L542.347456 7.392772A25.110172 25.110172 0 1 1 577.040308 43.682738L42.894601 555.9125a25.110172 25.110172 0 0 1-17.479519 7.009553z" p-id="4491"></path><path d="M1094.061411 562.922053a25.110172 25.110172 0 0 1-17.745704-7.009553L542.347456 43.682738A25.110172 25.110172 0 1 1 577.040308 7.392772l534.323165 512.229762a25.1989 25.1989 0 0 1-17.745704 43.299519zM559.738247 1023.955458a380.467906 380.467906 0 0 1-380.024264-380.112992 25.1989 25.1989 0 0 1 50.309073 0 330.070105 330.070105 0 0 0 329.715191 329.80392 25.1989 25.1989 0 1 1 0 50.309072z" p-id="4492"></path><path d="M1009.769315 799.472295H618.3878a25.1989 25.1989 0 0 1 0-50.309072h391.381515a25.1989 25.1989 0 0 1 0 50.309072z" fill="#231815" p-id="4493"></path><path d="M814.122922 996.005974a25.1989 25.1989 0 0 1-25.198901-25.198901V579.869201a25.1989 25.1989 0 1 1 50.309073 0v390.937872a25.1989 25.1989 0 0 1-25.110172 25.198901z" fill="#231815" p-id="4494"></path></svg>'
+        this.tag = 'button'
+        this.showModal = true
+    }
+    // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+    isActive(editor) {
+        return false;
+    }
+    // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+    getValue(editor) {
+        return "";
+    }
+    // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+    isDisabled(editor) {
+        return false;
+    }
+    // 点击菜单时触发的函数
+    exec(editor, value) {
+        this.vueInstance.labelshow = true
+    }
+}
+class MyButtonMenutwo {                       // JS 语法
+    constructor(vueInstance) {
+        this.vueInstance = vueInstance
+        this.title = '添加知识库字段'
+        this.iconSvg = '<svg t="1711422779479" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2507" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M831.6 639.6h-63.9v127.9H639.9v63.9h127.8v127.9h63.9V831.4h127.9v-63.9H831.6z" p-id="2508"></path><path d="M564.3 925.2c0-18.5-15-33.6-33.6-33.6H287.3c-86.2 0-156.4-70.2-156.4-156.4V286.9c0-86.2 70.1-156.4 156.4-156.4h448.4c86.2 0 156.4 70.2 156.4 156.4v238.8c0 18.5 15 33.6 33.6 33.6s33.6-15 33.6-33.6V286.9C959.2 163.6 859 63.3 735.7 63.3H287.3C164 63.3 63.7 163.6 63.7 286.8v448.3c0 123.2 100.3 223.5 223.6 223.5h243.4c18.6 0.1 33.6-14.9 33.6-33.4z" p-id="2509"></path></svg>'
+        this.tag = 'button'
+        this.showModal = true
+    }
+    // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+    isActive(editor) {
+        return false;
+    }
+    // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+    getValue(editor) {
+        return "";
+    }
+    // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+    isDisabled(editor) {
+        return false;
+    }
+    // 点击菜单时触发的函数
+    exec(editor, value) {
+        this.vueInstance.fieldshow = true
+    }
+}
+const menuConf = {
+    key: 'MyButtonMenu', // 定义 menu key ：要保证唯一、不重复（重要）
+    factory() {
+        return new MyButtonMenu(that)
+    },
+};
+const menuConftwo = {
+    key: 'MyButtonMenutwo', // 定义 menu key ：要保证唯一、不重复（重要）
+    factory() {
+        return new MyButtonMenutwo(that)
+    },
+};
+const module = {                      // JS 语法
+    menus: [menuConf, menuConftwo],
+    // 其他功能，下文讲解...
+}
+Boot.registerModule(module)
+function withAttachment(editor) {                        // JS 语法
+    const { isInline, isVoid } = editor
+    const newEditor = editor
+    newEditor.isInline = elem => {
+        const type = DomEditor.getNodeType(elem)
+        if (type === 'attachment') return true // 针对 type: attachment ，设置为 inline
+        if (type === 'attachmenttwo') return true // 针对 type: attachment ，设置为 inline
+        return isInline(elem)
+    }
+    newEditor.isVoid = elem => {
+        const type = DomEditor.getNodeType(elem)
+        if (type === 'attachment') return true // 针对 type: attachment ，设置为 void
+        if (type === 'attachmenttwo') return true // 针对 type: attachment ，设置为 void
+        return isVoid(elem)
+    }
+    return newEditor // 返回 newEditor ，重要！！！
+}
+Boot.registerPlugin(withAttachment)
+function renderAttachment(elem, children, editor) {                                                // JS 语法
+    // 获取“附件”的数据，参考上文 myResume 数据结构
+    const { fileName = '', link = '', fileSpan = '' } = elem
+    // 附件 icon 图标 vnode
+    const iconVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: {}, // HTML 属性，驼峰式写法
+            style: { width: '16px', height: '16px', margin: '0 0 0 6px', display: 'inline-block', transform: 'translateY(20%)', backgroundSize: '100% 100%', backgroundImage: 'url(data:image/png;base64,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)',  /* 其他... */ }, // HTML style ，驼峰式写法
+            on: {
+                click() {
+                    editor.deleteBackward();
+                } /* 其他... */
+            }
+        }
+        // img 没有子节点，所以第三个参数不用写
+    )
+    const nameiconVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: {}, // HTML 属性，驼峰式写法
+            style: { width: '16px', height: '16px', margin: '0 0 0 6px', display: 'inline-block', transform: 'translateY(20%)', backgroundSize: '100% 100%', backgroundImage: 'url(data:image/png;base64,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)',  /* 其他... */ }, // HTML style ，驼峰式写法
+            on: {
+                click() {
+                    that.modify = true
+                    that.labelshow = true
+                } /* 其他... */
+            }
+        }
+        // img 没有子节点，所以第三个参数不用写
+    )
+    const spanVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: { contentEditable: false }, // HTML 属性，驼峰式写法
+            style: { color: '#22343C', background: '#E5F5F2', padding: '5px 10px' /* 其他... */ }, // style ，驼峰式写法
+            on: { click() { }, /* 其他... */ }
+        },
+        // img 没有子节点，所以第三个参数不用写
+        [fileSpan]
+    )
+    const nameVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: { contentEditable: false }, // HTML 属性，驼峰式写法
+            style: { color: '#fff', background: '#009A82', padding: '5px 10px' /* 其他... */ }, // style ，驼峰式写法
+            on: { click() { }, /* 其他... */ }
+        },
+        // img 没有子节点，所以第三个参数不用写
+        [fileName]
+    )
+    // 附件元素 vnode
+    const attachVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性、样式、事件
+        {
+            props: { contentEditable: false, class: 'text' }, // HTML 属性，驼峰式写法
+            style: {}, // style ，驼峰式写法
+            on: {
+                click() { } /* 其他... */
+            }
+        },
+        // 子节点
+        [nameVnode, spanVnode]
+    )
+    return attachVnode
+}
+function renderAttachmenttwo(elem, children, editor) {                                                // JS 语法
+    // 获取“附件”的数据，参考上文 myResume 数据结构
+    const { fileName = '', link = '', fileSpan = '' } = elem
+    // 附件 icon 图标 vnode
+    const iconVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: {}, // HTML 属性，驼峰式写法
+            style: { width: '16px', height: '16px', margin: '0 0 0 6px', display: 'inline-block', transform: 'translateY(20%)', backgroundSize: '100% 100%', backgroundImage: 'url(data:image/png;base64,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)',  /* 其他... */ }, // HTML style ，驼峰式写法
+            on: {
+                click() {
+                    editor.deleteBackward();
+                } /* 其他... */
+            }
+        }
+        // img 没有子节点，所以第三个参数不用写
+    )
+    const nameiconVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: {}, // HTML 属性，驼峰式写法
+            style: { width: '16px', height: '16px', margin: '0 0 0 6px', display: 'inline-block', transform: 'translateY(20%)', backgroundSize: '100% 100%', backgroundImage: 'url(data:image/png;base64,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)',  /* 其他... */ }, // HTML style ，驼峰式写法
+            on: {
+                click() {
+                    that.modify = true
+                    that.fieldshow = true
+                } /* 其他... */
+            }
+        }
+        // img 没有子节点，所以第三个参数不用写
+    )
+    const spanVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: { contentEditable: false }, // HTML 属性，驼峰式写法
+            style: { color: '#22343C', background: '#DAE1FB', padding: '5px 10px' /* 其他... */ }, // style ，驼峰式写法
+            on: { click() { }, /* 其他... */ }
+        },
+        // img 没有子节点，所以第三个参数不用写
+        [fileSpan]
+    )
+    const nameVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性
+        {
+            props: { contentEditable: false }, // HTML 属性，驼峰式写法
+            style: { color: '#fff', background: '#436AE9', padding: '5px 10px' /* 其他... */ }, // style ，驼峰式写法
+            on: { click() { }, /* 其他... */ }
+        },
+        // img 没有子节点，所以第三个参数不用写
+        [fileName]
+    )
+    // 附件元素 vnode
+    const attachVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性、样式、事件
+        {
+            props: { contentEditable: false, class: 'text' }, // HTML 属性，驼峰式写法
+            style: {}, // style ，驼峰式写法
+            on: {
+                click() { } /* 其他... */
+            }
+        },
+        // 子节点
+        [nameVnode, spanVnode]
+    )
+    return attachVnode
+}
+const renderElemConf = {
+    type: 'attachment', // 新元素 type ，重要！！！
+    renderElem: renderAttachment,
+}
+const renderElemConftwo = {
+    type: 'attachmenttwo', // 新元素 type ，重要！！！
+    renderElem: renderAttachmenttwo,
+}
+
+const rendermodule = {                      // JS 语法
+    // menus: [menu1Conf, menu2Conf, menu3Conf], // 菜单
+    // editorPlugin: withBreakAndDelete, // 插件
+    renderElems: [renderElemConf, renderElemConftwo/* 其他元素... */] // renderElem
+
+    // 其他功能，下文讲解...
+}
+Boot.registerModule(rendermodule)
+function attachmentToHtml(elem, childrenHtml) {         // JS 语法
+    // 获取附件元素的数据
+    const { link = '', fileName = '', fileSpan = '' } = elem
+    // 生成 HTML 代码
+    const html = `<span data-w-e-type="attachment"
+        data-w-e-is-void
+        data-w-e-is-inline
+        data-link="${link}"
+        data-fileSpan="${fileSpan}",
+        data-fileName="${fileName}">
+        <span  class="path-tag-wrap">
+            <span>${fileName}</span>
+            <span>${fileSpan}</span>
+        </span>
+    </span>`
+    return html
+}
+function attachmentToHtmltwo(elem, childrenHtml) {         // JS 语法
+    // 获取附件元素的数据
+    const { link = '', fileName = '', fileSpan = '' } = elem
+    // 生成 HTML 代码
+    const html = `<span data-w-e-type="attachmenttwo"
+        data-w-e-is-void
+        data-w-e-is-inline
+        data-link="${link}"
+        data-fileSpan="${fileSpan}",
+        data-fileName="${fileName}">
+        <span  class="path-tag-wrap">
+            <span>${fileName}</span>
+            <span>${fileSpan}</span>
+        </span>
+    </span>`
+    return html
+}
+const elemToHtmlConf = {
+    type: 'attachment', // 新元素的 type ，重要！！！
+    elemToHtml: attachmentToHtml,
+}
+const elemToHtmlConftwo = {
+    type: 'attachmenttwo', // 新元素的 type ，重要！！！
+    elemToHtml: attachmentToHtmltwo,
+}
+const elemToHtmlConfmodule = {                      // JS 语法
+    elemsToHtml: [elemToHtmlConf, elemToHtmlConftwo /* 其他元素... */]  // elemToHtml
+}
+Boot.registerModule(elemToHtmlConfmodule)
+function parseAttachmentHtml(domElem, children, editor) {                                                     // JS 语法
+    // 从 DOM element 中获取“附件”的信息
+    const link = domElem.getAttribute('data-link') || ''
+    const fileName = domElem.getAttribute('data-fileName') || ''
+    const fileSpan = domElem.getAttribute('data-fileSpan') || ''
+    // 生成“附件”元素（按照此前约定的数据结构）
+    const myResume = {
+        type: 'attachment',
+        link,
+        fileName,
+        fileSpan,
+        children: [{ text: '' }], // void node 必须有 children ，其中有一个空字符串，重要！！！
+    }
+    return myResume
+}
+function parseAttachmentHtmltwo(domElem, children, editor) {                                                     // JS 语法
+    // 从 DOM element 中获取“附件”的信息
+    const link = domElem.getAttribute('data-link') || ''
+    const fileName = domElem.getAttribute('data-fileName') || ''
+    const fileSpan = domElem.getAttribute('data-fileSpan') || ''
+    // 生成“附件”元素（按照此前约定的数据结构）
+    const myResume = {
+        type: 'attachmenttwo',
+        link,
+        fileName,
+        fileSpan,
+        children: [{ text: '' }], // void node 必须有 children ，其中有一个空字符串，重要！！！
+    }
+    return myResume
+}
+const parseHtmlConf = {
+    selector: 'span[data-w-e-type="attachment"]', // CSS 选择器，匹配特定的 HTML 标签
+    parseElemHtml: parseAttachmentHtml,
+}
+const parseHtmlConftwo = {
+    selector: 'span[data-w-e-type="attachmenttwo"]', // CSS 选择器，匹配特定的 HTML 标签
+    parseElemHtml: parseAttachmentHtmltwo,
+}
+const parseHtmlConfmodule = {
+    parseElemsHtml: [parseHtmlConf, parseHtmlConftwo]  // parseElemHtml
+}
+Boot.registerModule(parseHtmlConfmodule)
+</script>
+<style lang="scss" scoped>
+::v-deep .el-textarea__inner {
+    color: black !important;
+    background-color: #fff !important;
+    cursor: default !important
+}
+
+.path-tag-wrap {
+    font-size: 18px;
+    line-height: 32px;
+    border-radius: 5px;
+}
+</style>
+<style src="@wangeditor/editor/dist/css/style.css"></style>
diff --git a/src/views/system/components/wangEditor.vue b/src/views/system/components/wangEditor.vue
index d9f864e..995ddf9 100644
--- a/src/views/system/components/wangEditor.vue
+++ b/src/views/system/components/wangEditor.vue
@@ -95,7 +95,6 @@ export default ({
     },
     methods: {
         emit() {
-            console.log()
             this.$emit("on-nodeContent", { nodeContent: this.html });
         },
         panelchange(item) {