From d1e95780064efef6f0862094807a4e94cedde799 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Thu, 20 Jun 2024 08:54:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=90=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/specialDiseaseNode.js          |   8 +
 .../system/ManageNodeInformation/index.vue    | 883 ++++++++++++++++--
 src/views/system/followupdetails/index.vue    | 791 +++++++++-------
 src/views/system/specialDiseaseNode/index.vue |   2 +-
 4 files changed, 1257 insertions(+), 427 deletions(-)

diff --git a/src/api/system/specialDiseaseNode.js b/src/api/system/specialDiseaseNode.js
index 9f1d016..e6ed3e9 100644
--- a/src/api/system/specialDiseaseNode.js
+++ b/src/api/system/specialDiseaseNode.js
@@ -7,6 +7,14 @@ export function taskPartitionList(taskTypeId) {
         method: 'get',
     })
 }
+export function triggerCondition(data) {
+    return request({
+        url: `/system/triggerCondition/edit`,
+        method: 'put',
+        data
+    })
+}
+
 export function list(parentDictCode) {
     return request({
         url: `/system/dict/data/list?parentDictCode=${parentDictCode}`,
diff --git a/src/views/system/ManageNodeInformation/index.vue b/src/views/system/ManageNodeInformation/index.vue
index 01d7ad7..42ebe28 100644
--- a/src/views/system/ManageNodeInformation/index.vue
+++ b/src/views/system/ManageNodeInformation/index.vue
@@ -1,34 +1,16 @@
 <template>
   <div class="app-container">
     <el-descriptions title="编辑触发条件" />
+
     <div class="title">
-      <div >触发条件</div>
+      <!-- <div >触发条件</div> -->
       <div class="nodes">
-        <div class="node" v-for="(item, index) in updata" :key="index">
-          <!-- :style="updata.triggerConditionList.length > 1 ? '' : 'margin:0'" -->
-          <div
-            style="width: 60px; position: absolute; top: 8%;"
-            v-if="updata.length === 3"
-          >
-            <img src="@/assets/images/images.png" class="login-code-img" />
-            <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 class="node" v-if="updata">
           <el-select
-            v-model="item.triggerConditionCode"
+            v-model="updata.triggerConditionCode"
             style="width: 120px"
+            disabled
             @change="changetriggerConditionName($event, index)"
           >
             <el-option
@@ -38,9 +20,10 @@
               :value="item.value"
             >
             </el-option>
-        </el-select>
+          </el-select>
           <el-select
-            v-model="item.triggerConditionOperator"
+            disabled
+            v-model="updata.triggerConditionOperator"
             style="width: 100px"
             @change="changetriggerLogic($event, index)"
           >
@@ -52,30 +35,128 @@
             >
             </el-option>
           </el-select>
-          <!-- <el-select v-model="item.suitRange" style="width: 120px;">
-                        <el-option label="在院" value="IN_THE_HOSPITAL" />
-                        <el-option label="出院" value="DISCHARGE" />
-                        <el-option label="门诊" value="OUTPATIENT_SERVICE" />
-                        <el-option label="门诊+出院" value="OUTPATIENT_SERVICE_DISCHARGE" />
-                    </el-select> -->
+
           <el-input
-            v-if="item.triggerConditionCode != 'DRESSING_CHANGE_DATE'"
-            v-model="item.triggerConditionValue"
+            disabled
+            v-if="updata.triggerConditionCode != 'DRESSING_CHANGE_DATE'"
+            v-model="updata.triggerConditionValue"
             style="width: 300px"
           ></el-input>
           <el-date-picker
-            v-if="item.triggerConditionCode == 'DRESSING_CHANGE_DATE'"
-            v-model="item.triggerConditionValue"
+            v-if="updata.triggerConditionCode == 'DRESSING_CHANGE_DATE'"
+            v-model="updata.triggerConditionValue"
             style="width: 300px"
             type="date"
             placeholder="选择日期时间"
             value-format="yyyy-MM-dd"
           >
           </el-date-picker>
+          <!-- <span class="icon"> -->
+          <!-- <el-button
+              type="danger"
+              class="el-icon-remove-outline"
+              plain
+              @click="delitemlist(index)"
+              v-if="index != 0"
+            ></el-button> -->
+
+          <!-- <i
+              class="el-icon-delete"
+              @click="delitem(index)"
+              v-if="index != 0"
+            ></i> -->
+          <!-- <i
+              v-if="index == 0"
+              class="el-icon-circle-plus-outline"
+              @click="addtriggerCondition(index)"
+              >添加触发条件</i
+            > -->
+          <!-- <el-button
+              type="primary"
+              plain
+              class="el-icon-circle-plus-outline"
+              @click="addtriggerConditionlist(index)"
+              v-if="index == 0"
+              >添加属性</el-button
+            > -->
+          <!-- </span> -->
+        </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"
+            >
+              <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-option>
+                </el-select>
+              </div>
+            </div>
+            <div>
+              <el-select
+                v-model="item.triggerConditionCode"
+                style="width: 120px"
+                disabled
+                @change="changetriggerConditionName($event, index)"
+              >
+                <el-option
+                  v-for="item in optionsname"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+              <el-select
+                disabled
+                v-model="item.triggerConditionOperator"
+                style="width: 100px"
+                @change="changetriggerLogic($event, index)"
+              >
+                <el-option
+                  v-for="item in optionstriggerConditionOperator"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+
+              <el-input
+                v-if="item.triggerConditionCode != 'DRESSING_CHANGE_DATE'"
+                v-model="item.triggerConditionValue"
+                style="width: 300px"
+                disabled
+              ></el-input>
+              <el-date-picker
+                disabled
+                v-if="item.triggerConditionCode == 'DRESSING_CHANGE_DATE'"
+                v-model="item.triggerConditionValue"
+                style="width: 300px"
+                type="date"
+                placeholder="选择日期时间"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
+            </div>
+          </div>
         </div>
       </div>
-      <!-- <el-button icon="el-icon-plus" style=" font-weight: 550; font-size: 12px;padding-left:6px" type="text"
-                @click="addtriggerCondition">添加属性</el-button> -->
+
       <div class="select">
         <span> 适用范围 </span>
         <el-select v-model="updata.suitRange" placeholder="请选择">
@@ -88,6 +169,17 @@
           </el-option>
         </el-select>
       </div>
+      <div class="addlistname">
+        <i @click="edit()" class="el-icon-edit">编辑</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>
+      </div>
     </div>
     <div class="list">
       <div class="timelist">
@@ -121,7 +213,7 @@
                 <span>天</span>
               </div>
               <div>
-                <i class="el-icon-delete" @click="delitem(item, index)"></i>
+                <i class="el-icon-delete" @click="delitemh(item, index)"></i>
                 <i
                   class="el-icon-circle-plus-outline"
                   @click="additem(item)"
@@ -398,6 +490,188 @@
       </div>
     </div>
     <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
+      > -->
+    </div>
+    <!-- 添加触发条件 -->
+    <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-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
+              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-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.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+            <el-select
+              v-model="item.triggerConditionOperator"
+              style="width: 100px"
+              @change="changetriggerLogic($event, index)"
+            >
+              <el-option
+                v-for="item in optionstriggerConditionOperator"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+
+            <el-input
+              v-if="item.triggerConditionCode != 'DRESSING_CHANGE_DATE'"
+              v-model="item.triggerConditionValue"
+              style="width: 300px"
+              placeholder="请输入触发条件"
+            ></el-input>
+            <el-date-picker
+              v-if="item.triggerConditionCode == 'DRESSING_CHANGE_DATE'"
+              v-model="item.triggerConditionValue"
+              style="width: 300px"
+              type="date"
+              placeholder="选择日期时间"
+              value-format="yyyy-MM-dd"
+            >
+            </el-date-picker>
+            <span class="icon">
+              <el-button
+                type="danger"
+                class="el-icon-remove-outline"
+                plain
+                @click="delitemlistname(index)"
+                v-if="index != 0"
+              ></el-button>
+
+              <!-- <i
+              class="el-icon-delete"
+              @click="delitem(index)"
+              v-if="index != 0"
+            ></i> -->
+              <!-- <i
+              v-if="index == 0"
+              class="el-icon-circle-plus-outline"
+              @click="addtriggerCondition(index)"
+              >添加触发条件</i
+            > -->
+              <el-button
+                type="primary"
+                plain
+                class="el-icon-circle-plus-outline"
+                @click="addtriggerCondition(index)"
+                v-if="index == 0"
+                >添加属性</el-button
+              >
+            </span>
+          </div>
+        </div>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="upload">确 定</el-button>
+        <el-button @click="openfalse">取 消</el-button>
+      </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-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-form-item>
+        <el-form-item label="节点审核备注">
+          <el-input
+            type="textarea"
+            :rows="2"
+            placeholder="请输入节点审核备注"
+            v-model="routeform.routeCheckRemark"
+          >
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="auditing">确 定</el-button>
+        <el-button @click="handleClose">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- <div slot="footer" class="dialog-footer">
       <el-button @click="TemporaryStorage">暂 存</el-button>
       <el-button
         type="primary"
@@ -406,7 +680,7 @@
         >审核完成 {{ agreeNumber ? agreeNumber : "0" }} /
         {{ totalNumber ? totalNumber : "0" }}</el-button
       >
-    </div>
+    </div> -->
     <!-- <div slot="footer" class="dialog-footer">
             <el-button @click="TemporaryStorage">暂 存</el-button>
             <el-button type="primary">审核完成</el-button>
@@ -421,18 +695,24 @@ import message from "../components/message.vue";
 import propaganda from "../components/propaganda.vue";
 import officialAccount from "../components/officialAccount.vue";
 import miniProgram from "../components/miniProgram.vue";
+// import {
+//   selectTaskTypeList,
+//   taskPartitionList,
+//   taskStatusDictList,
+// } from "@/api/system/specialDiseaseNode";
+import { triggerConditionedit } from "@/api/system/editorialSpecialization";
+import { getAgencytype } from "@/api/system/agency";
 import {
   selectTaskTypeList,
   taskPartitionList,
   taskStatusDictList,
+  specialDiseaseNode,
+  triggerCondition,
+  selectSpecialDisease,
+  updateRouteCheckStatus,
+  list,
   triggerConditionList,
 } from "@/api/system/specialDiseaseNode";
-import {
-  triggerCondition,
-  triggerConditionedit,
-} from "@/api/system/editorialSpecialization";
-import { getAgencytype } from "@/api/system/agency";
-
 export default {
   components: {
     wangeditor,
@@ -445,7 +725,19 @@ export default {
   name: "specialDiseaseNode",
   data() {
     return {
-        optionstriggerConditionOperator: [
+      openlist: {
+        suitRange: "",
+        routeId: "",
+        triggerConditionList: [],
+      },
+      open: false,
+      show3: false,
+      activeNames: ["1"],
+      routeform: {
+        routeCheckStatus: null,
+        routeCheckRemark: "",
+      },
+      optionstriggerConditionOperator: [
         {
           value: "CONTAIN",
           label: "包含",
@@ -487,9 +779,10 @@ export default {
           label: "药品名称",
         },
       ],
-      updata: {
-        triggerConditionList: [{}],
-      },
+      updata: [],
+      updatalists: [],
+      updatalist: [],
+      // triggerConditionList: [{}],
       form: {
         nodeContent: "",
         templateId: "",
@@ -542,18 +835,30 @@ export default {
       taskPartitionList: [],
       routeId: "",
       options: [],
+      dialogVisible: false,
+      rules: {
+        routeCheckStatus: [
+          { required: true, message: "请选择节点审核状态", trigger: "change" },
+        ],
+      },
     };
   },
   created() {
-    this.infolists();
-    this.infolist();
-
     if (this.$route.query) {
       this.$set(this.updata, "suitRange", this.$route.query.suitRange);
-      console.log(this.updata.suitRange, "5555555555555555");
+      this.$set(this.openlist, "suitRange", this.$route.query.suitRange);
+
+      // console.log(this.updata.suitRange, "5555555555555555");
+      this.form.specialDiseaseNodeId = this.$route.query.id;
+      this.openlist.routeId = this.$route.query.id;
+
       // triggerCondition(this.$route.query.id).then(res => { })
     }
-    this.taskinfo();
+    this.info()
+    this.infolists();
+    this.infolist();
+    this.infolistoptionslistS();
+    // this.taskinfo();
   },
   beforeDestroy() {},
   watch: {},
@@ -561,17 +866,272 @@ export default {
     this.form = this.lists[0].list[0];
   },
   methods: {
+    upload() {
+      // const loading = this.$loading({
+      //   lock: true,
+      //   text: "Loading",
+      //   spinner: "el-icon-loading",
+      //   background: "rgba(0, 0, 0, 0.7)",
+      // });
+      this.openlist.triggerConditionList.forEach((e) => {
+        e.routeId = this.$route.query.id;
+        e.routeName = this.$route.query.routeName;
+      });
+
+      console.log(this.openlist, "(this.triggerConditionList");
+      triggerCondition(this.openlist).then((res) => {
+        // loading.close();
+        this.$notify({
+          type: "success",
+          title: "提示",
+          message: "修改触发条件成功成功",
+        });
+        this.infolist();
+        this.openfalse();
+      });
+    },
+    openfalse() {
+      this.openlist.triggerConditionList = [
+        {
+          routeId: "",
+          routeName: "",
+          triggerConditionName: "",
+          triggerConditionOperator: "",
+          triggerConditionValue: "",
+          triggerConditionName: "",
+          triggerConditionOperatorName: "",
+
+          triggerLogic: "",
+          triggerLogicName: "",
+        },
+      ];
+      this.open = false;
+      this.resetForm("openlist");
+    },
+    addtriggerCondition() {
+      this.idd++;
+      var obj = {
+        routeId: "",
+        routeName: "",
+        triggerConditionName: "",
+        triggerConditionOperator: "",
+        triggerConditionValue: "",
+        triggerConditionName: "",
+        triggerConditionOperatorName: "",
+
+        triggerLogic: "",
+        triggerLogicName: "",
+      };
+      //   if (this.form.voList.length == 5) {
+      //     this.$message.error("最多批量添加5条");
+      //   } else {
+      //     this.form.voList.push(obj);
+      //     // console.log(this.form)
+      //   }
+      //   this.updata.triggerConditionList.push({
+
+      //   });
+      // },
+      if (this.openlist.triggerConditionList.length == 3) {
+        this.$message.error("最多批量添加2条");
+      } else {
+        this.openlist.triggerConditionList.push(obj);
+        // console.log(this.form)
+      }
+    },
+    delitemlistname(index, item) {
+      this.openlist.triggerConditionList.splice(index, 1);
+    },
+    //取消
+    handleClose() {
+      this.dialogVisible = false;
+      this.routeform = {
+        routeCheckStatus: "",
+        routeCheckRemark: "",
+      };
+      this.resetForm("routeform");
+    },
+    //审核
+    auditing() {
+      this.$refs["routeform"].validate((valid) => {
+        if (valid) {
+          const loading = this.$loading({
+            lock: true,
+            text: "审核中",
+            spinner: "el-icon-loading",
+            background: "rgba(0, 0, 0, 0.7)",
+          });
+          if (!this.form.routeNodeDay) {
+            this.$message.error("请输入节点时间段天数");
+            return loading.close();
+          }
+          if (!this.form.routeNodeName) {
+            this.$message.error("请选择节点时间段");
+            return loading.close();
+          }
+          if (!this.form.taskType) {
+            this.$message.error("请选择任务类型");
+            return loading.close();
+          }
+          if (!this.form.taskSubdivision) {
+            this.$message.error("请选择任务细分");
+            return loading.close();
+          }
+          if (!this.form.taskStatus) {
+            this.$message.error("请选择任务状态");
+            return loading.close();
+          }
+          updateRouteCheckStatus({
+            routeCheckStatus: this.routeform.routeCheckStatus,
+            id: this.form.specialDiseaseNodeId,
+            routeCheckRemark: this.routeform.routeCheckRemark,
+            routeCheckPerson: JSON.parse(localStorage.getItem("user")).nickName,
+          }).then((res) => {
+            loading.close();
+            if (res.data == 1) {
+              this.info();
+              this.handleClose();
+              this.$modal.msgSuccess("审核成功!");
+            }
+          });
+        }
+      });
+    },
+    // 保存触发条件
+    addlistname() {
+      this.show3 = !this.show3;
+    },
+    delitemlist(index, item) {
+      this.updata.splice(index, 1);
+    },
+    // changeoptions(e) {
+    //   this.parentDictCode = this.options.find(
+    //     (el) => el.dictValue == e
+    //   )?.dictCode;
+    //   this.changelisy();
+    // },
+    // changelisy() {
+    //   list(this.parentDictCode).then((res) => {
+    //     this.parentDictCodelist = res.rows;
+    //   });
+    // },
+    info() {
+      const loading = this.$loading({
+        lock: true,
+        text: "数据加载中",
+        spinner: "el-icon-loading",
+        background: "rgba(0, 0, 0, 0.7)",
+      });
+      this.lists = [];
+      if (this.$route.query) {
+        // this.updata.suitRange = this.$route.query.suitRange;
+        // this.parentDictCode = this.options.find(
+        //   (el) => el.dictValue == this.updata.suitRange
+        // )?.dictCode;
+        // this.changelisy();
+        // this.updata.routeName = this.$route.query.routeName;
+        // this.updata.specialDiseaseRouteId = this.$route.query.id;
+        selectSpecialDisease(this.$route.query.id).then((res) => {
+          loading.close();
+          this.agreeNumber = res.data.agreeNumber;
+          this.totalNumber = res.data.totalNumber;
+          res.data.specialDiseaseNodeList.forEach((e) => {
+            console.log(e, "eeeeeeeeeeeeeeeee");
+            if (e.messagePushSign) {
+              e.messagePushSign = "" + e.messagePushSign;
+            }
+            if (e.officialPushSign) {
+              e.officialPushSign = "" + e.officialPushSign;
+            }
+            if (e.appletPushSign) {
+              e.appletPushSign = "" + e.appletPushSign;
+            }
+            if (e.phonePushSign) {
+              e.phonePushSign = "" + e.phonePushSign;
+            }
+          });
+          this.lists = this.handleData(
+            res.data.specialDiseaseNodeList,
+            "routeNodeDay",
+            "routeNodeName"
+          );
+          this.form = this.lists[0].list[0];
+          if (this.form.taskType) {
+            this.changeTaskType(this.form.taskType, this.form.taskSubdivision);
+          }
+        });
+      } else {
+        loading.close();
+        this.lists.push({
+          routeNodeName: "",
+          routeNodeDay: "",
+          list: [
+            {
+              nodeContent: "<p></p>",
+              templateId: "",
+              templateName: "",
+              taskType: "",
+              taskSubdivision: "",
+              taskSubdivisionName: "",
+              taskStatus: "",
+              secondClassifyDescribe: "",
+              executionTime: "",
+              appletPushSign: "0",
+              officialPushSign: "0",
+              messagePushSign: "0",
+              messagePreview: "",
+              officialRemindContent: "",
+              taskSubdivisiontemplateType: "",
+              appletRemindContent: "",
+              appletPromptDescription: "",
+            },
+          ],
+        });
+        this.form = this.lists[0].list[0];
+        console.log(this.form, "6555555555555555");
+      }
+    },
+
+    addtriggerConditionlist() {
+      this.idd++;
+      var obj = {
+        routeId: "",
+        routeName: "",
+        triggerConditionName: "",
+        triggerConditionOperator: "",
+        triggerConditionValue: "",
+        triggerConditionName: "",
+        triggerConditionOperatorName: "",
+
+        triggerLogic: "",
+        triggerLogicName: "",
+      };
+
+      if (this.updata.length == 3) {
+        this.$message.error("最多批量添加2条");
+      } else {
+        this.updata.push(obj);
+        // console.log(this.form)
+      }
+    },
+    // 且或
+    infolistoptionslistS() {
+      var dictType = "trigger_logic";
+      getAgencytype(dictType).then((res) => {
+        this.optionslistS = res.data;
+      });
+    },
     // 包含
     changetriggerLogic(e, index) {
       // console.log(e,index,'index')
-      this.updata.triggerConditionList[index].triggerConditionOperatorName =
+      this.openlist.triggerConditionList[index].triggerConditionOperatorName =
         this.optionstriggerConditionOperator.find((el) => el.value == e).label;
       //   console.log( this.updata.triggerConditionList[index].triggerConditionOperatorName,"this.updata.triggerConditionList[index].triggerConditionOperatorName");
     },
     // 诊断
     changetriggerConditionName(e, index) {
       //   console.log(e,index, "eeeeeeeee");
-      this.updata.triggerConditionList[index].triggerConditionName =
+      this.openlist.triggerConditionList[index].triggerConditionName =
         this.optionsname.find((el) => el.value == e).label;
       //   console.log(this.updata.triggerConditionList[index].triggerConditionName, " this.form.triggerConditionName");
     },
@@ -579,12 +1139,12 @@ export default {
     // 且或
     changetriggerLogicsname(e, index) {
       console.log(e, index, "eeeeeeeeeeeeeeeeee");
-      this.updata.triggerConditionList[index].triggerLogic = e;
-      this.updata.triggerConditionList[index].triggerLogicName =
+      this.openlist.triggerConditionList[index].triggerLogic = e;
+      this.openlist.triggerConditionList[index].triggerLogicName =
         this.optionslistS.find((el) => el.dictValue == e).dictLabel;
       console.log(
-        this.updata.triggerConditionList[index].triggerLogic,
-        this.updata.triggerConditionList[index].triggerLogicName,
+        this.openlist.triggerConditionList[index].triggerLogic,
+        this.openlist.triggerConditionList[index].triggerLogicName,
         " this.form.triggerLogicName"
       );
     },
@@ -599,10 +1159,31 @@ export default {
       this.routeId = this.$route.query.id;
       triggerConditionList(this.routeId).then((res) => {
         console.log(res, "res");
-        this.updata = res.data;
+        this.openlist.triggerConditionList = res.data;
+
+        if (res.data.length == 1) {
+          this.updata = res.data[0];
+        } else {
+          this.updata = res.data[0];
+          res.data.splice(0, 1);
+          this.updatalist = res.data;
+        }
         this.$set(this.updata, "suitRange", this.$route.query.suitRange);
       });
     },
+    // 编辑接口
+    infolistname() {
+      this.routeId = this.$route.query.id;
+      triggerConditionList(this.routeId).then((res) => {
+        this.openlist.triggerConditionList = res.data;
+        this.$set(this.openlist, "suitRange", this.$route.query.suitRange);
+      });
+    },
+    // 编辑
+    edit() {
+      this.open = true;
+      this.infolistname();
+    },
     //wangeditor传值
     onNodeContent(item) {
       this.form.nodeContent = item.nodeContent;
@@ -661,17 +1242,75 @@ export default {
         this.taskStatusDictList = res.data;
       });
     },
-    //任务细分
-    changeTaskType(id) {
+     //任务类型
+     changeTaskType(code, taskSubdivision) {
+      let id = this.selectTaskTypeList?.find((e) => e.taskTypeCode == code)?.id;
+      this.form.taskTypeName = this.selectTaskTypeList?.find(
+        (e) => e.taskTypeCode == code
+      )?.taskTypeName;
       taskPartitionList(id).then((res) => {
         this.taskPartitionList = res.data;
-      });
-      this.selectTaskTypeList.forEach((el) => {
-        if (id == el.id) {
-          this.form.taskTypeName = el.taskTypeName;
+        this.form.taskSubdivision = "";
+        this.form.taskSubdivisionName = "";
+        this.form.taskSubdivisiontemplateType = "";
+        this.taskStatusDictList = [];
+        if (taskSubdivision) {
+          this.form.taskSubdivision = taskSubdivision;
+          this.changetaskSubdivision(taskSubdivision, 1);
         }
       });
     },
+    //点击任务细分
+    changetaskSubdivision(code, type) {
+      console.log(code, type, "code, type");
+      this.form.taskSubdivisionName = this.taskPartitionList?.find(
+        (e) => e.taskPartitionCode == code
+      )?.taskPartitionName;
+      let id = this.taskPartitionList?.find(
+        (e) => e.taskPartitionCode == code
+      )?.id;
+      this.form.secondClassifyDescribe = this.taskPartitionList?.find(
+        (e) => e.taskPartitionCode == code
+      )?.secondClassifyDescribe;
+      this.form.executionTime = this.taskPartitionList?.find(
+        (e) => e.taskPartitionCode == code
+      )?.executionTime;
+      taskStatusDictList(id).then((res) => {
+        this.taskStatusDictList = res.data;
+      });
+      this.taskPartitionList.forEach((el) => {
+        if (code == el.taskPartitionCode) {
+          this.form.executionTime = el.executionTime;
+          this.form.taskSubdivisiontemplateType = el.templateType;
+          if (
+            this.form.taskSubdivisiontemplateType == "SCRIPT" ||
+            this.form.taskSubdivisiontemplateType == "PROPAGANDA" ||
+            this.form.taskSubdivisiontemplateType == "QUESTIONNAIRE"
+          ) {
+            this.form.nodeContent = `<p></p>`;
+          }
+          console.log(
+            this.form.taskSubdivisiontemplateType,
+            "this.form.taskSubdivisiontemplateType"
+          );
+          if (!type) {
+            this.form.templateId = "";
+            this.form.templateName = "";
+          }
+        }
+      });
+    },
+    // //任务细分
+    // changeTaskType(id) {
+    //   taskPartitionList(id).then((res) => {
+    //     this.taskPartitionList = res.data;
+    //   });
+    //   this.selectTaskTypeList.forEach((el) => {
+    //     if (id == el.id) {
+    //       this.form.taskTypeName = el.taskTypeName;
+    //     }
+    //   });
+    // },
     changetaskSubdivision(e) {
       this.taskPartitionList.forEach((el) => {
         if (e == el.id) {
@@ -722,48 +1361,79 @@ export default {
         taskSubdivisiontemplateType: "",
       });
     },
-    delitem(item, index) {
+    delitemh(item, index) {
       item.list.splice(this.itemindex, 1);
       if (item.list.length == 0) {
         this.lists.splice(index, 1);
       }
     },
     addtriggerCondition() {
-      this.updata.triggerConditionList.push({});
+      this.updata.push({});
     },
   },
 };
 </script>
 <style scoped lang="scss">
+.el-icon-arrow-down {
+  margin-left: 50px;
+}
+.el-icon-arrow-up {
+  margin-left: 50px;
+}
+.addlistname {
+  color: #409eff;
+  font-size: 12px;
+  margin-left: 20px;
+  margin-top: 10px;
+}
+.login-code {
+  width: 62px;
+  height: 81px;
+  position: relative;
+  z-index: 0;
+  top: -30px;
+  right: 56px;
+}
 .login-code-img {
   width: 62px;
-  height: 100px;
+  height: 81px;
   position: absolute;
-//   background: red;
-//   z-index: 0;
-  //   top: 17%;
-//   position: absolute;
-  //   left: 2%;
-//   top: 25%;
-//   width: 62px;
-//     height: 100px;
-//     position: absolute;
-//     /* background: red; */
-    z-index: -1;
-    right: 44px;
-    // position: absolute;
-    top: 85%;
+  z-index: -1;
+  top: 32px;
+  right: 61px;
+}
+.selectnamelist {
+  position: absolute;
+  right: 54px;
+  top: -8px;
+}
+.selectname {
+  position: absolute;
+  right: 70px;
+  top: 55px;
 }
 .dialog-footer {
-  padding: 20px 20px;
+  padding: 0px 30px;
   text-align: right;
 }
+.nodesname {
+  margin-left: 6%;
+  width: 660px;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  padding-left: 20px;
 
+  .node {
+    margin-bottom: 10px;
+  }
+}
 .nodes {
   width: 660px;
   display: flex;
   flex-wrap: wrap;
   position: relative;
+  padding-left: 20px;
 
   .node {
     margin-bottom: 10px;
@@ -859,19 +1529,28 @@ export default {
 
 .title {
   display: flex;
-  align-items: center;
-  
+  // align-items: center;
+  padding-left: 100px;
+  // height: 400px;
 
-  div {
-    display: flex;
-    padding-left: 27px;
-    font-weight: 600;
-    align-items: center;
+  // div {
+  //   // display: flex;
+  //   // padding-left: 27px;
+  //   // margin-left: 3%;
+  //   font-weight: 600;
+  //   // align-items: center;
+  // }
+  .el-icon-arrow-down {
+    // color: #409EFF;
+    // margin-top: 10px;
+    // margin-left: 30px;
   }
-
   .select {
     font-weight: 550;
-    margin-left: 20%;
+    // margin-left: 10%;
+    position: relative;
+    right: 20px;
+    // width: 300px;
     font-size: 12px;
 
     .el-input {
@@ -881,11 +1560,13 @@ export default {
     }
   }
 }
-
+.container {
+  padding: 20px;
+}
 .list {
-  margin: 20px auto;
+  margin: 14px auto;
   width: 100%;
-  height: calc(100% - 80px);
+  // height: calc(100% - 80px);
   background-color: #f2f4f5;
   display: flex;
   padding-top: 15px;
@@ -895,7 +1576,8 @@ export default {
     width: 22%;
     background-color: #fff;
     padding: 0 20px 20px;
-    height: 680px;
+    height: calc(100vh - 280px);
+
     overflow: scroll;
 
     .timetitle {
@@ -913,7 +1595,8 @@ export default {
 
   .texts {
     width: 75%;
-    height: 680px;
+    height: calc(100vh - 280px);
+
     overflow: scroll;
     background-color: #fff;
   }
diff --git a/src/views/system/followupdetails/index.vue b/src/views/system/followupdetails/index.vue
index cbe7a75..8e5f387 100644
--- a/src/views/system/followupdetails/index.vue
+++ b/src/views/system/followupdetails/index.vue
@@ -2,8 +2,18 @@
   <div class="header">
     <div class="topheader">
       <div class="user">
-        <img class="headsculpture" src="../../../assets/manage/touxiang.png" alt="" v-if="list.sex == 'MALE'" />
-        <img class="headsculpture" src="../../../assets/manage/nvtouxiang.png" alt="" v-if="list.sex == 'FEMALE'" />
+        <img
+          class="headsculpture"
+          src="../../../assets/manage/touxiang.png"
+          alt=""
+          v-if="list.sex == 'MALE'"
+        />
+        <img
+          class="headsculpture"
+          src="../../../assets/manage/nvtouxiang.png"
+          alt=""
+          v-if="list.sex == 'FEMALE'"
+        />
         <div class="name">
           {{ list.patientName }}
         </div>
@@ -37,83 +47,191 @@
     <div class="bottomheader">
       <div style="display: flex">
         <!-- 问卷模板 -->
-        <div class="right" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-          ">
-          <div style="float: right; margin-top: 20px" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
-          $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
-          ">
-            <el-form :inline="true" class="demo-form-inline" :model="questiondata" :rules="rules" ref="questiondata">
+        <div
+          class="right"
+          v-if="
+            $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+            $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
+          "
+        >
+          <div
+            style="float: right; margin-top: 20px"
+            v-if="
+              $route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
+              $route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
+            "
+          >
+            <el-form
+              :inline="true"
+              class="demo-form-inline"
+              :model="questiondata"
+              :rules="rules"
+              ref="questiondata"
+            >
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input disabled type="textarea" placeholder="请输入任务处理信息" v-model="questiondata.routeHandleRemark" />
+                <el-input
+                  disabled
+                  type="textarea"
+                  placeholder="请输入任务处理信息"
+                  v-model="questiondata.routeHandleRemark"
+                />
               </el-form-item>
             </el-form>
           </div>
-          <div class="sport" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
+          <div
+            class="sport"
+            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
+          >
             问卷模板: Barthel指数评定问卷
           </div>
-          <div class="words" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
+          <div
+            class="words"
+            v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
+          >
             您好!本问卷用于评估日常生活能力，请根据自身日常实际表现选择合适的选项。
           </div>
 
-          <div class="sport" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
+          <div
+            class="sport"
+            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
+          >
             人工随访模板: 神经内科人工随访
           </div>
-          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
+          <div
+            class="words"
+            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
+          >
             **您好!
           </div>
-          <div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
+          <div
+            class="words"
+            v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
+          >
             我是✕✕医院的工作人员，今天给您打电话想要了解一下您的恢复情况。
           </div>
 
-          <div class="words" v-for="(item, index) in questiondata.subjectResultList" :key="index">
+          <div
+            class="words"
+            v-for="(item, index) in questiondata.subjectResultList"
+            :key="index"
+          >
             {{ index + 1 }}.{{ item.questionName }}
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE'">（单选题）</span>
-            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'">（多选题）</span>
-            <span v-if="item.questionType == 'SCORING_QUESTIONS'">（打分题）</span>
-            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'">（组合单选题）</span>
-            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'">（组合多选题）</span>
-            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'">（组合填空题）</span>
-            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'">（填空题）</span>
-            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'">（组合打分题）</span>
-            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'">（日期填空题）</span>
-            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">（时间填空题）</span>
-            <el-radio-group v-if="item.questionType == 'MULTIPLE_CHOICE' ||
-          item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
-          item.questionType == 'SCORING_QUESTIONS' ||
-          item.questionType == 'COMBINATION_SCORING_SUBJECT'
-          " v-model="item.checked" class="custom-radio-group">
-              <el-radio disabled class="custom" v-for="(aitem, aindex) in item.optionResults" :key="aindex"
-                :label="aitem.id" @change="radioChange($event, aitem, index)">{{ aitem.optionName }}</el-radio>
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE'"
+              >（单选题）</span
+            >
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
+              >（多选题）</span
+            >
+            <span v-if="item.questionType == 'SCORING_QUESTIONS'"
+              >（打分题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
+              >（组合单选题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
+              >（组合多选题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
+              >（组合填空题）</span
+            >
+            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'"
+              >（填空题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'"
+              >（组合打分题）</span
+            >
+            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
+              >（日期填空题）</span
+            >
+            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
+              >（时间填空题）</span
+            >
+            <el-radio-group
+              v-if="
+                item.questionType == 'MULTIPLE_CHOICE' ||
+                item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
+                item.questionType == 'SCORING_QUESTIONS' ||
+                item.questionType == 'COMBINATION_SCORING_SUBJECT'
+              "
+              v-model="item.checked"
+              class="custom-radio-group"
+            >
+              <el-radio
+                disabled
+                class="custom"
+                v-for="(aitem, aindex) in item.optionResults"
+                :key="aindex"
+                :label="aitem.id"
+                @change="radioChange($event, aitem, index)"
+                >{{ aitem.optionName }}</el-radio
+              >
             </el-radio-group>
             <!-- 多选、组合多选 -->
-            <el-checkbox-group v-model="checkeddata" v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
-          item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
-          ">
-              <el-checkbox disabled v-for="(aitem, aindex) in item.optionResults" :key="aindex" :label="aitem.id"
-                @change="radioChangecheck($event, aitem, index, aindex)">{{ aitem.optionName }}</el-checkbox>
+            <el-checkbox-group
+              v-model="checkeddata"
+              v-if="
+                item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
+                item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
+              "
+            >
+              <el-checkbox
+                disabled
+                v-for="(aitem, aindex) in item.optionResults"
+                :key="aindex"
+                :label="aitem.id"
+                @change="radioChangecheck($event, aitem, index, aindex)"
+                >{{ aitem.optionName }}</el-checkbox
+              >
             </el-checkbox-group>
             <!-- 填空题、组合填空 -->
-            <div v-if="item.questionType == 'FILL_IN_THE_BLANKS' ||
-          item.questionType == 'COMBINATION_BLANKS_SUBJECT'
-          " class="tk">
-              <el-input disabled v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
+            <div
+              v-if="
+                item.questionType == 'FILL_IN_THE_BLANKS' ||
+                item.questionType == 'COMBINATION_BLANKS_SUBJECT'
+              "
+              class="tk"
+            >
+              <el-input
+                disabled
+                v-model="item.fillBlanksAnswer"
+                placeholder="请输入答案"
+                type="textarea"
+              />
               <!-- <el-input></el-input> -->
             </div>
             <!-- 日期填空题、 -->
-            <div v-if="item.questionType == 'DATE_BLANKS_SUBJECT'" style="margin: 20px 0 10px 30px">
-              <el-date-picker disabled @change="timepicker($event, index)" clearable v-model="item.fillBlanksAnswer"
-                type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
+            <div
+              v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
+              style="margin: 20px 0 10px 30px"
+            >
+              <el-date-picker
+                disabled
+                @change="timepicker($event, index)"
+                clearable
+                v-model="item.fillBlanksAnswer"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
               </el-date-picker>
             </div>
             <!-- 时间填空题 -->
-            <div style="margin: 20px 0 10px 30px" v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">
-              <el-time-select disabled @change="timepickerselect($event, index)" clearable
-                v-model="item.fillBlanksAnswer" :picker-options="{
-          start: '08:30',
-          step: '00:30',
-          end: '23:30',
-        }" placeholder="选择时间">
+            <div
+              style="margin: 20px 0 10px 30px"
+              v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
+            >
+              <el-time-select
+                disabled
+                @change="timepickerselect($event, index)"
+                clearable
+                v-model="item.fillBlanksAnswer"
+                :picker-options="{
+                  start: '08:30',
+                  step: '00:30',
+                  end: '23:30',
+                }"
+                placeholder="选择时间"
+              >
               </el-time-select>
             </div>
           </div>
@@ -164,20 +282,33 @@
               </el-form-item>
             </el-form>
           </div> -->
-        <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
+          <div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
           <div class="sport">电话外呼</div>
 
           <div class="nexttime">
-            <el-form ref="formlist" :model="formlist" label-width="110px" :inline="true">
-              <!-- <br/> -->
+            <el-form
+              ref="formlist"
+              :model="formlist"
+              label-width="110px"
+              :inline="true"
+
+            >
+            <!-- <br/> -->
               <el-form-item label="是否接通" prop="phone">
-                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED">已接通</el-radio>
-                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED">未接通</el-radio>
+                <el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED"
+                  >已接通</el-radio
+                >
+                <el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED"
+                  >未接通</el-radio
+                >
               </el-form-item>
               <br />
 
               <el-form-item label="任务处理信息" prop="routeHandleRemark">
-                <el-input v-model="formlist.routeHandleRemark" placeholder="请输入任务处理信息" />
+                <el-input
+                  v-model="formlist.routeHandleRemark"
+                  placeholder="请输入任务处理信息"
+                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术名称" prop="scriptName">
@@ -190,7 +321,11 @@
               </el-form-item> -->
               <!-- <br /> -->
               <el-form-item label="通用话术名称" prop="phoneTemplateName">
-                <el-input disabled v-model="formlist.phoneTemplateName" placeholder="请输入通用话术名称" />
+                <el-input
+                  disabled
+                  v-model="formlist.phoneTemplateName"
+                  placeholder="请输入通用话术名称"
+                />
               </el-form-item>
               <br />
               <!-- <el-form-item label="话术简介" prop="scriptIntroduction">
@@ -225,28 +360,52 @@
                   inactive-value="0"
                 >
                 </el-switch> -->
-                <el-radio disabled v-model="formlist.phonePushSign" label="1">已开启</el-radio>
-                <el-radio disabled v-model="formlist.phonePushSign" label="0">未开启</el-radio>
+                <el-radio disabled v-model="formlist.phonePushSign" label="1"
+                  >已开启</el-radio
+                >
+                <el-radio  disabled v-model="formlist.phonePushSign" label="0"
+                  >未开启</el-radio
+                >
               </el-form-item>
               <br />
 
               <el-form-item label="电话" prop="patientPhone">
-                <el-input disabled v-model="formlist.patientPhone" placeholder="请输入电话" />
+                <el-input
+                  disabled
+                  v-model="formlist.patientPhone"
+                  placeholder="请输入电话"
+                />
               </el-form-item>
               <br />
               <!-- <div style="background:red;width:200px;height:1600px"> -->
               <el-form-item label="重复次数" prop="phoneRedialTimes">
-                <el-select v-model="formlist.phoneRedialTimes" disabled style="width: 200px">
-                  <el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
-                    :value="item.dictValue">
+                <el-select
+                  v-model="formlist.phoneRedialTimes"
+                  disabled
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in optionslistS"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
               <br />
               <el-form-item label="发送短信" prop="phone">
-                <el-select disabled v-model="formlist.phoneMessageRemind" style="width: 200px">
-                  <el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
-                    :value="item.dictValue">
+                <el-select
+                  disabled
+                  v-model="formlist.phoneMessageRemind"
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in optionslist"
+                    :key="item.dictValue"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                  >
                   </el-option>
                 </el-select>
                 <!-- <el-input
@@ -258,35 +417,43 @@
               <br />
 
               <el-form-item label="话术图" prop="phone">
-                <img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
+                <img
+                  :src="formlist.scriptFilePath"
+                  style="width: 250px; height: 200px"
+
+                />
               </el-form-item>
               <br />
               <div class="pushMethod">
-                <el-form-item label="短信模板：" prop="phone">
-                  <span class="spanname">
-                    <message style="width: 200px;height:100px" @on-template="messageontemplateMESSAGE"
-                      :templateId="formlist.phoneMessageTemplateId" :templateName="formlist.phoneMessageTemplateName">
-                    </message>
-                  </span>
+              <el-form-item label="短信模板：" prop="phone">
+                <span class="spanname">
+                  <message
+                  style="width: 200px;height:100px"
+                  @on-template="messageontemplateMESSAGE"
+                  :templateId="formlist.phoneMessageTemplateId"
+                  :templateName="formlist.phoneMessageTemplateName"
+                ></message>
+                </span>
 
-                </el-form-item>
-              </div>
+              </el-form-item>
+            </div>
 
             </el-form>
           </div>
         </div>
+        </div>
       </div>
     </div>
-  </div>
 </template>
 
-<script>
-import message from "../components/message.vue";
-import { selectFollowPatientInfo, question, addPatientQuestionResult, selectPhonePush, } from "@/api/system/followupsee";
+      <script>
+import { selectFollowPatientInfo, question, addPatientQuestionResult,  selectPhonePush, } from "@/api/system/followupsee";
 import {
   selectPatientQuestionSubmit,
 } from "@/api/system/taskExecuteRecord";
 import { getScript } from "@/api/manage/script";
+import message from "../components/message.vue";
+
 import Cookies from 'js-cookie'
 export default {
   components: {
@@ -299,8 +466,8 @@ export default {
       checkList: [],
       checked: false,
       formlist: {},
-      optionslistS: [],
-      optionslist: [],
+      optionslistS:[],
+      optionslist:[],
       rules: {
         routeHandleRemark: [
           { required: true, message: '请输入任务处理信息', trigger: 'change' }
@@ -317,7 +484,7 @@ export default {
         routeHandlePerson: null,
         routeHandleId: null,
       },
-      optionslist: [],
+      optionslist:[],
 
     };
 
@@ -343,8 +510,8 @@ export default {
     }
   },
   methods: {
-    // 发送短信
-    infolistword() {
+        // 发送短信
+        infolistword() {
       var dictType = "text_message_remind";
       getAgencytype(dictType).then((res) => {
         this.optionslist = res.data;
@@ -473,266 +640,238 @@ export default {
 
   },
 };
-</script>
-<style lang="scss" scoped>
+    </script>
+       <style lang="scss" scoped>
+       ::v-deep .el-input.is-disabled .el-input__inner {
+         background: #fff !important;
+         color: #606266;
+       }
+       .pushMethod {
+        height: 30px;
+        // margin-top: 30px;
+        line-height: 30px;
+        font-size: 13px;
+        color: #64666a;
+        .spanname {
+          width: 100%;
+          
+          pointer-events: none;
+        }
+      }
 ::v-deep .el-input.is-disabled .el-input__inner {
   background: #fff !important;
   color: #606266;
 }
+       ::v-deep .el-textarea.is-disabled .el-textarea__inner {
+         color: #606266;
+         background: #fff;
+       }
+       .tk {
+         ::v-deep .el-textarea__inner {
+           margin: 20px 0 10px 30px;
+         }
+       }
 
-.pushMethod {
-  height: 30px;
-  // margin-top: 30px;
-  line-height: 30px;
-  font-size: 13px;
-  color: #64666a;
+       ::v-deep .el-radio {
+         padding: 10px;
+       }
+       ::v-deep .el-checkbox-group {
+         display: flex;
+         flex-direction: column;
+         padding: 10px 0px 10px 24px;
+       }
+       ::v-deep .el-checkbox {
+         padding: 10px 0 10px 0px;
+         // padding: 10px;
+       }
+       .custom-radio-group {
+         display: flex;
+         flex-direction: column;
+         padding: 10px 0 10px 10px;
+         .custom {
+           padding: 10px 0 10px 10px;
+         }
+       }
+       .bodytop {
+         position: relative;
+         top: 20px;
+         // height: 500px;
+         width: 400px;
+         margin: 0 auto;
+         // background: red;f
+         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: 362px;
+           // height: 127px;
+           margin: 0px 0px 0px 30px;
+         }
+         .know {
+           margin: 11px 0px 10px 30px;
+           font-size: 20px;
+           font-weight: 550;
+         }
+         .knowlist {
+           margin: 10px 0px 10px 30px;
+           font-size: 16px;
+         }
+       }
+       .right {
+         width: 100%;
+         height: 500px;
+         // background: yellow;
+       }
+       .header {
+         background-color: #f1f3f5;
+         padding-top: 10px;
 
-  .spanname {
-    width: 100%;
+         ::v-deep .el-tabs__header {
+           margin: 0 !important;
+           width: 100%;
+           // overflow: auto;
+           // height: 500px;
+           // background: red;
+         }
 
-    pointer-events: none;
-  }
-}
-
-::v-deep .el-input.is-disabled .el-input__inner {
-  background: #fff !important;
-  color: #606266;
-}
-
-::v-deep .el-textarea.is-disabled .el-textarea__inner {
-  color: #606266;
-  background: #fff;
-}
-
-.tk {
-  ::v-deep .el-textarea__inner {
-    margin: 20px 0 10px 30px;
-  }
-}
-
-::v-deep .el-radio {
-  padding: 10px;
-}
-
-::v-deep .el-checkbox-group {
-  display: flex;
-  flex-direction: column;
-  padding: 10px 0px 10px 24px;
-}
-
-::v-deep .el-checkbox {
-  padding: 10px 0 10px 0px;
-  // padding: 10px;
-}
-
-.custom-radio-group {
-  display: flex;
-  flex-direction: column;
-  padding: 10px 0 10px 10px;
-
-  .custom {
-    padding: 10px 0 10px 10px;
-  }
-}
-
-.bodytop {
-  position: relative;
-  top: 20px;
-  // height: 500px;
-  width: 400px;
-  margin: 0 auto;
-  // background: red;f
-  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: 362px;
-    // height: 127px;
-    margin: 0px 0px 0px 30px;
-  }
-
-  .know {
-    margin: 11px 0px 10px 30px;
-    font-size: 20px;
-    font-weight: 550;
-  }
-
-  .knowlist {
-    margin: 10px 0px 10px 30px;
-    font-size: 16px;
-  }
-}
-
-.right {
-  width: 100%;
-  height: 500px;
-  // background: yellow;
-}
-
-.header {
-  background-color: #f1f3f5;
-  padding-top: 10px;
-
-  ::v-deep .el-tabs__header {
-    margin: 0 !important;
-    width: 100%;
-    // overflow: auto;
-    // height: 500px;
-    // background: red;
-  }
-
-  .bottomheader {
-    overflow-y: scroll;
+         .bottomheader {
+          overflow-y: scroll;
     width: 99%;
     height: 67vh;
     background-color: #fff;
     margin: 10px auto;
     padding: 10px 20px;
+           .sport {
+             padding: 10px 50px 10px 10px;
+             font-size: 20px;
+             font-weight: 600;
+           }
+           .words {
+             font-size: 15px;
+             padding: 10px 50px 10px 10px;
+           }
+           .sports {
+             position: absolute;
+             left: 50%;
+             transform: translate(-50%);
+             font-size: 18px;
+             font-weight: 600;
+           }
+           .word {
+             font-size: 14px;
+             font-weight: 550;
+             padding: 50px 50px 10px 10px;
+           }
+           .videoleft {
+             width: 40%;
+             height: 200px;
+             background: red;
+           }
+           .time {
+             font-size: 20px;
+             font-weight: 550;
+             padding: 10px 50px 10px 10px;
+           }
+           .number {
+             width: 25px;
+             height: 25px;
+             text-align: center;
+             display: inline-block;
+             color: white;
+             background: blue;
+             border-radius: 50%;
+           }
+           .nexttime {
+             font-size: 15px;
+             padding: 10px 50px 10px 10px;
+           }
+           .images {
+             width: 53%;
+             height: 241px;
+             margin: 0 auto;
+             background: red;
+           }
+           .attention {
+             font-size: 14px;
+             font-weight: 550;
+             padding: 10px 50px 10px 10px;
+           }
+           // .videobottom
+           // {
+           //   font-size: 14px;
+           //   font-weight: 550;
+           //   padding: 10px 50px 10px 10px;
+           // }
+         }
 
-    .sport {
-      padding: 10px 50px 10px 10px;
-      font-size: 20px;
-      font-weight: 600;
-    }
+         .topheader {
+           width: 99%;
+           background-color: #fff;
+           margin: 0 auto;
 
-    .words {
-      font-size: 15px;
-      padding: 10px 50px 10px 10px;
-    }
+           .information {
+             display: flex;
+             flex-wrap: wrap;
+             padding: 10px 20px;
+             height: 110px;
 
-    .sports {
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%);
-      font-size: 18px;
-      font-weight: 600;
-    }
+             .top,
+             .bottom {
+               color: #666666;
+               width: 100%;
+               display: flex;
 
-    .word {
-      font-size: 14px;
-      font-weight: 550;
-      padding: 50px 50px 10px 10px;
-    }
+               div {
+                 width: 25%;
+               }
+             }
+           }
 
-    .videoleft {
-      width: 40%;
-      height: 200px;
-      background: red;
-    }
+           .user {
+             width: 100%;
+             padding: 0 20px;
+             display: flex;
+             height: 80px;
+             align-items: center;
+             line-height: 80px;
 
-    .time {
-      font-size: 20px;
-      font-weight: 550;
-      padding: 10px 50px 10px 10px;
-    }
+             .source {
+               display: flex;
+               position: relative;
+               right: 59px;
+               position: absolute;
+               .item {
+                 margin-left: 20px;
+               }
+             }
 
-    .number {
-      width: 25px;
-      height: 25px;
-      text-align: center;
-      display: inline-block;
-      color: white;
-      background: blue;
-      border-radius: 50%;
-    }
+             .name {
+               font-size: 20px;
+               padding-left: 12px;
+             }
 
-    .nexttime {
-      font-size: 15px;
-      padding: 10px 50px 10px 10px;
-    }
+             .gender {
+               padding-left: 10px;
+             }
 
-    .images {
-      width: 53%;
-      height: 241px;
-      margin: 0 auto;
-      background: red;
-    }
+             .age {
+               padding-left: 10px;
+             }
 
-    .attention {
-      font-size: 14px;
-      font-weight: 550;
-      padding: 10px 50px 10px 10px;
-    }
+             .headsculpture {
+               border-radius: 50%;
+               width: 40px;
+               height: 40px;
+             }
+           }
+         }
+       }
+       </style>
 
-    // .videobottom
-    // {
-    //   font-size: 14px;
-    //   font-weight: 550;
-    //   padding: 10px 50px 10px 10px;
-    // }
-  }
-
-  .topheader {
-    width: 99%;
-    background-color: #fff;
-    margin: 0 auto;
-
-    .information {
-      display: flex;
-      flex-wrap: wrap;
-      padding: 10px 20px;
-      height: 110px;
-
-      .top,
-      .bottom {
-        color: #666666;
-        width: 100%;
-        display: flex;
-
-        div {
-          width: 25%;
-        }
-      }
-    }
-
-    .user {
-      width: 100%;
-      padding: 0 20px;
-      display: flex;
-      height: 80px;
-      align-items: center;
-      line-height: 80px;
-
-      .source {
-        display: flex;
-        position: relative;
-        right: 59px;
-        position: absolute;
-
-        .item {
-          margin-left: 20px;
-        }
-      }
-
-      .name {
-        font-size: 20px;
-        padding-left: 12px;
-      }
-
-      .gender {
-        padding-left: 10px;
-      }
-
-      .age {
-        padding-left: 10px;
-      }
-
-      .headsculpture {
-        border-radius: 50%;
-        width: 40px;
-        height: 40px;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/system/specialDiseaseNode/index.vue b/src/views/system/specialDiseaseNode/index.vue
index 2dcf970..d177e51 100644
--- a/src/views/system/specialDiseaseNode/index.vue
+++ b/src/views/system/specialDiseaseNode/index.vue
@@ -183,7 +183,7 @@
         </div>
         <div class="bottomform">
           <wangeditor
-            style="width: 100%; background-color: red"
+            style="width: 100%;"
             :nodeContent="form.nodeContent"
             @on-nodeContent="onNodeContent"
             v-show="