diff --git a/src/views/manage/manualReview/index.vue b/src/views/manage/manualReview/index.vue
index 99498e4..d363e97 100644
--- a/src/views/manage/manualReview/index.vue
+++ b/src/views/manage/manualReview/index.vue
@@ -97,14 +97,14 @@
           <template slot-scope="scope">
             {{ scope.row.portaitCheckStatus == "AGREE" ? "审核通过" : "" }}
             {{ scope.row.portaitCheckStatus == "DISAGREE" ? "已忽略" : "" }}
-            {{ scope.row.portaitCheckStatus == "" ? "未审核" : "" }}
+            {{ scope.row.portaitCheckStatus ==null ? "未审核" : "" }}
           </template>
         </el-table-column>
         <el-table-column label="路径审核状态" align="center" prop="routeCheckStatus" width="100">
           <template slot-scope="scope">
             {{ scope.row.routeCheckStatus == "AGREE" ? "审核通过" : "" }}
             {{ scope.row.routeCheckStatus == "DISAGREE" ? "已忽略" : "" }}
-            {{ scope.row.routeCheckStatus == "" ? "未审核" : "" }}
+            {{ scope.row.routeCheckStatus == null ? "未审核" : "" }}
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
diff --git a/src/views/manage/message/index.vue b/src/views/manage/message/index.vue
index ba2f6e4..893495b 100644
--- a/src/views/manage/message/index.vue
+++ b/src/views/manage/message/index.vue
@@ -137,7 +137,7 @@
         </el-form-item>
 
         <el-form-item label="短信内容" prop="textMessageContent">
-          <el-input v-model="form.textMessageContent" placeholder="请输入短信内容" type="textarea" maxlength="300" />
+          <el-input v-model="form.textMessageContent" placeholder="请输入短信内容" type="textarea" maxlength="300" :rows="10" />
         </el-form-item>
         <el-form-item label="适用任务类型" prop="suitTaskTypeIds">
           <el-select v-model="form.suitTaskTypeIds" placeholder="请选择适用任务类型" style="width: 350px" multiple>
diff --git a/src/views/manage/template/index.vue b/src/views/manage/template/index.vue
index 001f868..52c9f38 100644
--- a/src/views/manage/template/index.vue
+++ b/src/views/manage/template/index.vue
@@ -5,15 +5,28 @@
         <div class="left" ref="box">
           <div class="name">科室名称</div>
           <div>
-            <el-input v-model="name" placeholder="请输入科室名称" clearable @keyup.enter.native="handleQuery" />
+            <el-input
+              v-model="name"
+              placeholder="请输入科室名称"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
           </div>
           <div class="listitem">
-            <div :class="itemname == null ? 'allactive' : 'all'" @click="itemdata()">
+            <div
+              :class="itemname == null ? 'allactive' : 'all'"
+              @click="itemdata()"
+            >
               全部
             </div>
             <span class="count">{{ count }}</span>
           </div>
-          <div class="listitem" v-for="(item, index) in DepartmentoList" :key="index" @click="itemdata(item)">
+          <div
+            class="listitem"
+            v-for="(item, index) in DepartmentoList"
+            :key="index"
+            @click="itemdata(item)"
+          >
             <div :class="itemname == item.id ? 'allactive' : 'all'">
               {{ item.departmentName }}
             </div>
@@ -23,125 +36,286 @@
       </el-col>
       <el-col :span="19" :xs="24">
         <div ref="topform" class="form">
-          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-            label-width="68px">
-            <el-form-item label="微信模版名称" prop="wechatTemplateName" label-width="100px">
-              <el-input v-model="queryParams.wechatTemplateName" placeholder="请输入微信模版名称" clearable
-                @keyup.enter.native="handleQuery" />
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="68px"
+          >
+            <el-form-item
+              label="微信模版名称"
+              prop="wechatTemplateName"
+              label-width="100px"
+            >
+              <el-input
+                v-model="queryParams.wechatTemplateName"
+                placeholder="请输入微信模版名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
 
             <el-form-item label="模板ID" prop="templateId">
-              <el-input v-model="queryParams.templateId" placeholder="请输入模板ID" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.templateId"
+                placeholder="请输入模板ID"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
 
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
         <div ref="mb8" class="mb8">
           <el-row :gutter="10" class="">
             <el-col :span="1.5">
-              <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                v-hasPermi="['manage:template:add']">新增微信模版</el-button>
+              <el-button
+                type="primary"
+                plain
+                icon="el-icon-plus"
+                size="mini"
+                @click="handleAdd"
+                v-hasPermi="['manage:template:add']"
+                >新增微信模版</el-button
+              >
             </el-col>
-            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+            <right-toolbar
+              :showSearch.sync="showSearch"
+              @queryTable="getList"
+            ></right-toolbar>
           </el-row>
         </div>
         <div ref="table">
-          <el-table :max-height="maxTableHeight" v-loading="loading" :data="templateList"
-            @selection-change="handleSelectionChange">
-            <el-table-column type="index" width="55" align="center" label="序号" />
-            <el-table-column label="微信模版名称" align="center" prop="wechatTemplateName" />
+          <el-table
+            :max-height="maxTableHeight"
+            v-loading="loading"
+            :data="templateList"
+            @selection-change="handleSelectionChange"
+          >
+            <el-table-column
+              type="index"
+              width="52"
+              align="center"
+              label="序号"
+            />
+            <el-table-column
+              label="微信模版名称"
+              align="center"
+              prop="wechatTemplateName"
+            />
             <el-table-column label="模板ID" align="center" prop="templateId" />
-            <el-table-column label="模板来源" align="center" prop="templateSource">
+            <el-table-column
+              label="模板来源"
+              align="center"
+              prop="templateSource"
+            >
               <template slot-scope="scope">
-                {{ scope.row.templateSource == "WE_CHAT_APPLET" ? "小程序" : "" }}
-                {{ scope.row.templateSource == "WE_CHAT_OFFICIAL_ACCOUNT" ? "公众号" : "" }}
+                {{
+                  scope.row.templateSource == "WE_CHAT_APPLET" ? "小程序" : ""
+                }}
+                {{
+                  scope.row.templateSource == "WE_CHAT_OFFICIAL_ACCOUNT"
+                    ? "公众号"
+                    : ""
+                }}
               </template>
             </el-table-column>
-            <el-table-column label="适用任务类型" align="center" prop="suitTaskTypeName" :show-overflow-tooltip="true" />
-            <el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <el-table-column
+              label="适用任务类型"
+              align="center"
+              prop="suitTaskTypeName"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="病种名称"
+              align="center"
+              prop="diseaseTypeName"
+            />
+            <el-table-column
+              prop="templateContent"
+              label="模板内容"
+              align="center"
+            >
+          
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
               <template slot-scope="scope">
-                <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                  v-hasPermi="['manage:template:edit']">修改</el-button>
-                <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                  v-hasPermi="['manage:template:remove']">删除</el-button>
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit"
+                  @click="handleUpdate(scope.row)"
+                  v-hasPermi="['manage:template:edit']"
+                  >修改</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['manage:template:remove']"
+                  >删除</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
         </div>
         <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
           :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
-        <myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
-          :indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination>
+        <myPagination
+          v-show="total > 0"
+          :total="total"
+          :pageSize="queryParams.pageSize"
+          :indexFromWrap="queryParams.pageNum"
+          @updateCPage="updateCPage"
+        ></myPagination>
       </el-col>
     </el-row>
     <!-- 添加或修改微信模板信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="110px">
         <el-form-item label="微信模板名称" prop="wechatTemplateName">
-          <el-input v-model="form.wechatTemplateName" placeholder="请输入微信模板名称" />
+          <el-input
+            v-model="form.wechatTemplateName"
+            placeholder="请输入微信模板名称"
+          />
         </el-form-item>
-        <el-form-item label="模板ID" prop="templateId" v-if="title == '修改微信模板'">
-          <el-input v-model="form.templateId" placeholder="请输入模板ID" onKeyUp="value=value.replace(/[\W]/g,'')"
-            disabled />
+        <el-form-item
+          label="模板ID"
+          prop="templateId"
+          v-if="title == '修改微信模板'"
+        >
+          <el-input
+            v-model="form.templateId"
+            placeholder="请输入模板ID"
+            onKeyUp="value=value.replace(/[\W]/g,'')"
+            disabled
+          />
         </el-form-item>
         <el-form-item label="微信排序" prop="templateSort">
-          <el-input-number v-model="form.templateSort" controls-position="right" :min="0" placeholder="请输入微信排序"
-            style="width: 350px" />
+          <el-input-number
+            v-model="form.templateSort"
+            controls-position="right"
+            :min="0"
+            placeholder="请输入微信排序"
+            style="width: 350px"
+          />
         </el-form-item>
         <el-form-item label="模板内容" prop="templateContent">
-          <el-input v-model="form.templateContent" placeholder="请输入模板内容" type="textarea" maxlength="300" />
+          <el-input
+            v-model="form.templateContent"
+            placeholder="请输入模板内容"
+            type="textarea"
+            maxlength="300"
+            :rows="10"
+          />
 
           <!-- <editor v-model="form.templateContent" :min-height="192"/> -->
         </el-form-item>
         <el-form-item label="模板来源" prop="templateSource">
-          <el-select v-model="form.templateSource" placeholder="请选择" style="width: 350px">
-            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+          <el-select
+            v-model="form.templateSource"
+            placeholder="请选择"
+            style="width: 350px"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="适用数据类型" prop="suitTaskTypeId">
-          <el-select v-model="form.suitTaskTypeIds" placeholder="请选择" style="width: 350px" multiple>
-            <el-option v-for="item in type" :key="item.dictCode" :label="item.dictLabel" :value="item.dictCode">
+          <el-select
+            v-model="form.suitTaskTypeIds"
+            placeholder="请选择"
+            style="width: 350px"
+            multiple
+          >
+            <el-option
+              v-for="item in type"
+              :key="item.dictCode"
+              :label="item.dictLabel"
+              :value="item.dictCode"
+            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="科室名称" prop="departmentId">
-          <el-button type="" v-if="departmentName == '请选择科室'" @click="clickinnerVisible()" style="
+          <el-button
+            type=""
+            v-if="departmentName == '请选择科室'"
+            @click="clickinnerVisible()"
+            style="
               width: 350px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            ">{{ departmentName }}</el-button>
-          <el-button @click="clickinnerVisible()" type="" v-else style="
+            "
+            >{{ departmentName }}</el-button
+          >
+          <el-button
+            @click="clickinnerVisible()"
+            type=""
+            v-else
+            style="
               width: 350px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            ">{{ departmentName }}</el-button>
+            "
+            >{{ departmentName }}</el-button
+          >
         </el-form-item>
         <el-form-item label="病种名称" prop="diseaseTypeName">
-          <el-button type="" v-if="diseaseTypeName == '请选择病种'" @click="clickdisease()" style="
+          <el-button
+            type=""
+            v-if="diseaseTypeName == '请选择病种'"
+            @click="clickdisease()"
+            style="
               width: 350px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            ">{{ diseaseTypeName }}</el-button>
-          <el-button @click="clickdisease()" type="" v-else style="
+            "
+            >{{ diseaseTypeName }}</el-button
+          >
+          <el-button
+            @click="clickdisease()"
+            type=""
+            v-else
+            style="
               width: 350px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            ">{{ diseaseTypeName }}</el-button>
+            "
+            >{{ diseaseTypeName }}</el-button
+          >
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -150,70 +324,175 @@
       </div>
     </el-dialog>
     <!-- 科室弹框 -->
-    <el-dialog title="" :visible.sync="innerVisibleshow" width="1000px" append-to-body
-      :before-close="innerVisiblecancel">
-      <el-form ref="queryForm" :model="informationqueryParams" :rules="rules" label-width="80px" :inline="true">
+    <el-dialog
+      title=""
+      :visible.sync="innerVisibleshow"
+      width="1000px"
+      append-to-body
+      :before-close="innerVisiblecancel"
+    >
+      <el-form
+        ref="queryForm"
+        :model="informationqueryParams"
+        :rules="rules"
+        label-width="80px"
+        :inline="true"
+      >
         <el-form-item label="科室名称" prop="departmentName" label-width="120">
-          <el-input v-model="informationqueryParams.departmentName" placeholder="请输入科室名称" clearable />
+          <el-input
+            v-model="informationqueryParams.departmentName"
+            placeholder="请输入科室名称"
+            clearable
+          />
         </el-form-item>
 
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="informationInfoinfo">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="addresetQuerylist">重置</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="informationInfoinfo"
+            >搜索</el-button
+          >
+          <el-button
+            icon="el-icon-refresh"
+            size="mini"
+            @click="addresetQuerylist"
+            >重置</el-button
+          >
         </el-form-item>
       </el-form>
 
-      <el-table :data="infolist" @cell-dblclick="nurseclick" v-loading="loading">
+      <el-table
+        :data="infolist"
+        @cell-dblclick="nurseclick"
+        v-loading="loading"
+      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.departmentId == scope.row.id" circle
-              @click="nurseclick(scope.row)"></el-button>
-            <el-button v-else style="width: 15px; height: 15px" circle @click="nurseclick(scope.row)"></el-button>
+            <el-button
+              type="primary"
+              style="width: 15px; height: 15px"
+              v-if="form.departmentId == scope.row.id"
+              circle
+              @click="nurseclick(scope.row)"
+            ></el-button>
+            <el-button
+              v-else
+              style="width: 15px; height: 15px"
+              circle
+              @click="nurseclick(scope.row)"
+            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column property="departmentName" label="科室名称" align="center" :show-overflow-tooltip="true">
+        <el-table-column
+          property="departmentName"
+          label="科室名称"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
         </el-table-column>
       </el-table>
-      <myPagination v-show="totaldepartment > 0" :total="totaldepartment" :pageSize="informationqueryParams.pageSize"
-        :indexFromWrap="informationqueryParams.pageNum" @updateCPage="updateCPagetwo"></myPagination>
+      <myPagination
+        v-show="totaldepartment > 0"
+        :total="totaldepartment"
+        :pageSize="informationqueryParams.pageSize"
+        :indexFromWrap="informationqueryParams.pageNum"
+        @updateCPage="updateCPagetwo"
+      ></myPagination>
       <!-- <pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
         :limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" /> -->
     </el-dialog>
     <!-- 病种弹框 -->
-    <el-dialog title="" :visible.sync="diseaseshowst" width="1000px" append-to-body :before-close="canceldiseases">
-      <el-form ref="queryForm" :model="querydisease" :rules="rules" label-width="80px" :inline="true">
+    <el-dialog
+      title=""
+      :visible.sync="diseaseshowst"
+      width="1000px"
+      append-to-body
+      :before-close="canceldiseases"
+    >
+      <el-form
+        ref="queryForm"
+        :model="querydisease"
+        :rules="rules"
+        label-width="80px"
+        :inline="true"
+      >
         <el-form-item label="病种名称" prop="diseaseTypeName" label-width="120">
-          <el-input v-model="querydisease.diseaseTypeName" placeholder="请输入病种名称" clearable />
+          <el-input
+            v-model="querydisease.diseaseTypeName"
+            placeholder="请输入病种名称"
+            clearable
+          />
         </el-form-item>
 
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="infodisease">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease">重置</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="infodisease"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease"
+            >重置</el-button
+          >
         </el-form-item>
       </el-form>
 
-      <el-table :data="listdisease" @cell-dblclick="nurseclickdisease" v-loading="loading">
+      <el-table
+        :data="listdisease"
+        @cell-dblclick="nurseclickdisease"
+        v-loading="loading"
+      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.diseaseTypeId == scope.row.id" circle
-              @click="nurseclickdisease(scope.row)"></el-button>
-            <el-button v-else style="width: 15px; height: 15px" circle
-              @click="nurseclickdisease(scope.row)"></el-button>
+            <el-button
+              type="primary"
+              style="width: 15px; height: 15px"
+              v-if="form.diseaseTypeId == scope.row.id"
+              circle
+              @click="nurseclickdisease(scope.row)"
+            ></el-button>
+            <el-button
+              v-else
+              style="width: 15px; height: 15px"
+              circle
+              @click="nurseclickdisease(scope.row)"
+            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column property="diseaseTypeName" label="病种名称" align="center" :show-overflow-tooltip="true">
+        <el-table-column
+          property="diseaseTypeName"
+          label="病种名称"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
         </el-table-column>
       </el-table>
       <!-- <pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
         :limit.sync="querydisease.pageSize" @pagination="infodisease" /> -->
-      <myPagination v-show="diseasetotal > 0" :total="diseasetotal" :pageSize="querydisease.pageSize"
-        :indexFromWrap="querydisease.pageNum" @updateCPage="updateCPagethree"></myPagination>
+      <myPagination
+        v-show="diseasetotal > 0"
+        :total="diseasetotal"
+        :pageSize="querydisease.pageSize"
+        :indexFromWrap="querydisease.pageNum"
+        @updateCPage="updateCPagethree"
+      ></myPagination>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { listTemplate, getTemplate, delTemplate, addTemplate, updateTemplate, listWechatTemplateNum, typelist } from "@/api/manage/template";
+import {
+  listTemplate,
+  getTemplate,
+  delTemplate,
+  addTemplate,
+  updateTemplate,
+  listWechatTemplateNum,
+  typelist,
+} from "@/api/manage/template";
 import { department, listDisease } from "@/api/manage/script";
 
 export default {
@@ -229,7 +508,6 @@ export default {
         const regex = /^\d{1,10}$/; // 正则表达式，限制最多十位数字
         const isValid = regex.test(this.inputValue);
 
-
         // const reg =
         //   /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/;
         // const card = reg.test(value);
@@ -242,28 +520,31 @@ export default {
     };
     return {
       obj: null,
-      count: '',//全部
+      count: "", //全部
       maxTableHeight: undefined,
       itemname: null,
       departmentName: null,
       diseaseTypeName: null,
-      name: '',
+      name: "",
       departmentId: null,
-      DepartmentoList: [],//左侧数组
+      DepartmentoList: [], //左侧数组
       // 左侧传值
       querydepartmen: {
         departmentName: "",
         // pageNum: 1,
         // pageSize: 10,
       },
-      options: [{
-        value: 'WE_CHAT_APPLET',
-        label: '小程序'
-      }, {
-        value: 'WE_CHAT_OFFICIAL_ACCOUNT',
-        label: '公众号'
-      },],
-      type: [],//适用数据类型
+      options: [
+        {
+          value: "WE_CHAT_APPLET",
+          label: "小程序",
+        },
+        {
+          value: "WE_CHAT_OFFICIAL_ACCOUNT",
+          label: "公众号",
+        },
+      ],
+      type: [], //适用数据类型
       innerVisibleshow: false, //科室弹框
       // 科室
       informationqueryParams: {
@@ -273,7 +554,7 @@ export default {
       },
       infolist: [],
       totaldepartment: 0,
-      diseaseshowst: false,//病种弹框
+      diseaseshowst: false, //病种弹框
       querydisease: {
         pageNum: 1,
         pageSize: 10,
@@ -321,36 +602,36 @@ export default {
       // 表单校验
       rules: {
         templateSort: [
-          { required: true, message: "111111111111", trigger: "blur", }
+          { required: true, message: "111111111111", trigger: "blur" },
         ],
         wechatTemplateName: [
-          { required: true, message: "微信模板名称不能为空", trigger: "blur" }
+          { required: true, message: "微信模板名称不能为空", trigger: "blur" },
         ],
         // templateId: [
         //   { required: true, message: "模板ID不能为空", trigger: "blur" }
         // ],
         templateSource: [
-          { required: true, message: "模板来源不能为空", trigger: "blur" }
+          { required: true, message: "模板来源不能为空", trigger: "blur" },
         ],
         dictCode: [
-          { required: true, message: "适用数据类型不能为空", trigger: "blur" }
+          { required: true, message: "适用数据类型不能为空", trigger: "blur" },
         ],
         departmentId: [
-          { required: true, message: "所属科室名称不能为空", trigger: "blur" }
+          { required: true, message: "所属科室名称不能为空", trigger: "blur" },
         ],
-      }
+      },
     };
   },
   watch: {
     name(val) {
-      this.querydepartmen.departmentName = val
+      this.querydepartmen.departmentName = val;
       this.Departmentlist();
     },
-    'form.templateSort'(val) {
+    "form.templateSort"(val) {
       if (val) {
-        var name = ''
-        name = val.toString()
-        this.obj = name.split('')
+        var name = "";
+        name = val.toString();
+        this.obj = name.split("");
         // if (this.obj.length > 10) {
         //   this.$message({
         //     type: "error",
@@ -358,7 +639,7 @@ export default {
         //   });
         // }
       }
-    }
+    },
   },
   created() {
     this.getList();
@@ -366,14 +647,14 @@ export default {
     this.typelistdata();
   },
   mounted() {
-    this.getMaxTableHeight()
-    this.screenChange()
+    this.getMaxTableHeight();
+    this.screenChange();
   },
   methods: {
     /** 查询微信模板信息列表 */
     getList() {
       this.loading = true;
-      listTemplate(this.queryParams).then(response => {
+      listTemplate(this.queryParams).then((response) => {
         this.templateList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -381,11 +662,10 @@ export default {
     },
     // 适用任务类型
     typelistdata() {
-      var dictType = "suit_task_type"
-      typelist(dictType).then(response => {
-        this.type = response.data
-
-      })
+      var dictType = "suit_task_type";
+      typelist(dictType).then((response) => {
+        this.type = response.data;
+      });
     },
     // 类型点击事件
     change(e) {
@@ -395,12 +675,12 @@ export default {
     // 左侧科室列表
     Departmentlist() {
       this.loading = true;
-      listWechatTemplateNum(this.querydepartmen).then(response => {
+      listWechatTemplateNum(this.querydepartmen).then((response) => {
         this.DepartmentoList = response.data;
         let sum = 0;
         this.DepartmentoList.forEach((item) => {
           if (item.countNum != null) {
-            console.log(item.countNum)
+            console.log(item.countNum);
             sum += item.countNum;
           }
           this.count = sum;
@@ -408,32 +688,29 @@ export default {
 
         this.loading = false;
       });
-
     },
     // 左侧科室
     itemdata(item) {
       if (item) {
-        this.itemname = item.id
-        this.departmentName = item.departmentName
+        this.itemname = item.id;
+        this.departmentName = item.departmentName;
         this.loading = true;
-        this.queryParams.departmentId = this.itemname
-        this.getList()
+        this.queryParams.departmentId = this.itemname;
+        this.getList();
       } else {
-        this.queryParams.departmentId = ''
-        this.itemname = null
-        this.getList()
+        this.queryParams.departmentId = "";
+        this.itemname = null;
+        this.getList();
       }
     },
 
-
     // 点击科室
     clickinnerVisible() {
       this.innerVisibleshow = true;
       if (this.itemname) {
-        this.informationqueryParams.departmentId = this.itemname
-
+        this.informationqueryParams.departmentId = this.itemname;
       } else {
-        this.informationqueryParams.departmentId = null
+        this.informationqueryParams.departmentId = null;
       }
       this.informationInfoinfo();
     },
@@ -461,8 +738,8 @@ export default {
     nurseclick(row) {
       this.form.departmentId = row.id;
       this.departmentName = row.departmentName;
-      this.form.diseaseTypeId = '';
-      this.diseaseTypeName = '请选择病种';
+      this.form.diseaseTypeId = "";
+      this.diseaseTypeName = "请选择病种";
       this.innerVisibleshow = false;
     },
     // 病种列表
@@ -475,13 +752,12 @@ export default {
     },
     // 点击病种
     clickdisease() {
-      if (this.departmentName == '请选择科室') {
+      if (this.departmentName == "请选择科室") {
         this.$modal.msgError("请先选择科室");
-
       } else {
         this.diseaseshowst = true;
-        this.querydisease.departmentId = this.form.departmentId
-        this.infodisease()
+        this.querydisease.departmentId = this.form.departmentId;
+        this.infodisease();
       }
     },
     // 病种名称圆点按钮
@@ -489,7 +765,6 @@ export default {
       this.form.diseaseTypeId = row.id;
       this.diseaseTypeName = row.diseaseTypeName;
       this.diseaseshowst = false;
-
     },
     // 重置
     resetdisease() {
@@ -497,7 +772,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
       };
-      this.infodisease()
+      this.infodisease();
     },
 
     canceldiseases() {
@@ -545,164 +820,184 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length !== 1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
       if (this.itemname) {
-        this.form.departmentName = this.departmentName
-        this.form.departmentId = this.itemname
+        this.form.departmentName = this.departmentName;
+        this.form.departmentId = this.itemname;
       } else if (this.itemname == null) {
-        this.departmentName = "请选择科室"
+        this.departmentName = "请选择科室";
+      } else {
+        this.departmentName = "请选择科室";
       }
-      else {
-        this.departmentName = "请选择科室"
-      }
-      this.diseaseTypeName = "请选择病种"
+      this.diseaseTypeName = "请选择病种";
 
       this.open = true;
       this.title = "新增微信模板";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-
       this.reset();
-      const id = row.id || this.ids
+      const id = row.id || this.ids;
       // this.getDisease();
       this.typelistdata();
-      getTemplate(id).then(response => {
+      getTemplate(id).then((response) => {
         this.form = response.data;
-        this.form.suitTaskTypeIds = response.data.suitTaskTypeIds
-        if (!response.data.diseaseTypeName || response.data.diseaseTypeName == "") {
-          this.diseaseTypeName = "请选择病种"
+        this.form.suitTaskTypeIds = response.data.suitTaskTypeIds;
+        if (
+          !response.data.diseaseTypeName ||
+          response.data.diseaseTypeName == ""
+        ) {
+          this.diseaseTypeName = "请选择病种";
         } else {
-          this.diseaseTypeName = response.data.diseaseTypeName
+          this.diseaseTypeName = response.data.diseaseTypeName;
         }
-        this.departmentName = response.data.departmentName
+        this.departmentName = response.data.departmentName;
         if (!this.form.templateSort) {
-          this.form.templateSort = undefined
+          this.form.templateSort = undefined;
         }
         this.open = true;
         this.title = "修改微信模板";
       });
     },
     updateCPage(index, size) {
-      this.queryParams.pageNum = index
-      this.queryParams.pageSize = size
+      this.queryParams.pageNum = index;
+      this.queryParams.pageSize = size;
       this.getList();
     },
     updateCPagetwo(index, size) {
-      this.informationqueryParams.pageNum = index
-      this.informationqueryParams.pageSize = size
+      this.informationqueryParams.pageNum = index;
+      this.informationqueryParams.pageSize = size;
       this.informationInfoinfo();
     },
     updateCPagethree(index, size) {
-      this.querydisease.pageNum = index
-      this.querydisease.pageSize = size
+      this.querydisease.pageNum = index;
+      this.querydisease.pageSize = size;
       this.infodisease();
     },
     /** 提交按钮 */
     submitForm() {
-      console.log(this.form)
+      console.log(this.form);
       // return
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.obj.length > 10) {
             this.$message({
               type: "error",
-              message: "微信排序最大长度为十位，请正确输入！"
+              message: "微信排序最大长度为十位，请正确输入！",
             });
           } else {
             if (this.form.id != null) {
-              this.form.departmentName = this.departmentName
-              this.form.diseaseTypeName = this.diseaseTypeName
+              this.form.departmentName = this.departmentName;
+              this.form.diseaseTypeName = this.diseaseTypeName;
               if (this.diseaseTypeName == "请选择病种") {
-                this.form.diseaseTypeName = null
+                this.form.diseaseTypeName = null;
               } else {
-                this.form.diseaseTypeName = this.diseaseTypeName
+                this.form.diseaseTypeName = this.diseaseTypeName;
               }
-              console.log(this.form, 'this.form')
+              console.log(this.form, "this.form");
               // return
-              updateTemplate(this.form).then(response => {
+              updateTemplate(this.form).then((response) => {
                 this.$modal.msgSuccess("修改成功");
                 this.open = false;
                 this.getList();
                 this.Departmentlist();
               });
-
             } else {
               if (this.diseaseTypeName == "请选择病种") {
-                this.form.diseaseTypeName = null
+                this.form.diseaseTypeName = null;
               } else {
-                this.form.diseaseTypeName = this.diseaseTypeName
+                this.form.diseaseTypeName = this.diseaseTypeName;
               }
               if (this.itemname) {
-                this.form.departmentName = this.departmentName
-                this.form.departmentId = this.itemname
+                this.form.departmentName = this.departmentName;
+                this.form.departmentId = this.itemname;
               } else {
-                this.form.departmentName = this.departmentName
+                this.form.departmentName = this.departmentName;
               }
-              addTemplate(this.form).then(response => {
+              addTemplate(this.form).then((response) => {
                 this.$modal.msgSuccess("新增成功");
                 this.open = false;
                 this.getList();
                 this.Departmentlist();
               });
-
             }
-
           }
-
         }
       });
     },
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除微信模板信息？').then(function () {
-        return delTemplate(ids);
-      }).then(() => {
-        this.getList();
-        this.Departmentlist();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => { });
+      this.$modal
+        .confirm("是否确认删除微信模板信息？")
+        .then(function () {
+          return delTemplate(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.Departmentlist();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('manage/template/export', {
-        ...this.queryParams
-      }, `template_${new Date().getTime()}.xlsx`)
+      this.download(
+        "manage/template/export",
+        {
+          ...this.queryParams,
+        },
+        `template_${new Date().getTime()}.xlsx`
+      );
     },
     // 获取表格最高高度
     getMaxTableHeight() {
-      const windowInnerHeight = window.innerHeight // 屏幕可视高度
-      const layoutDiv = this.$refs.layout
-      const formDiv = this.$refs.topform
-      const mb8Div = this.$refs.mb8
+      const windowInnerHeight = window.innerHeight; // 屏幕可视高度
+      const layoutDiv = this.$refs.layout;
+      const formDiv = this.$refs.topform;
+      const mb8Div = this.$refs.mb8;
       this.maxTableHeight =
-        windowInnerHeight - 134 -
+        windowInnerHeight -
+        134 -
         this.getBoxPadding(layoutDiv) -
         this.getBoxHeight(mb8Div) -
-        this.getBoxHeight(formDiv)
+        this.getBoxHeight(formDiv);
     },
     // 屏幕resize监听
     screenChange() {
       // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
-      window.addEventListener('resize', this.getMaxTableHeight, true)
+      window.addEventListener("resize", this.getMaxTableHeight, true);
       // 将屏幕监听事件移除
       // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
       // 或者将这里的方法直接写在beforeDestroy函数中也可以
-      this.$once('hook:beforeDestroy', () => {
-        window.removeEventListener('resize', this.getMaxTableHeight, true)
-      })
+      this.$once("hook:beforeDestroy", () => {
+        window.removeEventListener("resize", this.getMaxTableHeight, true);
+      });
     },
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
+::v-deep.el-table td.el-table__cell div {
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+::v-deeep.el-textarea__inner {
+    height: 200px;
+
+    }
 ::v-deep .el-input-number .el-input__inner {
   text-align: left;
 }
diff --git a/src/views/system/Editorxj/index.vue b/src/views/system/Editorxj/index.vue
index 005e220..6c1a5f8 100644
--- a/src/views/system/Editorxj/index.vue
+++ b/src/views/system/Editorxj/index.vue
@@ -123,6 +123,7 @@ export default {
   },
   methods: {
     init() {
+      // console.log(111111111111)
       const editor = this.$refs.editor;
       this.Quill = new Quill(editor, this.options);
       // 如果设置了上传地址则自定义图片上传事件
diff --git a/src/views/system/ManageNodeInformation/index.vue b/src/views/system/ManageNodeInformation/index.vue
index be7d631..603f780 100644
--- a/src/views/system/ManageNodeInformation/index.vue
+++ b/src/views/system/ManageNodeInformation/index.vue
@@ -8,76 +8,175 @@
         <!-- 一级 -->
         <div class="node" v-if="updata">
           <!-- {{ updata.length }} -->
-          <el-select v-model="updata.triggerConditionName" style="width: 120px" disabled
-            @change="changetriggerConditionName($event, index)">
-            <el-option v-for="item in optionsname" :key="item.dictValue" :label="item.dictLabel"
-              :value="item.dictValue">
+          <el-select
+            v-model="updata.triggerConditionName"
+            style="width: 120px"
+            disabled
+            @change="changetriggerConditionName($event, index)"
+          >
+            <el-option
+              v-for="item in optionsname"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
             </el-option>
           </el-select>
           <!-- 包含 -->
-          <el-select disabled v-model="updata.triggerConditionOperator" style="width: 100px"
-            @change="changetriggerLogic($event, index)">
-            <el-option v-for="item in openlist.triggerConditionList
-      .optionstriggerConditionOperator" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
+          <el-select
+            disabled
+            v-model="updata.triggerConditionOperator"
+            style="width: 100px"
+            @change="changetriggerLogic($event, index)"
+          >
+            <el-option
+              v-for="item in openlist.triggerConditionList
+                .optionstriggerConditionOperator"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
             </el-option>
           </el-select>
 
-          <el-input v-if="updata.dictDataType == 'STRING'" disabled v-model="updata.triggerConditionValue"
-            style="width: 300px" placeholder="请输入触发条件" maxlength="100"></el-input>
-          <el-select disabled v-if="updata.dictDataType == 'SELECT'" v-model="updata.triggerConditionValue"
-            style="width: 300px">
-            <el-option v-for="item in ConditionValue" :key="item.dictValue" :label="item.dictLabel"
-              :value="item.dictValue">
+          <el-input
+            v-if="updata.dictDataType == 'STRING'"
+            disabled
+            v-model="updata.triggerConditionValue"
+            style="width: 300px"
+            placeholder="请输入触发条件"
+            maxlength="100"
+          ></el-input>
+          <el-select
+            disabled
+            v-if="updata.dictDataType == 'SELECT'"
+            v-model="updata.triggerConditionValue"
+            style="width: 300px"
+          >
+            <el-option
+              v-for="item in ConditionValue"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
             </el-option>
           </el-select>
-          <el-date-picker disabled v-if="updata.dictDataType == 'DATE'" v-model="updata.triggerConditionValue"
-            style="width: 300px" type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd">
+          <el-date-picker
+            disabled
+            v-if="updata.dictDataType == 'DATE'"
+            v-model="updata.triggerConditionValue"
+            style="width: 300px"
+            type="date"
+            placeholder="选择日期时间"
+            value-format="yyyy-MM-dd"
+          >
           </el-date-picker>
 
-          <el-input disabled v-if="updata.dictDataType == 'DECIMAL'" style="width: 300px"
-            v-model="updata.triggerConditionValue" type="number" :min="0"></el-input>
+          <el-input
+            disabled
+            v-if="updata.dictDataType == 'DECIMAL'"
+            style="width: 300px"
+            v-model="updata.triggerConditionValue"
+            type="number"
+            :min="0"
+          ></el-input>
         </div>
         <!-- 二级 -->
         <div v-show="show3 == true">
           <div class="node" v-for="(item, index) in updatalist" :key="index">
-            <div style="width: 60px; position: absolute; top: 8%" v-if="updatalist.length == 2">
+            <div
+              style="width: 60px; position: absolute; top: 8%"
+              v-if="updatalist.length == 2"
+            >
               <img src="@/assets/images/images.png" class="login-code-img" />
               <div class="selectname">
-                <el-select disabled v-model="item.triggerLogic" style="width: 60px"
-                  @change="changetriggerLogicsname($event, index)">
-                  <el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
-                    :value="item.dictValue">
+                <el-select
+                  disabled
+                  v-model="item.triggerLogic"
+                  style="width: 60px"
+                  @change="changetriggerLogicsname($event, index)"
+                >
+                  <el-option
+                    v-for="item in optionslistS"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
               </div>
             </div>
             <div>
-              <el-select v-model="item.triggerConditionName" style="width: 120px" disabled
-                @change="changetriggerConditionName($event, index)">
-                <el-option v-for="item in optionsname" :key="item.dictValue" :label="item.dictLabel"
-                  :value="item.dictValue">
+              <el-select
+                v-model="item.triggerConditionName"
+                style="width: 120px"
+                disabled
+                @change="changetriggerConditionName($event, index)"
+              >
+                <el-option
+                  v-for="item in optionsname"
+                  :key="item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
+                >
                 </el-option>
               </el-select>
-              <el-select disabled v-model="item.triggerConditionOperator" style="width: 100px"
-                @change="changetriggerLogic($event, index)">
-                <el-option v-for="item in openlist.triggerConditionList
-      .optionstriggerConditionOperator" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
+              <el-select
+                disabled
+                v-model="item.triggerConditionOperator"
+                style="width: 100px"
+                @change="changetriggerLogic($event, index)"
+              >
+                <el-option
+                  v-for="item in openlist.triggerConditionList
+                    .optionstriggerConditionOperator"
+                  :key="item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
+                >
                 </el-option>
               </el-select>
-              <el-input v-if="item.dictDataType == 'STRING'" disabled v-model="item.triggerConditionValue"
-                style="width: 300px" placeholder="请输入触发条件" maxlength="100"></el-input>
-              <el-select disabled v-if="item.dictDataType == 'SELECT'" v-model="item.triggerConditionValue"
-                style="width: 300px">
-                <el-option v-for="item in ConditionValue" :key="item.dictValue" :label="item.dictLabel"
-                  :value="item.dictValue">
+              <el-input
+                v-if="item.dictDataType == 'STRING'"
+                disabled
+                v-model="item.triggerConditionValue"
+                style="width: 300px"
+                placeholder="请输入触发条件"
+                maxlength="100"
+              ></el-input>
+              <el-select
+                disabled
+                v-if="item.dictDataType == 'SELECT'"
+                v-model="item.triggerConditionValue"
+                style="width: 300px"
+              >
+                <el-option
+                  v-for="item in ConditionValue"
+                  :key="item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
+                >
                 </el-option>
               </el-select>
 
-              <el-date-picker disabled v-if="item.dictDataType == 'DATE'" v-model="item.triggerConditionValue"
-                style="width: 300px" type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd">
+              <el-date-picker
+                disabled
+                v-if="item.dictDataType == 'DATE'"
+                v-model="item.triggerConditionValue"
+                style="width: 300px"
+                type="date"
+                placeholder="选择日期时间"
+                value-format="yyyy-MM-dd"
+              >
               </el-date-picker>
-              <el-input disabled v-if="item.dictDataType == 'DECIMAL'" style="width: 300px"
-                v-model="item.triggerConditionValue" type="number" :min="0"></el-input>
+              <el-input
+                disabled
+                v-if="item.dictDataType == 'DECIMAL'"
+                style="width: 300px"
+                v-model="item.triggerConditionValue"
+                type="number"
+                :min="0"
+              ></el-input>
             </div>
           </div>
         </div>
@@ -86,14 +185,24 @@
       <div class="select">
         <span> 适用范围 </span>
         <el-select v-model="updata.suitRange" placeholder="请选择" disabled>
-          <el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
+          <el-option
+            v-for="item in options"
+            :key="item.dictValue"
+            :label="item.dictLabel"
+            :value="item.dictValue"
+          >
           </el-option>
         </el-select>
       </div>
       <div class="addlistname">
         <i @click="edit()" class="el-icon-edit">编辑</i>
         <span v-if="updatalist.length > 0">
-          <i @click="addlistname()" class="el-icon-arrow-down" v-if="show3 == false">展开</i>
+          <i
+            @click="addlistname()"
+            class="el-icon-arrow-down"
+            v-if="show3 == false"
+            >展开</i
+          >
           <i @click="addlistname()" class="el-icon-arrow-up" v-else>关闭</i>
         </span>
       </div>
@@ -105,30 +214,59 @@
           <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' : ''">
+          <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" style="width: 100px">
-                  <el-option v-for="item in parentDictCodelist" :key="item.dictValue" :label="item.dictLabel"
-                    :value="item.dictValue">
+                  <el-option
+                    v-for="item in parentDictCodelist"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
-                <el-input v-model="item.routeNodeDay" style="width: 70px" type="number" :min="0"></el-input>
+                <el-input
+                  v-model="item.routeNodeDay"
+                  style="width: 70px"
+                  type="number"
+                  :min="0"
+                ></el-input>
                 <span>天</span>
               </div>
               <div>
                 <i class="el-icon-delete" @click="delitemh(item, index)"></i>
-                <i class="el-icon-circle-plus-outline" @click="additem(item)"></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"
+            <el-card
+              v-for="(uitem, uindex) in item.list"
+              :key="uitem.id"
               @click.native="bottomclickevent(uitem, index, uindex)"
-              :class="listindex == index && itemindex == uindex ? 'cards' : ''">
+              :class="listindex == index && itemindex == uindex ? 'cards' : ''"
+            >
               <h3 style="height: 20px">{{ uitem.taskTypeName }}</h3>
-              <el-tag v-if="uitem.routeCheckStatus == 'AGREE'" class="routeCheckStatus">已审核</el-tag>
-              <el-tag v-else-if="uitem.routeCheckStatus == 'DISAGREE'" type="danger"
-                class="routeCheckStatus">不同意</el-tag>
-              <el-tag v-else type="warning" class="routeCheckStatus">未审核</el-tag>
+              <el-tag
+                v-if="uitem.routeCheckStatus == 'AGREE'"
+                class="routeCheckStatus"
+                >已审核</el-tag
+              >
+              <el-tag
+                v-else-if="uitem.routeCheckStatus == 'DISAGREE'"
+                type="danger"
+                class="routeCheckStatus"
+                >不同意</el-tag
+              >
+              <el-tag v-else type="warning" class="routeCheckStatus"
+                >未审核</el-tag
+              >
               <p style="height: 16px">{{ uitem.taskSubdivisionName }}</p>
             </el-card>
           </el-timeline-item>
@@ -138,48 +276,121 @@
         <div class="topform">
           <el-form ref="form" :inline="true" :model="form" class="form">
             <el-form-item label="任务类型" prop="">
-              <el-select v-model="form.taskType" style="width: 130px" @change="changeTaskType">
-                <el-option v-for="item in selectTaskTypeList" :key="item.taskTypeCode" :label="item.taskTypeName"
-                  :value="item.taskTypeCode">
+              <el-select
+                v-model="form.taskType"
+                style="width: 130px"
+                @change="changeTaskType"
+              >
+                <el-option
+                  v-for="item in selectTaskTypeList"
+                  :key="item.taskTypeCode"
+                  :label="item.taskTypeName"
+                  :value="item.taskTypeCode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="任务细分" prop="">
-              <el-select v-model="form.taskSubdivision" style="width: 130px" @change="changetaskSubdivision">
-                <el-option v-for="item in taskPartitionList" :key="item.taskPartitionCode"
-                  :label="item.taskPartitionName" :value="item.taskPartitionCode">
+              <el-select
+                v-model="form.taskSubdivision"
+                style="width: 130px"
+                @change="changetaskSubdivision"
+              >
+                <el-option
+                  v-for="item in taskPartitionList"
+                  :key="item.taskPartitionCode"
+                  :label="item.taskPartitionName"
+                  :value="item.taskPartitionCode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="任务状态" prop="">
               <el-select v-model="form.taskStatus" style="width: 150px">
-                <el-option v-for="item in taskStatusDictList" :key="item.id" :label="item.taskStatusName"
-                  :value="item.taskStatusCode">
+                <el-option
+                  v-for="item in taskStatusDictList"
+                  :key="item.id"
+                  :label="item.taskStatusName"
+                  :value="item.taskStatusCode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="二级分类描述" prop="">
-              <el-input v-model="form.secondClassifyDescribe" style="width: 130px" disabled></el-input>
+              <el-input
+                v-model="form.secondClassifyDescribe"
+                style="width: 130px"
+                disabled
+              ></el-input>
             </el-form-item>
             <el-form-item label="执行时间" prop="">
-              <el-time-select v-model="form.executionTime" style="width: 120px" placeholder="选择时间" disabled>
+              <el-time-select
+                v-model="form.executionTime"
+                style="width: 120px"
+                placeholder="选择时间"
+                disabled
+              >
               </el-time-select>
             </el-form-item>
-            <el-form-item label="问卷库模板选择" prop="" v-show="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'">
-              <question @on-template="questionontemplate" :templateId="form.templateId"
-                :templateName="form.templateName"></question>
+            <el-form-item
+              label="问卷库模板选择"
+              prop=""
+              v-show="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'"
+            >
+              <question
+                @on-template="questionontemplate"
+                :templateId="form.templateId"
+                :templateName="form.templateName"
+              ></question>
             </el-form-item>
-            <el-form-item label="宣教库模板选择" prop="" v-show="form.taskSubdivisiontemplateType == 'PROPAGANDA'">
-              <propaganda @on-template="propagandaontemplate" :templateId="form.templateId"
-                :templateName="form.templateName"></propaganda>
+            <el-form-item
+              label="宣教库模板选择"
+              prop=""
+              v-show="form.taskSubdivisiontemplateType == 'PROPAGANDA'"
+            >
+              <propaganda
+                @on-template="propagandaontemplate"
+                :templateId="form.templateId"
+                :templateName="form.templateName"
+              ></propaganda>
             </el-form-item>
           </el-form>
         </div>
+        <div class="imageScriptpreviews" v-if="formview&&form.taskSubdivisiontemplateType == 'PROPAGANDA'&&form.templateId">
+              <!-- <div class="titletop">
+                文章模板:{{ formview.propagandaTitle }}
+              </div> -->
+              <div class="bodytop">
+                <div class="titledata">{{ formview.propagandaTitle }}</div>
+            
+                <div>
+                  <img :src="baseUrl + formview.propagandaCoverPath" alt="" />
+                  <div class="know">知识卡片</div>
+                  <div class="knowlist">
+                    <Editorxj
+                      v-model="formview.propagandaContent"
+                      :min-height="192"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
         <div class="bottomform">
-          <wangeditor style="width: 100%" :nodeContent="form.nodeContent" @on-nodeContent="onNodeContent"
-            v-if="form.taskSubdivisiontemplateType != 'QUESTIONNAIRE' && form.taskSubdivisiontemplateType != 'PROPAGANDA' && form.taskSubdivisiontemplateType != 'SCRIPT'"
-            ref="wangeditor" />
-          <div class="card" v-show="form.taskSubdivisiontemplateType != 'SCRIPT'">
+          <wangeditor
+            style="width: 100%"
+            :nodeContent="form.nodeContent"
+            @on-nodeContent="onNodeContent"
+            v-if="
+              form.taskSubdivisiontemplateType != 'QUESTIONNAIRE' &&
+              form.taskSubdivisiontemplateType != 'PROPAGANDA' &&
+              form.taskSubdivisiontemplateType != 'SCRIPT'
+            "
+            ref="wangeditor"
+          />
+          <div
+            class="card"
+            v-show="form.taskSubdivisiontemplateType != 'SCRIPT'"
+          >
             <div class="flex">
               <div class="pushMethod">
                 推送方式：
@@ -187,16 +398,27 @@
               </div>
               <div class="pushMethod">
                 模板：
-                <message @on-template="messageontemplate" :templateId="form.messageTemplateId"
-                  :templateName="form.messageTemplateName"></message>
+                <message
+                  @on-template="messageontemplate"
+                  :templateId="form.messageTemplateId"
+                  :templateName="form.messageTemplateName"
+                ></message>
               </div>
               <div class="pushMethod">
-                <el-switch v-model="form.messagePushSign" active-color="#13ce66" active-value="1" inactive-value="0">
+                <el-switch
+                  v-model="form.messagePushSign"
+                  active-color="#13ce66"
+                  active-value="1"
+                  inactive-value="0"
+                >
                 </el-switch>
               </div>
             </div>
           </div>
-          <div class="card" v-show="form.taskSubdivisiontemplateType != 'SCRIPT'">
+          <div
+            class="card"
+            v-show="form.taskSubdivisiontemplateType != 'SCRIPT'"
+          >
             <div class="flex">
               <div class="pushMethod">
                 推送方式：
@@ -205,18 +427,29 @@
               <div class="pushMethod">
                 模板：
                 <span>
-                  <officialAccount @on-template="officialAccountontemplate" :templateId="form.officialTemplateId"
-                    :templateName="form.officialTemplateName">
+                  <officialAccount
+                    @on-template="officialAccountontemplate"
+                    :templateId="form.officialTemplateId"
+                    :templateName="form.officialTemplateName"
+                  >
                   </officialAccount>
                 </span>
               </div>
               <div class="pushMethod">
-                <el-switch v-model="form.officialPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
+                <el-switch
+                  v-model="form.officialPushSign"
+                  active-color="#13ce66"
+                  active-value="1"
+                  inactive-value="0"
+                >
                 </el-switch>
               </div>
             </div>
           </div>
-          <div class="card" v-show="form.taskSubdivisiontemplateType != 'SCRIPT'">
+          <div
+            class="card"
+            v-show="form.taskSubdivisiontemplateType != 'SCRIPT'"
+          >
             <div class="flex">
               <div class="pushMethod">
                 推送方式：
@@ -225,23 +458,38 @@
               <div class="pushMethod">
                 模板：
                 <span>
-                  <miniProgram @on-template="miniProgramtemplate" :templateId="form.appletTemplateId"
-                    :templateName="form.appletTemplateName">
+                  <miniProgram
+                    @on-template="miniProgramtemplate"
+                    :templateId="form.appletTemplateId"
+                    :templateName="form.appletTemplateName"
+                  >
                   </miniProgram>
                 </span>
               </div>
               <div class="pushMethod">
-                <el-switch v-model="form.appletPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
+                <el-switch
+                  v-model="form.appletPushSign"
+                  active-color="#13ce66"
+                  active-value="1"
+                  inactive-value="0"
+                >
                 </el-switch>
               </div>
             </div>
           </div>
-          <div class="card" style="height: 250px" v-show="form.taskSubdivisiontemplateType == 'SCRIPT'">
+          <div
+            class="card"
+            style="height: 250px"
+            v-show="form.taskSubdivisiontemplateType == 'SCRIPT'"
+          >
             <div class="flex">
               <div class="pushMethod">
                 推送方式：
                 <span>
-                  <el-radio-group v-model="form.phoneDialMethod" @change="changephoneDialMethod">
+                  <el-radio-group
+                    v-model="form.phoneDialMethod"
+                    @change="changephoneDialMethod"
+                  >
                     <el-radio label="COMMON">人工电话</el-radio>
                     <el-radio label="AI">自动外呼</el-radio>
                   </el-radio-group>
@@ -249,134 +497,273 @@
               </div>
               <div class="pushMethod">
                 话术模板：
-                <span class="spanname" v-if="form.templateId&&form.phoneDialMethod=='COMMON'">
-                  <scripts @on-template="messageontemplateword" :templateId="form.phoneTemplateId"
-                    :templateName="form.phoneTemplateName"></scripts>
+                <span
+                  class="spanname"
+                  v-if="form.templateId && form.phoneDialMethod == 'COMMON'"
+                >
+                  <scripts
+                    @on-template="messageontemplateword"
+                    :templateId="form.phoneTemplateId"
+                    :templateName="form.phoneTemplateName"
+                  ></scripts>
                 </span>
                 <span v-else>
-                  <scripts @on-template="messageontemplateword" :templateId="form.phoneTemplateId"
-                    :templateName="form.phoneTemplateName"></scripts>
+                  <scripts
+                    @on-template="messageontemplateword"
+                    :templateId="form.phoneTemplateId"
+                    :templateName="form.phoneTemplateName"
+                  ></scripts>
                 </span>
               </div>
-              <div class="pushMethod" v-if="form.phoneDialMethod == 'COMMON' || !form.phoneDialMethod">
+              <div
+                class="pushMethod"
+                v-if="form.phoneDialMethod == 'COMMON' || !form.phoneDialMethod"
+              >
                 问卷模板：
                 <span class="spanname" v-if="form.phoneTemplateId">
-                  <question @on-template="questionontemplate" :templateId="form.templateId"
-                    :templateName="form.templateName"></question>
+                  <question
+                    @on-template="questionontemplate"
+                    :templateId="form.templateId"
+                    :templateName="form.templateName"
+                  ></question>
                 </span>
                 <span v-else>
-                  <question @on-template="questionontemplate" :templateId="form.templateId"
-                    :templateName="form.templateName"></question>
+                  <question
+                    @on-template="questionontemplate"
+                    :templateId="form.templateId"
+                    :templateName="form.templateName"
+                  ></question>
                 </span>
               </div>
-              <div class="pushMethod">
-                <el-switch v-model="form.phonePushSign" active-color="#13ce66" active-value="1" inactive-value="0">
+              <!-- <div class="pushMethod">
+                <el-switch
+                  v-model="form.phonePushSign"
+                  active-color="#13ce66"
+                  active-value="1"
+                  inactive-value="0"
+                >
                 </el-switch>
-              </div>
+              </div> -->
             </div>
             <div class="flex">
               <div class="pushMethod">
                 重播次数：
                 <span>
-                  <el-select v-model="form.phoneRedialTimes" style="width: 110px">
-                    <el-option v-for="item in optionslistSname" :key="item.dictValue" :label="item.dictLabel"
-                      :value="item.dictValue">
+                  <el-select
+                    v-model="form.phoneRedialTimes"
+                    style="width: 110px"
+                  >
+                    <el-option
+                      v-for="item in optionslistSname"
+                      :key="item.dictValue"
+                      :label="item.dictLabel"
+                      :value="item.dictValue"
+                    >
                     </el-option>
                   </el-select>
                 </span>
               </div>
               <div class="pushMethod">
-                时间间隔:
+                时间间隔(分钟):
                 <span>
-                  <el-input v-model.number="form.phoneTimeInterval" oninput="value=value.replace(/[^\d]/g,'')"
-                    style="width: 100px">
+                  <el-input
+                    v-model.number="form.phoneTimeInterval"
+                    oninput="value=value.replace(/[^\d]/g,'')"
+                    style="width: 100px"
+                  >
                   </el-input>
                 </span>
               </div>
               <div class="pushMethod">
                 短信提醒：
-                <el-select v-model="form.phoneMessageRemind" style="width: 150px">
-                  <el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
-                    :value="item.dictValue">
+                <el-select
+                  v-model="form.phoneMessageRemind"
+                  style="width: 150px"
+                >
+                  <el-option
+                    v-for="item in optionslist"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
               </div>
               <div class="pushMethod">
                 短信模板：
-                <span class="spanname" v-if="form.phoneMessageRemind == 'NOT_SEND_MESSAGE'">
-                  <message style="width: 200px" @on-template="messageontemplateMESSAGE"
-                    :templateId="form.phoneMessageTemplateId" :templateName="form.phoneMessageTemplateName"></message>
+                <span
+                  class="spanname"
+                  v-if="form.phoneMessageRemind == 'NOT_SEND_MESSAGE'"
+                >
+                  <message
+                    style="width: 200px"
+                    @on-template="messageontemplateMESSAGE"
+                    :templateId="form.phoneMessageTemplateId"
+                    :templateName="form.phoneMessageTemplateName"
+                  ></message>
                 </span>
                 <span v-else>
-                  <message style="width: 200px" @on-template="messageontemplateMESSAGE"
-                    :templateId="form.phoneMessageTemplateId" :templateName="form.phoneMessageTemplateName"></message>
+                  <message
+                    style="width: 200px"
+                    @on-template="messageontemplateMESSAGE"
+                    :templateId="form.phoneMessageTemplateId"
+                    :templateName="form.phoneMessageTemplateName"
+                  ></message>
                 </span>
               </div>
             </div>
+            <div class="imageScriptpreview" v-if="phoneNodeContent">
+              <Scriptpreview
+                :phoneNodeContent="phoneNodeContent"
+              ></Scriptpreview>
+            </div>
+        
           </div>
         </div>
       </div>
     </div>
 
     <!-- 编辑触发条件 -->
-    <el-dialog title="添加触发条件" :visible.sync="open" width="800px" append-to-body>
-      <el-form ref="openlist" :model="openlist" :rules="rules" label-width="80px">
+    <el-dialog
+      title="添加触发条件"
+      :visible.sync="open"
+      width="800px"
+      append-to-body
+    >
+      <el-form
+        ref="openlist"
+        :model="openlist"
+        :rules="rules"
+        label-width="80px"
+      >
         <el-form-item label="适用范围:">
-          <el-select v-model="openlist.suitRange" @change="changeoptions" style="width: 200px">
-            <el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
+          <el-select
+            v-model="openlist.suitRange"
+            @change="changeoptions"
+            style="width: 200px"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-descriptions title="触发条件"> </el-descriptions>
         <div class="nodesname">
-          <div class="node" v-for="(item, index) in openlist.triggerConditionList" :key="index">
+          <div
+            class="node"
+            v-for="(item, index) in openlist.triggerConditionList"
+            :key="index"
+          >
             <!-- 且或 -->
-            <div style="width: 60px; position: absolute; left: 2%; top: 57%"
-              v-if="openlist.triggerConditionList.length === 3">
+            <div
+              style="width: 60px; position: absolute; left: 2%; top: 57%"
+              v-if="openlist.triggerConditionList.length === 3"
+            >
               <img src="@/assets/images/images.png" class="login-code" />
               <div class="selectnamelist">
-                <el-select v-model="item.triggerLogic" style="width: 60px" placeholder=""
-                  @change="changetriggerLogicsname($event, index)">
-                  <el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
-                    :value="item.dictValue">
+                <el-select
+                  v-model="item.triggerLogic"
+                  style="width: 60px"
+                  placeholder=""
+                  @change="changetriggerLogicsname($event, index)"
+                >
+                  <el-option
+                    v-for="item in optionslistS"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
               </div>
             </div>
             <!-- 诊断 在这里-->
-            <el-select v-model="item.triggerConditionCode" style="width: 120px"
-              @change="changetriggerConditionName($event, index)">
-              <el-option v-for="item in optionsname" :key="item.dictValue" :label="item.dictLabel"
-                :value="item.dictValue">
+            <el-select
+              v-model="item.triggerConditionCode"
+              style="width: 120px"
+              @change="changetriggerConditionName($event, index)"
+            >
+              <el-option
+                v-for="item in optionsname"
+                :key="item.dictValue"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              >
               </el-option>
             </el-select>
             <!-- 包含 -->
-            <el-select v-model="item.triggerConditionOperator" style="width: 100px"
-              @change="changetriggerLogic($event, index)">
-              <el-option v-for="item in item.optionstriggerConditionOperator" :key="item.dictValue"
-                :label="item.dictLabel" :value="item.dictValue">
+            <el-select
+              v-model="item.triggerConditionOperator"
+              style="width: 100px"
+              @change="changetriggerLogic($event, index)"
+            >
+              <el-option
+                v-for="item in item.optionstriggerConditionOperator"
+                :key="item.dictValue"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              >
               </el-option>
             </el-select>
 
-            <el-input v-if="item.dictDataType == 'STRING'" v-model="item.triggerConditionValue" style="width: 300px"
-              placeholder="请输入触发条件" maxlength="100"></el-input>
-            <el-select v-if="item.dictDataType == 'SELECT'" v-model="item.triggerConditionValue" style="width: 300px">
-              <el-option v-for="item in ConditionValue" :key="item.dictValue" :label="item.dictLabel"
-                :value="item.dictValue">
+            <el-input
+              v-if="item.dictDataType == 'STRING'"
+              v-model="item.triggerConditionValue"
+              style="width: 300px"
+              placeholder="请输入触发条件"
+              maxlength="100"
+            ></el-input>
+            <el-select
+              v-if="item.dictDataType == 'SELECT'"
+              v-model="item.triggerConditionValue"
+              style="width: 300px"
+            >
+              <el-option
+                v-for="item in ConditionValue"
+                :key="item.dictValue"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              >
               </el-option>
             </el-select>
-            <el-date-picker v-if="item.dictDataType == 'DATE'" v-model="item.triggerConditionValue" style="width: 300px"
-              type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd">
+            <el-date-picker
+              v-if="item.dictDataType == 'DATE'"
+              v-model="item.triggerConditionValue"
+              style="width: 300px"
+              type="date"
+              placeholder="选择日期时间"
+              value-format="yyyy-MM-dd"
+            >
             </el-date-picker>
             <!-- {{ item }} -->
-            <el-input v-if="item.dictDataType == 'DECIMAL'" style="width: 300px" v-model="item.triggerConditionValue"
-              type="number" :min="0"></el-input>
+            <el-input
+              v-if="item.dictDataType == 'DECIMAL'"
+              style="width: 300px"
+              v-model="item.triggerConditionValue"
+              type="number"
+              :min="0"
+            ></el-input>
             <span class="icon">
-              <el-button type="danger" class="el-icon-remove-outline" plain @click="delitemlistname(index)"
-                v-if="index != 0"></el-button>
+              <el-button
+                type="danger"
+                class="el-icon-remove-outline"
+                plain
+                @click="delitemlistname(index)"
+                v-if="index != 0"
+              ></el-button>
 
-              <el-button type="primary" plain class="el-icon-circle-plus-outline" @click="addtriggerCondition(index)"
-                v-if="index == 0">添加属性</el-button>
+              <el-button
+                type="primary"
+                plain
+                class="el-icon-circle-plus-outline"
+                @click="addtriggerCondition(index)"
+                v-if="index == 0"
+                >添加属性</el-button
+              >
             </span>
           </div>
         </div>
@@ -387,14 +774,33 @@
       </div>
     </el-dialog>
     <!-- 提交审核 -->
-    <el-dialog title="提交审核完成" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
-      <el-form ref="routeform" :model="routeform" label-width="120px" :rules="rules">
+    <el-dialog
+      title="提交审核完成"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <el-form
+        ref="routeform"
+        :model="routeform"
+        label-width="120px"
+        :rules="rules"
+      >
         <el-form-item label="节点审核状态" prop="routeCheckStatus">
-          <el-radio v-model="routeform.routeCheckStatus" label="AGREE">同意</el-radio>
-          <el-radio v-model="routeform.routeCheckStatus" label="DISAGREE">不同意</el-radio>
+          <el-radio v-model="routeform.routeCheckStatus" label="AGREE"
+            >同意</el-radio
+          >
+          <el-radio v-model="routeform.routeCheckStatus" label="DISAGREE"
+            >不同意</el-radio
+          >
         </el-form-item>
         <el-form-item label="节点审核备注">
-          <el-input type="textarea" :rows="2" placeholder="请输入节点审核备注" v-model="routeform.routeCheckRemark">
+          <el-input
+            type="textarea"
+            :rows="2"
+            placeholder="请输入节点审核备注"
+            v-model="routeform.routeCheckRemark"
+          >
           </el-input>
         </el-form-item>
       </el-form>
@@ -405,9 +811,13 @@
     </el-dialog>
     <div slot="footer" class="dialog-footer">
       <el-button @click="TemporaryStorage">暂 存</el-button>
-      <el-button type="primary" @click="dialogVisible = true" v-if="form.specialDiseaseNodeId">审核完成 {{ agreeNumber ?
-      agreeNumber : "0" }} /
-        {{ totalNumber ? totalNumber : "0" }}</el-button>
+      <el-button
+        type="primary"
+        @click="dialogVisible = true"
+        v-if="form.specialDiseaseNodeId"
+        >审核完成 {{ agreeNumber ? agreeNumber : "0" }} /
+        {{ totalNumber ? totalNumber : "0" }}</el-button
+      >
     </div>
   </div>
 </template>
@@ -416,6 +826,62 @@ import indexjs from "./indexjs.js";
 export default indexjs;
 </script>
 <style scoped lang="scss">
+.imageScriptpreview {
+  margin-top: 20px;
+  // width: 500px;
+  height: 400px;
+  // background: red;
+  overflow-x: hidden;
+}
+.imageScriptpreviews {
+  // margin-top: 20px;
+  // width: 500px;
+  // height: 400px;
+  // background: red;
+  // overflow-x: auto;
+  margin: 0 auto;
+    width: 90%;
+    // height: 300px;
+  .titletop {
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  .bodytop {
+    position: relative;
+    top: 20px;
+    // height: 300px;
+    // overflow: auto;
+    border: 1px solid #e2e2e2;
+
+    .titledata {
+      margin: 30px 0px 15px 30px;
+      top: 14px;
+      font-size: 20px;
+    }
+
+    .audiotop {
+      margin: 10px 0px 10px 30px;
+    }
+
+    img {
+      // width: 100%;
+      // width: 362px;
+      // height: 127px;
+      margin: 0px 0px 0px 30px;
+    }
+
+    .know {
+      margin: 11px 0px 10px 30px;
+      font-size: 16px;
+    }
+
+    .knowlist {
+      margin: 10px 0px 10px 30px;
+      font-size: 16px;
+    }
+  }
+}
 ::v-deep .el-input.is-disabled .el-input__inner {
   background-color: #fff !important;
   color: #606266 !important;
diff --git a/src/views/system/ManageNodeInformation/indexjs.js b/src/views/system/ManageNodeInformation/indexjs.js
index 8738274..08bd814 100644
--- a/src/views/system/ManageNodeInformation/indexjs.js
+++ b/src/views/system/ManageNodeInformation/indexjs.js
@@ -6,6 +6,12 @@ import propaganda from "../components/propaganda.vue";
 import officialAccount from "../components/officialAccount.vue";
 import miniProgram from "../components/miniProgram.vue";
 import { getAgencytype } from "@/api/system/agency";
+import Scriptpreview from ".././components/Scriptpreviewopen.vue";
+import Editorxj from "../Editorxj/index.vue";
+import {
+  getPropaganda,
+} from "@/api/manage/propaganda";
+
 import {
   selectTaskTypeList,
   taskPartitionList,
@@ -18,21 +24,25 @@ import {
   triggerConditionList,
   getList,
 } from "@/api/system/specialDiseaseNode";
-import Cookies from "js-cookie";
 
 export default {
   components: {
     wangeditor,
+    Editorxj,
     question,
     propaganda,
     message,
     scripts,
     officialAccount,
     miniProgram,
+    Scriptpreview
   },
   name: "specialDiseaseNode",
   data() {
     return {
+      formview: {},
+      baseUrl: process.env.VUE_APP_BASE_API,
+
       value: 1,
       ConditionValue: [],
       dictDataType: "",
@@ -83,6 +93,7 @@ export default {
       agreeNumber: 0,
       value: "",
       input: "",
+      phoneNodeContent: '',
       //任务类型
       selectTaskTypeList: [],
       //任务状态
@@ -116,7 +127,6 @@ export default {
       this.$set(this.openlist, "suitRange", this.$route.query.suitRange);
       this.openlist.routeId = this.$route.query.id;
       this.itemlist.routeName = this.$route.query.routeName
-
     }
     this.taskinfo();
     this.infolistname();
@@ -138,19 +148,7 @@ export default {
       },
       deep: true,
     },
-    // "openlist.triggerConditionList": {
-    //   handler(newValue, oldValue) {
-    //     // console.log(newValue,'newValue')
-    //     newValue.forEach(e=>{
-    //       console.log(e,'e')
-    //     })
-    //     // if (newValue == "NOT_SEND_MESSAGE") {
-    //     //   this.form.phoneMessageTemplateId = "";
-    //     //   this.form.phoneMessageTemplateName = "";
-    //     // }
-    //   },
-    //   deep: true,
-    // },
+
   },
   mounted() {
     // this.form = this.lists[0].list[0];
@@ -189,7 +187,6 @@ export default {
       });
       delete this.openlist.triggerConditionList.optionstriggerConditionOperator
       loading.close();
-      console.log(this.openlist.triggerConditionList, 'this.openlist.triggerConditionList')
       // return;
       triggerCondition(this.openlist).then((res) => {
         if (res.code == 200) {
@@ -339,8 +336,15 @@ export default {
         )?.dictCode;
         setTimeout(() => {
           this.changelisy();
-        }, 1000);
+        }, 3000);
         this.itemlist.specialDiseaseRouteId = this.$route.query.id;
+        console.log(this.form.templateId, 'this.form.templateId')
+        if (this.form.templateId) {
+          getPropaganda(this.form.templateId).then((response) => {
+            this.formview = response.data;
+          });
+        }
+
         selectSpecialDisease(this.$route.query.id).then((res) => {
           loading.close();
           this.agreeNumber = res.data.agreeNumber;
@@ -449,7 +453,6 @@ export default {
     optiononditionOperator() {
       var dictType = "trigger_condition_operator";
       getAgencytype(dictType).then((res) => {
-        // console.log(res, 'redsssssssss')
         this.openlist.triggerConditionList.optionstriggerConditionOperator = res.data;
 
       });
@@ -489,7 +492,6 @@ export default {
       // this.openlist.triggerConditionList[index].optionstriggerConditionOperator=[]
       getList(dictType, this.dictDataType).then((res) => {
         this.$set(this.openlist.triggerConditionList[index], 'optionstriggerConditionOperator', res.data)
-        console.log(this.openlist.triggerConditionList[index].optionstriggerConditionOperator, 'this.openlist')
         this.$forceUpdate();
       });
     },
@@ -601,25 +603,28 @@ export default {
     },
     // 话术
     messageontemplateword(item) {
+      console.log(item, 'item')
       this.form.phoneTemplateId = item.templateId;
       this.form.phoneTemplateName = item.templateName;
-      console.log(this.form.phoneTemplateId, ' this.form.phoneTemplateId')
 
-      // this.form.messagePreview = item.templateContent;
+      this.phoneNodeContent = item.phoneNodeContent;
     },
-    changephoneDialMethod(e){
-      console.log(e,'e')
-      if(e=='AI'){
+    changephoneDialMethod(e) {
+      console.log(e)
+      if (e == 'AI') {
         // this.form.templateId=''
-        this.form.phoneTemplateId=''
-        this.form.phoneTemplateName=''
+        this.form.phoneTemplateId = ''
+        this.form.phoneTemplateName = ''
+        this.phoneNodeContent = ''
 
-      }else if(e=='COMMON'){
-        this.form.templateId=''
-        this.form.templateName=''
+      } else if (e == 'COMMON') {
+        this.form.templateId = ''
+        this.form.templateName = ''
+
+        this.form.phoneTemplateId = ''
+        this.form.phoneTemplateName = ''
+        this.phoneNodeContent = ''
 
-        this.form.phoneTemplateId=''
-        this.form.phoneTemplateName=''
       }
     },
     //短信传值
@@ -669,13 +674,12 @@ export default {
             ? e.list.forEach((el) => {
               el.routeNodeDay = e.routeNodeDay;
               el.routeNodeName = e.routeNodeName;
-              console.log(el, 'el')
               if (el.phoneDialMethod == 'COMMON' && el.templateId) {
                 el.templateType = 'QUESTIONNAIRE'
               } else if (el.phoneDialMethod == 'COMMON' && el.phoneTemplateId) {
                 el.templateType = 'SCRIPT'
-    
-              }else if (el.phoneDialMethod == "AI" && el.phoneTemplateId) {
+
+              } else if (el.phoneDialMethod == "AI" && el.phoneTemplateId) {
                 el.templateType = "SCRIPT";
               }
               this.itemlist.specialDiseaseNodeList.push(el);
@@ -691,9 +695,8 @@ export default {
         //       !e.taskSubdivision &&
         //       !e.taskStatus
         //   );
-        console.log(this.itemlist, 'itemlist')
         // return
-  
+
 
         specialDiseaseNode(this.itemlist).then((res) => {
           this.info();
@@ -712,20 +715,41 @@ export default {
     },
     //宣教传值
     propagandaontemplate(item) {
+      // console.log(item, 'item')
       this.form.templateId = item.templateId;
       this.form.templateName = item.templateName;
+      // if(item){
+      this.formview = item.formview
+
+      // }else{
+      //   getPropaganda( this.form.templateId).then((response) => {
+      //     this.formview = response.data;
+      //   });
+      // }
+
     },
 
     bottomclickevent(uitem, index, uindex) {
+      console.log(uitem, 'this.form.templateId')
+      if (uitem.templateId && uitem.taskSubdivisiontemplateType == "PROPAGANDA") {
+        getPropaganda(uitem.templateId).then((response) => {
+          this.formview = response.data;
+          console.log(this.formview,'this.formview')
+
+        });
+      }
+
       if (
         this.form.taskSubdivisiontemplateType != "QUESTIONNAIRE" &&
         this.form.taskSubdivisiontemplateType != "PROPAGANDA" &&
-        this.form.taskSubdivisiontemplateType != 'SCRIPT'
+        this.form.taskSubdivisiontemplateType != "SCRIPT"
       ) {
         this.$refs.wangeditor.emit();
       }
       setTimeout(() => {
         this.form = uitem;
+        // console.log( this.form,'this.form')
+      
         this.taskPartitionList = [];
         if (this.form.taskType) {
           this.changeTaskType(this.form.taskType, this.form.taskSubdivision);
diff --git a/src/views/system/components/Scriptpreviewopen.vue b/src/views/system/components/Scriptpreviewopen.vue
index 30dda69..2c1a262 100644
--- a/src/views/system/components/Scriptpreviewopen.vue
+++ b/src/views/system/components/Scriptpreviewopen.vue
@@ -24,52 +24,154 @@
           > -->
           <!-- <font-awesome-icon icon="heart" /> -->
           <!-- <FontAwesomeIcon icon="far fa-copy" /> -->
-          <font-awesome-icon data-command="save" class="command fa fa-floppy-o" icon="command far far fa-copy"
-            title="保存"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-reply-all" title="历史数据"
-            @click="readHistoryData"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" class="fa fa-hdd-o" icon="fas fa-file" title="上传数据"
-            @click="readUploadData"></font-awesome-icon>
-          <font-awesome-icon icon="fas fa-download" style="margin-left: 10px" title="另存为文件"
-            @click="saveAsFile">文件</font-awesome-icon>
+          <font-awesome-icon
+            data-command="save"
+            class="command fa fa-floppy-o"
+            icon="command far far fa-copy"
+            title="保存"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-reply-all"
+            title="历史数据"
+            @click="readHistoryData"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            class="fa fa-hdd-o"
+            icon="fas fa-file"
+            title="上传数据"
+            @click="readUploadData"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            icon="fas fa-download"
+            style="margin-left: 10px"
+            title="另存为文件"
+            @click="saveAsFile"
+            >文件</font-awesome-icon
+          >
           <!-- <FontAwesomeIcon icon="fas fa-image" /> -->
 
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-image" title="另存为图片"
-            @click="openSaveAsImageDialog"></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-image"
+            title="另存为图片"
+            @click="openSaveAsImageDialog"
+          ></font-awesome-icon>
 
-          <font-awesome-icon style="margin-left: 10px" data-command="undo" icon="fas fa-undo" class="command fa fa-undo"
-            title="撤销"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" data-command="redo" class="command fa fa-repeat"
-            icon="fas fa-repeat" title="重做"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" data-command="delete" class="command fa fa-trash-o"
-            icon="fas fa-trash-alt" title="删除"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" data-command="zoomOut" class="command fa fa-search-minus"
-            icon="fas fa-search-minus" title="缩小"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" data-command="zoomIn" icon="fas fa-search-plus"
-            class="command fa fa-search-plus" title="放大"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-eraser" data-command="clear"
-            class="command fa fa-eraser" title="清除画布"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-arrow-up" data-command="toFront"
-            class="command fa fa-arrow-up" title="提升层级"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-arrow-down" data-command="toBack"
-            class="command fa fa-arrow-down" title="下降层级"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-check-square" data-command="selectAll"
-            class="command fa fa-check-square-o" title="全选"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="far fa-copy" data-command="copy"
-            class="command fa fa-files-o" title="复制"></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            data-command="undo"
+            icon="fas fa-undo"
+            class="command fa fa-undo"
+            title="撤销"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            data-command="redo"
+            class="command fa fa-repeat"
+            icon="fas fa-repeat"
+            title="重做"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            data-command="delete"
+            class="command fa fa-trash-o"
+            icon="fas fa-trash-alt"
+            title="删除"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            data-command="zoomOut"
+            class="command fa fa-search-minus"
+            icon="fas fa-search-minus"
+            title="缩小"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            data-command="zoomIn"
+            icon="fas fa-search-plus"
+            class="command fa fa-search-plus"
+            title="放大"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-eraser"
+            data-command="clear"
+            class="command fa fa-eraser"
+            title="清除画布"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-arrow-up"
+            data-command="toFront"
+            class="command fa fa-arrow-up"
+            title="提升层级"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-arrow-down"
+            data-command="toBack"
+            class="command fa fa-arrow-down"
+            title="下降层级"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-check-square"
+            data-command="selectAll"
+            class="command fa fa-check-square-o"
+            title="全选"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="far fa-copy"
+            data-command="copy"
+            class="command fa fa-files-o"
+            title="复制"
+          ></font-awesome-icon>
 
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-clone" data-command="paste"
-            class="command fa fa-clipboard" title="粘贴"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-expand" data-command="autoZoom"
-            class="command fa fa-expand" title="实际大小"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-compress" data-command="resetZoom"
-            class="command fa fa-compress" title="适应页面"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-object-group" data-command="addGroup"
-            class="command fa fa-object-group" title="组合"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-object-ungroup" data-command="unGroup"
-            class="command fa fa-object-ungroup" title="取消组合"></font-awesome-icon>
-          <font-awesome-icon style="margin-left: 10px" icon="fas fa-crop" data-command="multiSelect"
-            class="command fa fa fa-crop" title="多选"></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-clone"
+            data-command="paste"
+            class="command fa fa-clipboard"
+            title="粘贴"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-expand"
+            data-command="autoZoom"
+            class="command fa fa-expand"
+            title="实际大小"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-compress"
+            data-command="resetZoom"
+            class="command fa fa-compress"
+            title="适应页面"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-object-group"
+            data-command="addGroup"
+            class="command fa fa-object-group"
+            title="组合"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-object-ungroup"
+            data-command="unGroup"
+            class="command fa fa-object-ungroup"
+            title="取消组合"
+          ></font-awesome-icon>
+          <font-awesome-icon
+            style="margin-left: 10px"
+            icon="fas fa-crop"
+            data-command="multiSelect"
+            class="command fa fa fa-crop"
+            title="多选"
+          ></font-awesome-icon>
         </div>
       </el-col>
     </el-row>
@@ -101,23 +203,33 @@
     <article>
       <!-- 下载图片 -->
       <section class="save-as-image-dialog">
-        <el-dialog title="下载图片" :visible.sync="saveAsImageDialogVisible" width="360px">
+        <el-dialog
+          title="下载图片"
+          :visible.sync="saveAsImageDialogVisible"
+          width="360px"
+        >
           <el-form label-width="100px" label-position="top">
             <el-form-item label="选择图片格式">
               <el-select v-model="saveAsImageFormat">
                 <el-option label="jpg" value="jpg">
                   <span style="float: left">jpg</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">白色背景</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px"
+                    >白色背景</span
+                  >
                 </el-option>
                 <el-option label="png" value="png">
                   <span style="float: left">png</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">透明背景</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px"
+                    >透明背景</span
+                  >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-form>
           <span slot="footer">
-            <el-button @click="saveAsImageDialogVisible = false">取 消</el-button>
+            <el-button @click="saveAsImageDialogVisible = false"
+              >取 消</el-button
+            >
             <el-button type="primary" @click="saveAsImage">确 定</el-button>
           </span>
         </el-dialog>
@@ -142,7 +254,9 @@
         </div>
         <div data-status="canvas-selected" class="menu">
           <el-button data-command="undo" class="command">撤销</el-button>
-          <el-button data-command="redo" class="command disable">重做</el-button>
+          <el-button data-command="redo" class="command disable"
+            >重做</el-button
+          >
         </div>
         <div data-status="multi-selected" class="menu">
           <el-button data-command="copy" class="command">复制</el-button>
@@ -160,7 +274,7 @@ import { getFlowScheme } from "@/api/system/preview";
 import { construct } from "netflix-conductor-json-tree/dist/index";
 export default {
   name: "VueG6Editor",
-  props: ['phoneNodeContent'],
+  props: ["phoneNodeContent"],
   mixins: [mixin],
   data() {
     return {
@@ -497,52 +611,57 @@ export default {
       nodeAttributeForm: {
         label: "",
         width: "",
-        height: ""
+        height: "",
       },
       // 节点属性表单
       edgeAttributeForm: {
-        label: ""
+        label: "",
       },
       // 画布属性栏表单
       canvasAttributeForm: {
         grid: true,
-        cell: 20
+        cell: 20,
       },
       // SVG节点图片URL地址
       startNodeSVGUrl: require("@/views/system/mianview/start-node.svg"),
       endNodeSVGUrl: require("@/views/system/mianview/end-node.svg"),
       regularNodeSVGUrl: require("@/views/system/mianview/regular-node.svg"),
       conditionNodeSVGUrl: require("@/views/system/mianview/condition-node.svg"),
-      nNodeSVGUrl: "https://gw.alipayobjects.com/zos/rmsportal/rQMUhHHSqwYsPwjXxcfP.svg",
-      modelNodeSVGUrl: "https://gw.alipayobjects.com/zos/rmsportal/rQMUhHHSqwYsPwjXxcfP.svg",
+      nNodeSVGUrl:
+        "https://gw.alipayobjects.com/zos/rmsportal/rQMUhHHSqwYsPwjXxcfP.svg",
+      modelNodeSVGUrl:
+        "https://gw.alipayobjects.com/zos/rmsportal/rQMUhHHSqwYsPwjXxcfP.svg",
       // 编辑器
       editor: null,
       saveAsImageDialogVisible: false,
-      saveAsImageFormat: "jpg"
+      saveAsImageFormat: "jpg",
     };
   },
   mounted() {
-    console.log()
     this.initG6Editor();
     this.getlist();
     // this.editor.getCurrentPage().save()
     this.editor.getCurrentPage().hideGrid();
     this.editor.getCurrentPage().read(this.form);
   },
+  watch: {
+    phoneNodeContent(newValue, oldValue) {
+      this.phoneNodeContent = newValue;
+      this.getlist();
+    },
+  },
   methods: {
     getlist() {
       // console.log(this.$route.query)
       // console.log(this.phoneNodeContent)
       // getFlowScheme(this.$route.query.id).then(res => {
       // this.form = JSON.parse(this.$route.query.id)
-      this.form = JSON.parse(this.phoneNodeContent)
+      this.form = JSON.parse(this.phoneNodeContent);
       this.editor.getCurrentPage().read(this.form);
       // })
     },
     // 初始化
     initG6Editor() {
-    console.log(2222222222)
-
       const _this = this;
       const editor = new G6Editor();
       this.editor = editor;
@@ -559,10 +678,10 @@ export default {
         // 正向命令
         execute(editor) {
           let needSaveData = editor.getCurrentPage().save();
-          console.log(needSaveData, 'needSaveData');
+          console.log(needSaveData, "needSaveData");
           // JSON.parse(JSON.stringify(needSaveData))
-          const text = JSON.stringify(needSaveData)
-          console.log(JSON.parse(JSON.stringify(text)), 'text');
+          const text = JSON.stringify(needSaveData);
+          console.log(JSON.parse(JSON.stringify(text)), "text");
           localStorage.setItem("flowData", JSON.stringify(needSaveData));
           _this.save(needSaveData);
         },
@@ -574,65 +693,67 @@ export default {
         // 快捷键：Ctrl + S
         shortcutCodes: [
           ["metaKey", "s"],
-          ["ctrlKey", "s"]
-        ]
+          ["ctrlKey", "s"],
+        ],
       });
       // 画布
       const flow = new G6Editor.Flow({
         graph: {
-          container: "page"
+          container: "page",
         },
         align: {
           line: {
             // 对齐线颜色
             stroke: "#FA8C16",
             // 对齐线粗细
-            lineWidth: 1
+            lineWidth: 1,
           },
           // 开启全方位对齐
           item: true,
           // 网格对齐
-          grid: true
+          grid: true,
         },
         grid: {
           // 网孔尺寸
-          cell: 18
+          cell: 18,
         },
         shortcut: {
           // 开启自定义命令保存的快捷键
-          save: true
-        }
+          save: true,
+        },
       });
       window.flow = flow;
 
       // 设置边
       flow.getGraph().edge({
-        shape: "flow-polyline"
+        shape: "flow-polyline",
       });
 
       // 元素面板栏
       const itempannel = new G6Editor.Itempannel({
-        container: "itempannel"
+        container: "itempannel",
       });
       // 工具栏
       const toolbar = new G6Editor.Toolbar({
-        container: "toolbar"
+        container: "toolbar",
       });
       // 属性栏
       // const detailpannel = new G6Editor.Detailpannel({
       //   container: "detailpannel"
       // });
       // 缩略图
-      let minimapWidth = getComputedStyle(document.querySelector(".right-part")).width;
+      let minimapWidth = getComputedStyle(
+        document.querySelector(".right-part")
+      ).width;
       minimapWidth = Number(minimapWidth.replace(/px$/, ""));
       const minimap = new G6Editor.Minimap({
         container: "minimap",
         width: minimapWidth,
-        height: 200
+        height: 200,
       });
       // 右键菜单
       const contextmenu = new G6Editor.Contextmenu({
-        container: "contextmenu"
+        container: "contextmenu",
       });
       // 挂载以上组件到Editor
       editor.add(flow);
@@ -648,10 +769,16 @@ export default {
       const currentPage = editor.getCurrentPage();
       currentPage.on("afterchange", (e) => {
         if (e.action === "add") {
-          if (e.model.nodetype === "startNode" || e.model.nodetype === "endNode") {
+          if (
+            e.model.nodetype === "startNode" ||
+            e.model.nodetype === "endNode"
+          ) {
             let nodes = this.editor.getCurrentPage().getNodes();
             for (const item of nodes) {
-              if (item.model.nodetype === e.model.nodetype && item.model.id !== e.model.id) {
+              if (
+                item.model.nodetype === e.model.nodetype &&
+                item.model.id !== e.model.id
+              ) {
                 this.editor.getCurrentPage().remove(e.item);
                 this.$message.warning("只能有一个开始节点或结束节点");
               }
@@ -667,21 +794,23 @@ export default {
         // 如果选择的对象是节点
         if (ev.item.isNode) {
           this.nodeAttributeForm.label = selectedItemDataModel.label;
-          this.nodeAttributeForm.width = selectedItemDataModel.size.split("*")[0];
-          this.nodeAttributeForm.height = selectedItemDataModel.size.split("*")[1];
+          this.nodeAttributeForm.width =
+            selectedItemDataModel.size.split("*")[0];
+          this.nodeAttributeForm.height =
+            selectedItemDataModel.size.split("*")[1];
           this.nodeAttributeForm.color = selectedItemDataModel.color;
         }
         // 如果选择的对象是边
         if (ev.item.isEdge) {
           ev.item.graph.edge({
-            shape: "flow-polyline-round"
+            shape: "flow-polyline-round",
           });
           this.edgeAttributeForm.label = selectedItemDataModel.label;
           this.edgeAttributeForm.shape = selectedItemDataModel.shape;
         }
       });
       // 监听（删除后）事件
-      currentPage.on("afterdelete", (ev) => { });
+      currentPage.on("afterdelete", (ev) => {});
     },
     // 打开保存为图片弹窗
     openSaveAsImageDialog() {
@@ -724,16 +853,15 @@ export default {
     submitForm() {
       const _this = this;
       let needSaveData = editor.getCurrentPage().save();
-      console.log(needSaveData, 'needSaveData');
+      console.log(needSaveData, "needSaveData");
       localStorage.setItem("flowData", JSON.stringify(needSaveData));
       _this.save(needSaveData);
       _this.$message.success("数据已保存");
-
     },
     // 保存为文件
     saveAsFile() {
-      let sub = this.editor.getCurrentPage().save()
-      console.log(sub, 'sub')
+      let sub = this.editor.getCurrentPage().save();
+      console.log(sub, "sub");
       let jsonString = JSON.stringify(this.editor.getCurrentPage().save());
       let blob = new Blob([jsonString]);
       let blobURL = URL.createObjectURL(blob);
@@ -784,9 +912,9 @@ export default {
     },
     handledel() {
       this.$store.dispatch("tagsView/delView", this.$route);
-      this.$router.go(-1)
+      this.$router.go(-1);
     },
-  }
+  },
 };
 </script>
 
diff --git a/src/views/system/components/message.vue b/src/views/system/components/message.vue
index b15ca51..54a80d3 100644
--- a/src/views/system/components/message.vue
+++ b/src/views/system/components/message.vue
@@ -367,6 +367,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+
 .app-container {
   display: inline-block;
   padding: 0 !important;
diff --git a/src/views/system/components/miniProgram.vue b/src/views/system/components/miniProgram.vue
index 1297685..0585bfc 100644
--- a/src/views/system/components/miniProgram.vue
+++ b/src/views/system/components/miniProgram.vue
@@ -142,6 +142,13 @@
               align="center"
               prop="diseaseTypeName"
             />
+            <el-table-column
+              label="模板内容"
+              align="center"
+              prop="templateContent"
+              :show-overflow-tooltip="true"
+
+            />
             <el-table-column
               label="操作"
               align="center"
diff --git a/src/views/system/components/officialAccount.vue b/src/views/system/components/officialAccount.vue
index d9a94b2..d70efa5 100644
--- a/src/views/system/components/officialAccount.vue
+++ b/src/views/system/components/officialAccount.vue
@@ -61,6 +61,9 @@
                         <el-table-column label="适用任务类型" align="center" prop="suitTaskTypeName"
                             :show-overflow-tooltip="true" />
                         <el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
+                        <el-table-column label="模板内容" align="center" prop="templateContent" />
+
+                        
                         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                             <template slot-scope="scope">
                                 <el-button size="mini" type="text" @click="handleselect(scope.row)"
@@ -181,6 +184,7 @@ export default {
             this.loading = true;
             this.queryParams.templateSource = "WE_CHAT_OFFICIAL_ACCOUNT"
             listTemplate(this.queryParams).then(response => {
+                console.log(response.rows)
                 this.templateList = response.rows;
                 this.total = response.total;
                 this.loading = false;
diff --git a/src/views/system/components/propaganda.vue b/src/views/system/components/propaganda.vue
index b6de9ef..3e30f62 100644
--- a/src/views/system/components/propaganda.vue
+++ b/src/views/system/components/propaganda.vue
@@ -1,494 +1,682 @@
 <template>
-    <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true"
-            style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
-            :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
-                '选择宣教模板' }}</el-button>
-        <el-dialog title="宣教库模板选择" :visible.sync="classificationOpen" width="70%"
-            :before-close="classificationOpenfalse">
-            <el-row :gutter="20">
-                <!--部门数据-->
-                <el-col :span="6" :xs="24">
-                    <div class="leftpro" ref="box">
-                        <div class="name">科室名称</div>
-                        <div>
-                            <el-input v-model="name" placeholder="请输入科室名称" clearable
-                                @keyup.enter.native="handleQuery" />
-                        </div>
-                        <div class="listitem">
-                            <div :class="itemname == null ? 'allactive' : 'all'" @click="itemdata()">
-                                全部
-                            </div>
-                            <span class="count">{{ count }}</span>
-                        </div>
-                        <div class="listitem" v-for="(item, index) in DepartmentoList" :key="index"
-                            @click="itemdata(item)">
-                            <div :class="itemname == item.id ? 'allactive' : 'all'">
-                                {{ item.departmentName }}
-                            </div>
-                            <span class="count">{{ item.countNum }}</span>
-                        </div>
-                    </div>
-                </el-col>
-                <!--用户数据-->
-                <el-col :span="18" :xs="24">
-                    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-                        label-width="68px">
-                        <el-form-item label="宣教名称" prop="propagandaTitle">
-                            <el-input v-model="queryParams.propagandaTitle" placeholder="请输入宣教名称" clearable
-                                @keyup.enter.native="handleQuery" />
-                        </el-form-item>
-                        <el-form-item label="宣教类型" prop="propagandaType">
-                            <el-select v-model="queryParams.propagandaType" placeholder="请选择">
-                                <el-option v-for="item in optionstype" :key="item.value" :label="item.label"
-                                    :value="item.value">
-                                </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item>
-                            <el-button type="primary" icon="el-icon-search" size="mini"
-                                @click="handleQuery">搜索</el-button>
-                            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-                        </el-form-item>
-                    </el-form>
-                    <el-table v-loading="loading" :data="propagandaList" @row-dblclick="handleselect">
-                        <el-table-column label="序号" align="center" prop="id" type="index" />
-                        <el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
-                        <el-table-column label="宣教名称" align="center" prop="propagandaTitle"
-                            :show-overflow-tooltip="true">
-                        </el-table-column>
-                        <el-table-column label="宣教ID" align="center" prop="propagandaCode"
-                            :show-overflow-tooltip="true" />
-                        <el-table-column label="宣教类型" align="center" prop="propagandaType">
-                            <template slot-scope="scope">
-                                {{ scope.row.propagandaType == "MEDICATION_KNOWLEDGE" ? "用药知识" : "" }}
-                                {{ scope.row.propagandaType == "DISEASE_POPULARIZATION" ? "疾病科普" : "" }}
-                                {{ scope.row.propagandaType == "SPORT_NUTRITION" ? "运动营养" : "" }}
-                                {{ scope.row.propagandaType == "OTHER_KNOWLEDGE" ? "其他知识" : "" }}
-                                {{ scope.row.propagandaType == "CUSTOMIZED_CONTENT" ? "定制内容" : "" }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="创建时间" align="center" prop="createTime" />
-                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                            <template slot-scope="scope">
-                                <el-button size="mini" type="text" @click="handleselect(scope.row)"
-                                    v-if="handleselectId != scope.row.id">选择</el-button>
-                                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
-                                    v-if="handleselectId == scope.row.id">取消选择</el-button>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                </el-col>
-            </el-row>
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize" @pagination="getList" />
-        </el-dialog>
-    </div>
+  <div class="app-container">
+    <el-button
+      size="small"
+      @click="classificationOpen = true"
+      style="
+        width: 200px;
+        font-size: 14px;
+        text-align: left;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      "
+      :style="handleselectName ? 'color:black' : 'color:#C0C4CC'"
+      >{{ handleselectName ? handleselectName : "选择宣教模板" }}</el-button
+    >
+    <el-dialog
+      title="宣教库模板选择"
+      :visible.sync="classificationOpen"
+      width="70%"
+      :before-close="classificationOpenfalse"
+    >
+      <el-row :gutter="20">
+        <!--部门数据-->
+        <el-col :span="6" :xs="24">
+          <div class="leftpro" ref="box">
+            <div class="name">科室名称</div>
+            <div>
+              <el-input
+                v-model="name"
+                placeholder="请输入科室名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </div>
+            <div class="listitem">
+              <div
+                :class="itemname == null ? 'allactive' : 'all'"
+                @click="itemdata()"
+              >
+                全部
+              </div>
+              <span class="count">{{ count }}</span>
+            </div>
+            <div
+              class="listitem"
+              v-for="(item, index) in DepartmentoList"
+              :key="index"
+              @click="itemdata(item)"
+            >
+              <div :class="itemname == item.id ? 'allactive' : 'all'">
+                {{ item.departmentName }}
+              </div>
+              <span class="count">{{ item.countNum }}</span>
+            </div>
+          </div>
+        </el-col>
+        <!--用户数据-->
+        <el-col :span="18" :xs="24">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="68px"
+          >
+            <el-form-item label="宣教名称" prop="propagandaTitle">
+              <el-input
+                v-model="queryParams.propagandaTitle"
+                placeholder="请输入宣教名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="宣教类型" prop="propagandaType">
+              <el-select
+                v-model="queryParams.propagandaType"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in optionstype"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+          <el-table
+            v-loading="loading"
+            :data="propagandaList"
+            @row-dblclick="handleselect"
+          >
+            <el-table-column
+              label="序号"
+              align="center"
+              prop="id"
+              type="index"
+            />
+            <el-table-column
+              label="病种名称"
+              align="center"
+              prop="diseaseTypeName"
+            />
+            <el-table-column
+              label="宣教名称"
+              align="center"
+              prop="propagandaTitle"
+              :show-overflow-tooltip="true"
+            >
+            </el-table-column>
+            <el-table-column
+              label="宣教ID"
+              align="center"
+              prop="propagandaCode"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="宣教类型"
+              align="center"
+              prop="propagandaType"
+            >
+              <template slot-scope="scope">
+                {{
+                  scope.row.propagandaType == "MEDICATION_KNOWLEDGE"
+                    ? "用药知识"
+                    : ""
+                }}
+                {{
+                  scope.row.propagandaType == "DISEASE_POPULARIZATION"
+                    ? "疾病科普"
+                    : ""
+                }}
+                {{
+                  scope.row.propagandaType == "SPORT_NUTRITION"
+                    ? "运动营养"
+                    : ""
+                }}
+                {{
+                  scope.row.propagandaType == "OTHER_KNOWLEDGE"
+                    ? "其他知识"
+                    : ""
+                }}
+                {{
+                  scope.row.propagandaType == "CUSTOMIZED_CONTENT"
+                    ? "定制内容"
+                    : ""
+                }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="创建时间"
+              align="center"
+              prop="createTime"
+            />
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
+              <template slot-scope="scope">
+                <el-button size="mini" type="text" @click="Preview(scope.row)"
+                  >预览</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleselect(scope.row)"
+                  v-if="handleselectId != scope.row.id"
+                  >选择</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="nohandleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id"
+                  >取消选择</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-dialog>
+    <!-- 预览弹框 -->
+    <el-dialog
+      title="预览"
+      :visible.sync="dialogview"
+      width="50%"
+      :before-close="handleview"
+    >
+      <div class="titletop">文章模板:{{ formview.propagandaTitle }}</div>
+      <div class="bodytop">
+        <div class="titledata">{{ formview.propagandaTitle }}</div>
+        <!-- <div class="audiotop">
+          <audio controls="controls" ref="audio"></audio>
+        </div> -->
+        <div>
+          <img :src="baseUrl + formview.propagandaCoverPath" alt="" />
+          <div class="know">知识卡片</div>
+          <div class="knowlist">
+            <Editorxj v-model="formview.propagandaContent" :min-height="192" />
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { listPropaganda, getPropaganda, delPropaganda, addPropaganda, updatePropaganda, selectNumByDept, copy, updateStatus } from "@/api/manage/propaganda";
+import {
+  listPropaganda,
+  getPropaganda,
+  delPropaganda,
+  addPropaganda,
+  updatePropaganda,
+  selectNumByDept,
+  copy,
+  updateStatus,
+} from "@/api/manage/propaganda";
+import Editorxj from "../Editorxj/index.vue";
+
 import stationAcatar from "../../system/stationAvatar/index.vue";
 export default {
-    name: "propaganda",
-    props: ['templateId', 'templateName'],
-    components: { stationAcatar },
-    data() {
-        return {
-            handleselectName: '',
-            handleselectId: '',
-            classificationOpen: false,
-            itemname: null,
-            departmentName: null,
-            name: '',
-            count: '',//全部
-            DepartmentoList: [],//左侧数组
-            // 左侧传值
-            querydepartmen: {
-                departmentName: "",
-                // pageNum: 1,
-                // pageSize: 10,
-            },
-            optionstype: [{
-                value: 'MEDICATION_KNOWLEDGE',
-                label: '用药知识'
-            }, {
-                value: 'DISEASE_POPULARIZATION',
-                label: '疾病科普'
-            }, {
-                value: 'SPORT_NUTRITION',
-                label: '运动营养'
-            }, {
-                value: 'OTHER_KNOWLEDGE',
-                label: '其他知识'
-            }, {
-                value: 'CUSTOMIZED_CONTENT',
-                label: '定制内容'
-            }],
-            loading: false,
-            // 选中数组
-            ids: [],
-            // 非单个禁用
-            single: true,
-            // 非多个禁用
-            multiple: true,
-            // 显示搜索条件
-            showSearch: true,
-            // 总条数
-            total: 0,
-            // 患者宣教信息表格数据
-            propagandaList: [],
-            // 查询参数
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10,
-                patientId: null,
-                propagandaId: null,
-                departmentName: null,
-                createTimeStart: null,
-                createTimeEnd: null,
-                propagandaTitle: null,
-                propagandaType: null,
-                propagandaCode: null,
-                propagandaContent: null,
-                propagandaCoverPath: null,
-                articleSummary: null,
-                voicebroadcast: null,
-                diseaseTypeName: null,
-                propagandaLink: null,
-                propagandaBarcodePath: null,
-            },
-        };
-    },
-    mounted() {
-        this.handleselectId = this.templateId
-        this.handleselectName = this.templateName
-    },
-    watch: {
-        templateId(newValue, oldValue) {
-            this.handleselectId = newValue;
+  name: "propaganda",
+  props: ["templateId", "templateName"],
+  components: { stationAcatar, Editorxj },
+  data() {
+    return {
+      dialogview: false, //预览
+      baseUrl: process.env.VUE_APP_BASE_API,
+
+      handleselectName: "",
+      handleselectId: "",
+      classificationOpen: false,
+      itemname: null,
+      departmentName: null,
+      name: "",
+      count: "", //全部
+      DepartmentoList: [], //左侧数组
+      // 左侧传值
+      querydepartmen: {
+        departmentName: "",
+        // pageNum: 1,
+        // pageSize: 10,
+      },
+      optionstype: [
+        {
+          value: "MEDICATION_KNOWLEDGE",
+          label: "用药知识",
         },
-        templateName(newValue, oldValue) {
-            this.handleselectName = newValue;
-        }
-    },
-    computed: {
-        pickerStartTime() {
-            return {
-                disabledDate: (time) => {
-                    if (this.queryParams.createTimeEnd) {
-                        let edtTime = this.queryParams.createTimeEnd.replace(/-/g, "/");
-                        return time.getTime() > new Date(edtTime);
-                    }
-                },
-            };
+        {
+          value: "DISEASE_POPULARIZATION",
+          label: "疾病科普",
         },
-        pickerEndTime() {
-            return {
-                disabledDate: (time) => {
-                    if (this.queryParams.createTimeStart) {
-                        let startTime = this.queryParams.createTimeStart.replace(/-/g, "/");
-                        return time.getTime() < new Date(startTime);
-                    }
-                },
-            };
+        {
+          value: "SPORT_NUTRITION",
+          label: "运动营养",
         },
+        {
+          value: "OTHER_KNOWLEDGE",
+          label: "其他知识",
+        },
+        {
+          value: "CUSTOMIZED_CONTENT",
+          label: "定制内容",
+        },
+      ],
+      loading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 患者宣教信息表格数据
+      propagandaList: [],
+      formview: {
+        articleSummary: null,
+        propagandaTitle: null,
+      }, //预览数据
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        patientId: null,
+        propagandaId: null,
+        departmentName: null,
+        createTimeStart: null,
+        createTimeEnd: null,
+        propagandaTitle: null,
+        propagandaType: null,
+        propagandaCode: null,
+        propagandaContent: null,
+        propagandaCoverPath: null,
+        articleSummary: null,
+        voicebroadcast: null,
+        diseaseTypeName: null,
+        propagandaLink: null,
+        propagandaBarcodePath: null,
+      },
+    };
+  },
+  mounted() {
+    this.handleselectId = this.templateId;
+    this.handleselectName = this.templateName;
+  },
+ 
+  computed: {
+    pickerStartTime() {
+      return {
+        disabledDate: (time) => {
+          if (this.queryParams.createTimeEnd) {
+            let edtTime = this.queryParams.createTimeEnd.replace(/-/g, "/");
+            return time.getTime() > new Date(edtTime);
+          }
+        },
+      };
     },
-    created() {
-        this.Departmentlist();
+    pickerEndTime() {
+      return {
+        disabledDate: (time) => {
+          if (this.queryParams.createTimeStart) {
+            let startTime = this.queryParams.createTimeStart.replace(/-/g, "/");
+            return time.getTime() < new Date(startTime);
+          }
+        },
+      };
+    },
+  },
+  created() {
+    this.Departmentlist();
+    this.getList();
+  },
+  watch: {
+    name(val) {
+      this.querydepartmen.departmentName = val;
+      this.Departmentlist();
+    },
+    templateId(newValue, oldValue) {
+        // console.log(newValue,'222222222222222222')
+      this.handleselectId = newValue;
+    },
+    templateName(newValue, oldValue) {
+      this.handleselectName = newValue;
+    },
+  },
+  methods: {
+    // 预览
+    Preview(row) {
+      console.log(row);
+      const id = row.id || this.ids;
+      this.dialogview = true;
+
+      getPropaganda(id).then((response) => {
+        this.formview = response.data;
+      });
+    },
+    // 关闭预览
+    handleview() {
+      this.dialogview = false;
+    },
+    nohandleselect() {
+      this.handleselectId = "";
+      this.handleselectName = "";
+      this.$emit("on-template", { templateId: "", templateName: "" });
+    },
+    handleselect(item) {
+      getPropaganda(item.id).then((response) => {
+        // this.formview = response.data;
+        this.handleselectId = item.id;
+        this.handleselectName = item.propagandaTitle;
+
+        this.$emit("on-template", {
+          templateId: item.id,
+          templateName: item.propagandaTitle,
+          formview: response.data,
+        });
+        this.classificationOpen = false;
+      });
+    },
+    classificationOpenfalse() {
+      this.classificationOpen = false;
+    },
+    // 开始时间
+    changecreateTimeStart(e) {
+      this.queryParams.createTimeStart = e;
+    },
+    // 结束时间
+    changecreateTimeEnd(e) {
+      this.queryParams.createTimeEnd = e;
+    },
+    // 左侧科室列表
+    Departmentlist() {
+      this.loading = true;
+      this.querydepartmen.propagandaStatus = "APPROVED";
+      selectNumByDept(this.querydepartmen).then((response) => {
+        this.DepartmentoList = response.data;
+        let sum = 0;
+        this.DepartmentoList.forEach((item) => {
+          if (item.countNum != null) {
+            sum += item.countNum;
+          }
+          this.count = sum;
+        });
+        this.loading = false;
+      });
+    },
+    // 左侧科室
+    itemdata(item) {
+      if (item) {
+        this.itemname = item.id;
+        // this.departmentName = item.departmentName
+        this.loading = true;
+        this.queryParams.departmentId = item.id;
         this.getList();
+      } else {
+        this.queryParams.departmentId = "";
+        this.itemname = null;
+        this.getList();
+      }
     },
-    watch: {
-        name(val) {
-            this.querydepartmen.departmentName = val
-            this.Departmentlist();
-        }
+    /** 查询患者宣教信息列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.propagandaStatus = "APPROVED";
+      listPropaganda(this.queryParams).then((response) => {
+        this.propagandaList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
     },
-    methods: {
-        nohandleselect() {
-            this.handleselectId = ''
-            this.handleselectName = ''
-            this.$emit("on-template", { templateId: '', templateName: '' });
-        },
-        handleselect(item) {
-            this.handleselectId = item.id
-            this.handleselectName = item.propagandaTitle
-            this.$emit("on-template", { templateId: item.id, templateName: item.propagandaTitle });
-            this.classificationOpen = false
-        },
-        classificationOpenfalse() {
-            this.classificationOpen = false
-        },
-        // 开始时间
-        changecreateTimeStart(e) {
-            this.queryParams.createTimeStart = e
-        },
-        // 结束时间
-        changecreateTimeEnd(e) {
-            this.queryParams.createTimeEnd = e
-        },
-        // 左侧科室列表
-        Departmentlist() {
-            this.loading = true;
-            this.querydepartmen.propagandaStatus = 'APPROVED'
-            selectNumByDept(this.querydepartmen).then(response => {
-                this.DepartmentoList = response.data;
-                let sum = 0;
-                this.DepartmentoList.forEach((item) => {
-                    if (item.countNum != null) {
-                        sum += item.countNum;
-                    }
-                    this.count = sum;
-                });
-                this.loading = false;
-            });
-        },
-        // 左侧科室
-        itemdata(item) {
-            if (item) {
-                this.itemname = item.id
-                // this.departmentName = item.departmentName
-                this.loading = true;
-                this.queryParams.departmentId = item.id
-                this.getList()
-            } else {
-                this.queryParams.departmentId = ''
-                this.itemname = null
-                this.getList()
-            }
-        },
-        /** 查询患者宣教信息列表 */
-        getList() {
-            this.loading = true;
-            this.queryParams.propagandaStatus = 'APPROVED'
-            listPropaganda(this.queryParams).then(response => {
-                this.propagandaList = response.rows;
-                this.total = response.total;
-                this.loading = false;
-            });
-        },
-        /** 搜索按钮操作 */
-        handleQuery() {
-            this.queryParams.pageNum = 1;
-            this.getList();
-        },
-        /** 重置按钮操作 */
-        resetQuery() {
-            this.resetForm("queryForm");
-            this.handleQuery();
-        },
-    }
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
 .app-container {
-    padding: 0 !important;
+  padding: 0 !important;
 }
 
 ::v-deep .el-dialog__body {
-    padding-bottom: 60px;
+  padding-bottom: 60px;
 }
 
 .propagandaselect {
-    width: 100px;
-    height: 100px;
-    background: #fafafa;
+  width: 100px;
+  height: 100px;
+  background: #fafafa;
 
-    .add {
-        color: #b6b6b7;
-        font-size: 22px;
-        line-height: 100px;
-        text-align: center; //水平居中
-        // margin: 0 auto;
-    }
+  .add {
+    color: #b6b6b7;
+    font-size: 22px;
+    line-height: 100px;
+    text-align: center; //水平居中
+    // margin: 0 auto;
+  }
 }
 
 .leftpro {
-    height: 760px;
-    overflow: auto;
+  height: 760px;
+  overflow: auto;
 
-    .name {
-        font-weight: 700;
-        margin-bottom: 10px;
+  .name {
+    font-weight: 700;
+    margin-bottom: 10px;
+  }
+
+  .listitem {
+    width: 100%;
+    height: 50px;
+    border-bottom: 1px solid #dcdfe6;
+    position: relative;
+
+    .count {
+      display: inline-block;
+      position: absolute;
+      left: 210px;
+      color: #a4a6aa;
+      top: 10px;
+      font-size: 13px;
     }
 
-    .listitem {
-        width: 100%;
-        height: 50px;
-        border-bottom: 1px solid #dcdfe6;
-        position: relative;
-
-        .count {
-            display: inline-block;
-            position: absolute;
-            left: 210px;
-            color: #a4a6aa;
-            top: 10px;
-            font-size: 13px;
-        }
-
-        .all {
-            height: 50px;
-            line-height: 50px;
-            padding-left: 13px;
-        }
-
-        .allactive {
-            background: #e8f4ff;
-            height: 50px;
-            line-height: 50px;
-            padding-left: 13px;
-            border-left: 3px solid #4d9de7;
-        }
+    .all {
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
     }
+
+    .allactive {
+      background: #e8f4ff;
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
+      border-left: 3px solid #4d9de7;
+    }
+  }
 }
 
 .button {
-    display: inline-block;
-    position: relative;
-    left: 20px;
-    top: -11px;
+  display: inline-block;
+  position: relative;
+  left: 20px;
+  top: -11px;
 }
 
 audio {
-    width: 350px;
+  width: 350px;
 
-    // background: #4d9de7;
+  // background: #4d9de7;
 }
 
 .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;
+  }
 }
 
 .viewbody {
-    width: 100%;
+  width: 100%;
+  height: 500px;
+  // background: #409eff;
+  display: flex;
+
+  .left {
+    overflow: auto;
+    width: 77%;
     height: 500px;
-    // background: #409eff;
-    display: flex;
 
-    .left {
-        overflow: auto;
-        width: 77%;
-        height: 500px;
+    // background: #989992;
+    video {
+      height: 500px;
+      width: 100%;
+    }
+  }
 
-        // background: #989992;
-        video {
-            height: 500px;
-            width: 100%;
-        }
+  img {
+    // height: 100%;
+    // width: 100%;
+  }
+
+  .right {
+    width: 20%;
+    // background: red;
+    overflow: auto;
+    margin-left: 30px;
+
+    .nametitle {
+      font-size: 14px;
+      font-weight: 600;
     }
 
-    img {
-        // height: 100%;
-        // width: 100%;
-    }
-
-    .right {
-        width: 20%;
-        // background: red;
-        overflow: auto;
-        margin-left: 30px;
-
-        .nametitle {
-            font-size: 14px;
-            font-weight: 600;
-        }
-
-        .nameitem {
-            color: #959595;
-            margin: 13px;
-        }
+    .nameitem {
+      color: #959595;
+      margin: 13px;
     }
+  }
 }
 
 .bodytopxj {
-    width: 100%;
-    display: flex;
-    white-space: wrap;
-    align-items: center;
-    flex-wrap: wrap;
-    justify-content: flex-start;
+  width: 100%;
+  display: flex;
+  white-space: wrap;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-start;
 
-    // align-content: space-between;
-    .bodylist {
-        width: 31%;
-        height: 221px;
-        border: 2px solid #e2e3e5;
-        border-radius: 10px;
-        position: relative;
-        // margin-bottom: 10px;
-        margin: 6px;
+  // align-content: space-between;
+  .bodylist {
+    width: 31%;
+    height: 221px;
+    border: 2px solid #e2e3e5;
+    border-radius: 10px;
+    position: relative;
+    // margin-bottom: 10px;
+    margin: 6px;
 
-        .texttitle {
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            font-weight: 700;
-            margin: 5px 0px 5px 10px;
-        }
-
-        //
-        .dataliat {
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            margin: 0px 0px 5px 10px;
-            font-size: 12px;
-            color: #989992;
-        }
-
-        .bq {
-            width: 155px;
-        }
-
-        img {
-            width: 100%;
-            height: 100px;
-        }
-
-        .label {
-            position: absolute;
-            right: 18px;
-            color: #409eff;
-            bottom: 23px;
-            font-size: 13px;
-        }
+    .texttitle {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-weight: 700;
+      margin: 5px 0px 5px 10px;
     }
+
+    //
+    .dataliat {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin: 0px 0px 5px 10px;
+      font-size: 12px;
+      color: #989992;
+    }
+
+    .bq {
+      width: 155px;
+    }
+
+    img {
+      width: 100%;
+      height: 100px;
+    }
+
+    .label {
+      position: absolute;
+      right: 18px;
+      color: #409eff;
+      bottom: 23px;
+      font-size: 13px;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/system/components/question.vue b/src/views/system/components/question.vue
index ef3c244..0083afc 100644
--- a/src/views/system/components/question.vue
+++ b/src/views/system/components/question.vue
@@ -1,255 +1,429 @@
 <template>
-    <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true"
-            style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
-            :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
-                '选择问卷模板' }}</el-button>
-        <el-dialog title="问卷库模板选择" :visible.sync="classificationOpen" width="70%"
-            :before-close="classificationOpenfalse">
-            <el-row :gutter="20">
-                <!--部门数据-->
-                <el-col :span="6" :xs="24">
-                    <div class="left" ref="box">
-                        <div class="name">科室名称</div>
-                        <div style="padding: 10px 0;">
-                            <el-input v-model="departmentName" placeholder="请输入科室名称" clearable
-                                @keyup.enter.native="getTreeselect" />
-                        </div>
-                        <div class="listitem" v-for="(item, index) in deptOptions" :key="index"
-                            @click="clickDepartmenitem(item)">
-                            <div :class="queryParams.departmentId == item.id ? 'allactive' : 'all'">
-                                {{ item.departmentName }}
-                            </div>
-                            <span class="count">{{ item.countNum }}</span>
-                        </div>
-                    </div>
-                </el-col>
-                <!--用户数据-->
-                <el-col :span="18" :xs="24">
-                    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
-                        <el-form-item label="问卷标题" prop="questionnaireName">
-                            <el-input v-model="queryParams.questionnaireName" placeholder="请输入问卷标题" clearable
-                                @keyup.enter.native="handleQuery" />
-                        </el-form-item>
-                        <el-form-item label="病种名称" prop="diseaseTypeName">
-                            <el-input v-model="queryParams.diseaseTypeName" placeholder="请输入病种名称" clearable
-                                @keyup.enter.native="handleQuery" />
-                        </el-form-item>
-                        <el-form-item>
-                            <el-button type="primary" icon="el-icon-search" size="mini"
-                                @click="handleQuery">搜索</el-button>
-                            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-                        </el-form-item>
-                    </el-form>
-                    <el-table v-loading="loading" :data="questionList" @row-dblclick="handleselect">
-                        <el-table-column label="序号" type="index" width="55" align="center" />
-                        <el-table-column label="问卷模板名称" align="center" prop="questionnaireName" />
-                        <el-table-column label="问题个数" align="center" prop="questionCount" />
-                        <el-table-column label="问卷模板ID" align="center" prop="questionnaireId" />
-                        <el-table-column label="问卷状态" align="center" prop="questionnaireStatus">
-                            <template slot-scope="scope">
-                                <el-switch v-model="scope.row.questionnaireStatus" active-color="#13ce66"
-                                    inactive-color="#ff4949" active-value="PUBLISHED" inactive-value="UNPUBLISHED"
-                                    disabled @change="switchstatus($event, scope.row)">
-                                </el-switch>
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
-                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                            <template slot-scope="scope">
-                                <el-button size="mini" type="text" @click="handleselect(scope.row)"
-                                    v-if="handleselectId != scope.row.id">选择</el-button>
-                                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
-                                    v-if="handleselectId == scope.row.id">取消选择</el-button>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                </el-col>
-            </el-row>
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize" @pagination="getList" />
-        </el-dialog>
+  <div class="app-container">
+    <el-button
+      size="small"
+      @click="classificationOpen = true"
+      style="
+        width: 200px;
+        font-size: 14px;
+        text-align: left;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      "
+      :style="handleselectName ? 'color:black' : 'color:#C0C4CC'"
+      >{{ handleselectName ? handleselectName : "选择问卷模板" }}</el-button
+    >
+    <el-dialog
+      title="问卷库模板选择"
+      :visible.sync="classificationOpen"
+      width="70%"
+      :before-close="classificationOpenfalse"
+    >
+      <el-row :gutter="20">
+        <!--部门数据-->
+        <el-col :span="6" :xs="24">
+          <div class="left" ref="box">
+            <div class="name">科室名称</div>
+            <div style="padding: 10px 0">
+              <el-input
+                v-model="departmentName"
+                placeholder="请输入科室名称"
+                clearable
+                @keyup.enter.native="getTreeselect"
+              />
+            </div>
+            <div
+              class="listitem"
+              v-for="(item, index) in deptOptions"
+              :key="index"
+              @click="clickDepartmenitem(item)"
+            >
+              <div
+                :class="
+                  queryParams.departmentId == item.id ? 'allactive' : 'all'
+                "
+              >
+                {{ item.departmentName }}
+              </div>
+              <span class="count">{{ item.countNum }}</span>
+            </div>
+          </div>
+        </el-col>
+        <!--用户数据-->
+        <el-col :span="18" :xs="24">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="70px"
+          >
+            <el-form-item label="问卷标题" prop="questionnaireName">
+              <el-input
+                v-model="queryParams.questionnaireName"
+                placeholder="请输入问卷标题"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="病种名称" prop="diseaseTypeName">
+              <el-input
+                v-model="queryParams.diseaseTypeName"
+                placeholder="请输入病种名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+          <el-table
+            v-loading="loading"
+            :data="questionList"
+            @row-dblclick="handleselect"
+          >
+            <el-table-column
+              label="序号"
+              type="index"
+              width="55"
+              align="center"
+            />
+            <el-table-column
+              label="问卷模板名称"
+              align="center"
+              prop="questionnaireName"
+            />
+            <el-table-column
+              label="问题个数"
+              align="center"
+              prop="questionCount"
+            />
+            <el-table-column
+              label="问卷模板ID"
+              align="center"
+              prop="questionnaireId"
+            />
+            <el-table-column
+              label="问卷状态"
+              align="center"
+              prop="questionnaireStatus"
+            >
+              <template slot-scope="scope">
+                <el-switch
+                  v-model="scope.row.questionnaireStatus"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-value="PUBLISHED"
+                  inactive-value="UNPUBLISHED"
+                  disabled
+                  @change="switchstatus($event, scope.row)"
+                >
+                </el-switch>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="病种名称"
+              align="center"
+              prop="diseaseTypeName"
+            />
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
+              <template slot-scope="scope">
+                <el-button size="mini" type="text" @click="handlesee(scope.row)"
+                  >预览</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleselect(scope.row)"
+                  v-if="handleselectId != scope.row.id"
+                  >选择</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="nohandleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id"
+                  >取消选择</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-dialog>
+    <el-dialog title="问卷预览" :visible.sync="showquestion" width="90%">
+    <div class="righttextarea">
+      <questionopennew v-if="showquestion"></questionopennew>
     </div>
+</el-dialog>
+
+  </div>
 </template>
 
 <script>
-import { listQuestion, getQuestion, delQuestion, addQuestion, updateQuestion, getDepartmentList, selectUserDepartment, diseaseList, updateclassification } from "@/api/system/question";
-
+import {
+  listQuestion,
+  getQuestion,
+  delQuestion,
+  addQuestion,
+  updateQuestion,
+  getDepartmentList,
+  selectUserDepartment,
+  diseaseList,
+  updateclassification,
+} from "@/api/system/question";
+import questionopennew from "./questionopennew.vue";
+import { selectPatientQuestionSubmit } from "@/api/system/taskExecuteRecord";
 export default {
-    name: "Question",
-    props: ['templateId', 'templateName'],
-    data() {
-        return {
-            classificationOpen: false,
-            //科室名称
-            departmentName: '',
-            defaultProps: {
-                children: "children",
-                label: "label"
-            },
-            // 部门树选项
-            deptOptions: undefined,
-            // 遮罩层
-            loading: true,
-            // 总条数
-            total: 0,
-            // 问卷基本信息表格数据
-            questionList: [],
-            // 查询参数
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10,
-                departmentId: null,
-                departmentName: null,
-                diseaseTypeName: null,
-                questionnaireName: null,
-                questionnaireStatus: "PUBLISHED",
-                // questionType: "REGULAR_QUESTIONNAIRE"
-            },
-            handleselectId: '',
-            handleselectName: null,
-        };
+  name: "Question",
+  props: ["templateId", "templateName", questionopennew],
+  data() {
+    return {
+      showquestion: false,
+      classificationOpen: false,
+      //科室名称
+      departmentName: "",
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      // 部门树选项
+      deptOptions: undefined,
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 问卷基本信息表格数据
+      questionList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        departmentId: null,
+        departmentName: null,
+        diseaseTypeName: null,
+        questionnaireName: null,
+        questionnaireStatus: "PUBLISHED",
+        // questionType: "REGULAR_QUESTIONNAIRE"
+      },
+      handleselectId: "",
+      handleselectName: null,
+      questiondata:[],
+    };
+  },
+  watch: {
+    // 根据名称筛选部门树
+    departmentName(val) {
+      // this.getTreeselect()
     },
-    watch: {
-        // 根据名称筛选部门树
-        departmentName(val) {
-            // this.getTreeselect()
-        }
+  },
+  created() {
+    this.getTreeselect();
+    this.getList();
+  },
+  mounted() {
+    this.handleselectId = this.templateId;
+    this.handleselectName = this.templateName;
+  },
+  watch: {
+    templateId(newValue, oldValue) {
+      this.handleselectId = newValue;
     },
-    created() {
-        this.getTreeselect();
-        this.getList();
+    templateName(newValue, oldValue) {
+      this.handleselectName = newValue;
     },
-    mounted() {
-        this.handleselectId = this.templateId
-        this.handleselectName = this.templateName
+  },
+  methods: {
+    handlesee(row) {
+      console.log(row, "row");
+
+      this.showquestion = true;
+      selectPatientQuestionSubmit(row.id).then((res) => {
+        console.log(res, "res");
+        this.questiondata = res.data;
+        // if (this.$route.query.routeHandleRemark) {
+        //   this.questiondata.routeHandleRemark =
+        //     this.$route.query.routeHandleRemark;
+        // }
+
+        // this.questiondata.subjectResultList.forEach((e) => {
+        //   e.optionResults.forEach((el) => {
+        //     // console.log(el, "el");
+        //     if (
+        //       (el.optionChooseSign == "0" &&
+        //         e.questionType == "MULTIPLE_CHOICE") ||
+        //       e.questionType == "COMBINATION_RADIO_SUBJECT"
+        //     ) {
+        //       e.checked = el.id;
+        //     } else if (
+        //       el.optionChooseSign == "0" &&
+        //       e.questionType == "MULTIPLE_CHOICE_QUESTIONS"
+        //     ) {
+        //       this.checkeddata.push(el.id);
+        //     } else if (
+        //       el.optionChooseSign == "0" &&
+        //       e.questionType == "SCORING_QUESTIONS"
+        //     ) {
+        //       e.checked = el.id;
+        //     } else if (
+        //       e.questionType == "COMBINATION_MULTIPLE_SUBJECT" &&
+        //       el.optionChooseSign == "0"
+        //     ) {
+        //       this.checkeddata.push(el.id);
+        //     }
+        //   });
+        // });
+      });
     },
-    watch: {
-        templateId(newValue, oldValue) {
-            this.handleselectId = newValue;
-        },
-        templateName(newValue, oldValue) {
-            this.handleselectName = newValue;
-        }
+    clickDepartmenitem(item) {
+      this.loading = true;
+      this.queryParams.departmentId = item.id;
+      this.getList();
     },
-    methods: {
-        clickDepartmenitem(item) {
-            this.loading = true;
-            this.queryParams.departmentId = item.id;
-            this.getList();
-        },
-        nohandleselect() {
-            this.handleselectId = ''
-            this.handleselectName = ''
-            this.$emit("on-template", { templateId: '', templateName: '' });
-        },
-        handleselect(item) {
-            this.handleselectId = item.id
-            this.handleselectName = item.questionnaireName
-            this.$emit("on-template", { templateId: item.id, templateName: item.questionnaireName });
-            this.classificationOpen = false
-        },
-        classificationOpenfalse() {
-            this.classificationOpen = false
-        },
-        // 节点单击事件
-        handleNodeClick(data) {
-            this.queryParams.departmentId = data.id;
-            this.handleQuery();
-        },
-        // 筛选节点
-        filterNode(value, data) {
-            if (!value) return true;
-            return data.label.indexOf(value) !== -1;
-        },
-        /** 查询科室下拉树结构 */
-        getTreeselect() {
-            getDepartmentList({
-                departmentName: this.departmentName,
-                questionnaireStatus: "PUBLISHED",
-                // questionType: "REGULAR_QUESTIONNAIRE",
-            }).then(response => {
-                // console.log('0000000000')
-                // response.data.forEach(e => {
-                //     e.label = e.departmentName
-                // })
-                this.deptOptions = response.data;
-            });
-        },
-        /** 查询问卷基本信息列表 */
-        getList() {
-            this.loading = true;
-            this.queryParams.questionnaireStatus = "PUBLISHED"
-            // this.queryParams.questionType = "REGULAR_QUESTIONNAIRE"
-            listQuestion(this.queryParams).then(response => {
-                this.questionList = response.rows;
-                this.total = response.total;
-                this.loading = false;
-            });
-        },
-        /** 搜索按钮操作 */
-        handleQuery() {
-            this.queryParams.pageNum = 1;
-            this.getList();
-        },
-        /** 重置按钮操作 */
-        resetQuery() {
-            this.resetForm("queryForm");
-            this.handleQuery();
-        },
-    }
+    nohandleselect() {
+      this.handleselectId = "";
+      this.handleselectName = "";
+      this.$emit("on-template", { templateId: "", templateName: "" });
+    },
+    handleselect(item) {
+      this.handleselectId = item.id;
+      this.handleselectName = item.questionnaireName;
+      this.$emit("on-template", {
+        templateId: item.id,
+        templateName: item.questionnaireName,
+      });
+      this.classificationOpen = false;
+    },
+    classificationOpenfalse() {
+      this.classificationOpen = false;
+    },
+    // 节点单击事件
+    handleNodeClick(data) {
+      this.queryParams.departmentId = data.id;
+      this.handleQuery();
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    /** 查询科室下拉树结构 */
+    getTreeselect() {
+      getDepartmentList({
+        departmentName: this.departmentName,
+        questionnaireStatus: "PUBLISHED",
+        // questionType: "REGULAR_QUESTIONNAIRE",
+      }).then((response) => {
+        // console.log('0000000000')
+        // response.data.forEach(e => {
+        //     e.label = e.departmentName
+        // })
+        this.deptOptions = response.data;
+      });
+    },
+    /** 查询问卷基本信息列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.questionnaireStatus = "PUBLISHED";
+      // this.queryParams.questionType = "REGULAR_QUESTIONNAIRE"
+      listQuestion(this.queryParams).then((response) => {
+        this.questionList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+  },
 };
 </script>
 <style scoped lang="scss">
 ::v-deep .el-dialog__body {
-    padding-bottom: 60px;
+  padding-bottom: 60px;
+}
+.righttextarea {
+  // height: 200px;
+  padding: 10px;
+  // width: 90%;
+  // height: 100%;
+  border: 1.5px solid #c7c7c7;
+  border-radius: 5px;
 }
-
 .app-container {
-    padding: 0 !important;
-    display: inline-block;
-    // background: red;
-    height: 42px;
+  padding: 0 !important;
+  display: inline-block;
+  // background: red;
+  height: 42px;
 }
 
 .left {
-    height: 500px;
-    overflow: auto;
+  height: 500px;
+  overflow: auto;
 
-    .name {
-        font-weight: 700;
-        margin-bottom: 10px;
+  .name {
+    font-weight: 700;
+    margin-bottom: 10px;
+  }
+
+  .listitem {
+    width: 100%;
+    height: 50px;
+    border-bottom: 1px solid #dcdfe6;
+    position: relative;
+
+    .count {
+      display: inline-block;
+      position: absolute;
+      left: 210px;
+      color: #a4a6aa;
+      top: 50%;
+      transform: translateY(-50%);
+      font-size: 13px;
     }
 
-    .listitem {
-        width: 100%;
-        height: 50px;
-        border-bottom: 1px solid #dcdfe6;
-        position: relative;
-
-        .count {
-            display: inline-block;
-            position: absolute;
-            left: 210px;
-            color: #a4a6aa;
-            top: 50%;
-            transform: translateY(-50%);
-            font-size: 13px;
-        }
-
-        .all {
-            height: 50px;
-            line-height: 50px;
-            padding-left: 13px;
-        }
-
-        .allactive {
-            background: #e8f4ff;
-            height: 50px;
-            line-height: 50px;
-            padding-left: 13px;
-            border-left: 3px solid #4d9de7;
-        }
+    .all {
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
     }
+
+    .allactive {
+      background: #e8f4ff;
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
+      border-left: 3px solid #4d9de7;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/system/components/script.vue b/src/views/system/components/script.vue
index 179b8a4..f22e17b 100644
--- a/src/views/system/components/script.vue
+++ b/src/views/system/components/script.vue
@@ -1,30 +1,53 @@
 <template>
   <div class="app-container">
-    <el-button size="small" @click="classificationOpen = true" style="
+    <el-button
+      size="small"
+      @click="classificationOpen = true"
+      style="
         width: 200px;
         font-size: 14px;
         text-align: left;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
-      " :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName : "请选择"
-      }}</el-button>
-    <el-dialog title="话书库模板选择" :visible.sync="classificationOpen" width="70%" :before-close="classificationOpenfalse">
+      "
+      :style="handleselectName ? 'color:black' : 'color:#C0C4CC'"
+      >{{ handleselectName ? handleselectName : "请选择" }}</el-button
+    >
+    <el-dialog
+      title="话书库模板选择"
+      :visible.sync="classificationOpen"
+      width="70%"
+      :before-close="classificationOpenfalse"
+    >
       <el-row :gutter="20">
         <!--部门数据-->
         <el-col :span="6" :xs="24">
           <div class="leftscript" ref="box">
             <div class="name">科室名称</div>
             <div>
-              <el-input v-model="name" placeholder="请输入科室名称" clearable @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="name"
+                placeholder="请输入科室名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </div>
             <div class="listitem">
-              <div :class="itemname == null ? 'allactive' : 'all'" @click="itemdata()">
+              <div
+                :class="itemname == null ? 'allactive' : 'all'"
+                @click="itemdata()"
+              >
                 全部
               </div>
               <span class="count">{{ count }}</span>
             </div>
-            <div class="listitem" v-for="(item, index) in DepartmentoList" :key="index" @click="itemdata(item)">
+            <div
+              class="listitem"
+              v-for="(item, index) in DepartmentoList"
+              :key="index"
+              @click="itemdata(item)"
+            >
               <div :class="itemname == item.id ? 'allactive' : 'all'">
                 {{ item.departmentName }}
               </div>
@@ -34,55 +57,158 @@
         </el-col>
         <!--用户数据-->
         <el-col :span="18" :xs="24">
-          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-            label-width="100px">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="100px"
+          >
             <el-form-item label="通用话术名称" prop="commonScriptName">
-              <el-input v-model="queryParams.commonScriptName" placeholder="请输入通用话术名称" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.commonScriptName"
+                placeholder="请输入通用话术名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item label="话术名称" prop="scriptName">
-              <el-input v-model="queryParams.scriptName" placeholder="请输入话术名称" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.scriptName"
+                placeholder="请输入话术名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item label="话术ID" prop="scriptId">
-              <el-input v-model="queryParams.scriptId" placeholder="请输入话术ID" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.scriptId"
+                placeholder="请输入话术ID"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item label="平台ID" prop="platformId">
-              <el-input v-model="queryParams.platformId" placeholder="请输入平台ID" clearable
-                @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="queryParams.platformId"
+                placeholder="请输入平台ID"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
           </el-form>
-          <el-table v-loading="loading" :data="scriptList" @row-dblclick="handleselect">
-            <el-table-column label="序号" align="center" prop="sort" type="index" />
-            <el-table-column label="通用话术名称" align="center" prop="commonScriptName" :show-overflow-tooltip="true" />
-            <el-table-column label="话术名称" align="center" prop="scriptName" :show-overflow-tooltip="true" />
-            <el-table-column label="话术ID" align="center" prop="scriptId" :show-overflow-tooltip="true" />
-            <el-table-column label="平台ID" align="center" prop="platformId" :show-overflow-tooltip="true" />
-            <el-table-column label="话术简介" align="center" prop="scriptIntroduction" :show-overflow-tooltip="true" />
-            <el-table-column label="病种名称" align="center" prop="diseaseTypeName" :show-overflow-tooltip="true" />
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <el-table
+            v-loading="loading"
+            :data="scriptList"
+            @row-dblclick="handleselect"
+          >
+            <el-table-column
+              label="序号"
+              align="center"
+              prop="sort"
+              type="index"
+            />
+            <el-table-column
+              label="通用话术名称"
+              align="center"
+              prop="commonScriptName"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="话术名称"
+              align="center"
+              prop="scriptName"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="话术ID"
+              align="center"
+              prop="scriptId"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="平台ID"
+              align="center"
+              prop="platformId"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="话术简介"
+              align="center"
+              prop="scriptIntroduction"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="病种名称"
+              align="center"
+              prop="diseaseTypeName"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
               <template slot-scope="scope">
-                <el-button size="mini" type="text" @click="handleselect(scope.row)"
-                  v-if="handleselectId != scope.row.id">选择</el-button>
-                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
-                  v-if="handleselectId == scope.row.id">取消选择</el-button>
+                <el-button size="mini" type="text" @click="handlesee(scope.row)"
+                  >预览</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleselect(scope.row)"
+                  v-if="handleselectId != scope.row.id"
+                  >选择</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="nohandleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id"
+                  >取消选择</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
         </el-col>
       </el-row>
-      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-        @pagination="getList" />
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-dialog>
+    <el-dialog title="话术预览" :visible.sync="lookshow" width="90%">
+      <Scriptpreview
+        :phoneNodeContent="phoneNodeContent"
+        v-if="lookshow"
+      ></Scriptpreview>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="lookshow = false">确 定</el-button>
+      </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import Scriptpreview from ".././components/Scriptpreviewopen.vue";
+
 import {
   listScript,
   getScript,
@@ -97,10 +223,17 @@ import {
 import stationAcatar from "../../system/stationAvatar/index.vue";
 export default {
   props: ["templateId", "templateName"],
-  components: { stationAcatar },
+  components: { stationAcatar, Scriptpreview },
   name: "Script",
   data() {
     return {
+      lookshow: false,
+      phoneNodeContent: {
+        scriptInfoId: null,
+        flowScheme: null,
+        nodes: [],
+        edges: [],
+      },
       handleselectName: "",
       handleselectId: "",
       classificationOpen: false,
@@ -175,6 +308,16 @@ export default {
     },
   },
   methods: {
+    handlesee(row) {
+      console.log(row, "eeeeee");
+      if (row.flowScheme == null || row.flowScheme == "") {
+        this.$message.error("暂无话术图");
+      } else {
+        this.phoneNodeContent = row.flowScheme;
+        this.lookshow = true;
+      }
+    },
+
     nohandleselect() {
       this.handleselectId = "";
       this.handleselectName = "";
@@ -187,11 +330,11 @@ export default {
     handleselect(item) {
       this.handleselectId = item.id;
       this.handleselectName = item.commonScriptName;
-      console.log(this.handleselectName, "this.handleselectName");
       this.$emit("on-template", {
         templateId: item.id,
         templateName: item.commonScriptName,
         templateContent: item.scriptIntroduction,
+        phoneNodeContent: item.flowScheme,
       });
       this.classificationOpen = false;
     },
@@ -283,7 +426,7 @@ export default {
   display: inline-block;
   padding: 0 !important;
   // background: red;
-    height: 42px;
+  height: 42px;
 }
 
 ::v-deep .el-textarea__inner {