From 56b0f452ccbe98aeaae45dd30fee0b321600f433 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, 4 Jul 2024 11:14:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A3=E6=95=99=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../system/ManageNodeInformation/index.vue    | 122 ++++----
 src/views/system/specialDiseaseNode/index.vue | 289 ++++++++++++------
 2 files changed, 259 insertions(+), 152 deletions(-)

diff --git a/src/views/system/ManageNodeInformation/index.vue b/src/views/system/ManageNodeInformation/index.vue
index ec1244f..d4307f4 100644
--- a/src/views/system/ManageNodeInformation/index.vue
+++ b/src/views/system/ManageNodeInformation/index.vue
@@ -278,7 +278,7 @@
             <el-form-item label="任务类型" prop="">
               <el-select
                 v-model="form.taskType"
-                style="width: 130px"
+                style="width: 150px"
                 @change="changeTaskType"
               >
                 <el-option
@@ -293,7 +293,7 @@
             <el-form-item label="任务细分" prop="">
               <el-select
                 v-model="form.taskSubdivision"
-                style="width: 130px"
+                style="width: 150px"
                 @change="changetaskSubdivision"
               >
                 <el-option
@@ -370,8 +370,8 @@
                 form.templateId
               "
             >
-              <el-button @click="imagepreviews">预览</el-button> </span
-            >
+              <el-button @click="imagepreviews">预览</el-button>
+            </span>
           </el-form>
         </div>
         <!-- 宣教 -->
@@ -380,29 +380,29 @@
           :visible.sync="imageScriptpreviews"
           width="60%"
         >
-        <div
-          class="imageScriptpreviews"
-          v-if="
-            formview &&
-            form.taskSubdivisiontemplateType == 'PROPAGANDA' &&
-            form.templateId
-          "
-        >
-          <div class="bodytop">
-            <div class="titledata">{{ formview.propagandaTitle }}</div>
+          <div
+            class="imageScriptpreviews"
+            v-if="
+              formview &&
+              form.taskSubdivisiontemplateType == 'PROPAGANDA' &&
+              form.templateId
+            "
+          >
+            <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>
+                <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>
           <span slot="footer" class="dialog-footer">
             <el-button type="primary" @click="imageScriptpreviews = false"
               >确 定</el-button
@@ -544,8 +544,8 @@
                 </span>
               </div>
             </div>
-            <div class="flex">
-              <div class="pushMethod">
+            <div class="flexs">
+              <div class="pushMethods">
                 话术模板：
                 <span
                   class="spanname"
@@ -910,18 +910,10 @@ import indexjs from "./indexjs.js";
 export default indexjs;
 </script>
 <style scoped lang="scss">
-.righttextarea {
-  padding: 10px;
-  border: 1.5px solid #c7c7c7;
-  border-radius: 5px;
-}
 ::v-deep iframe {
   width: 100%;
   height: 500px;
 }
-.imageScriptpreview {
-  margin-top: 20px;
-}
 
 .imageScriptpreviews {
   margin: 0 auto;
@@ -1064,44 +1056,53 @@ export default indexjs;
     height: 130px;
     margin: 20px 0 0;
     padding: 20px 50px 0px 20px;
-
-    .flextwo {
-      // display: flex;
-      // align-items: center;
-      margin-top: 20px;
-
-      .text {
+    .flexs {
+      display: flex;
+      width: 100%;
+      .pushMethod {
+        height: 30px;
+        margin-top: 30px;
+        margin-left: 67px;
+        line-height: 37px;
         font-size: 14px;
         color: #64666a;
-      }
 
-      .textarea {
-        width: 90%;
-        padding: 0 10px;
-        height: 50px;
-        line-height: 50px;
-        // border: 1px solid #dcdfe6;
-        border-radius: 5px;
-        display: flex;
-        align-items: center;
-
-        ::v-deep .el-input {
-          padding: 0 10px;
-          width: 50%;
-          color: black;
-          font-size: 14px;
-          height: 40px;
-          line-height: 40px;
+        .spanname {
+          pointer-events: none;
         }
 
         ::v-deep .el-input__inner {
           color: black;
           font-size: 14px;
-          cursor: default !important;
+        }
+
+        span {
+          color: black;
+          font-size: 14px;
+        }
+      }
+      .pushMethods {
+        height: 30px;
+        margin-top: 30px;
+        line-height: 37px;
+        font-size: 14px;
+        color: #64666a;
+
+        .spanname {
+          pointer-events: none;
+        }
+
+        ::v-deep .el-input__inner {
+          color: black;
+          font-size: 14px;
+        }
+
+        span {
+          color: black;
+          font-size: 14px;
         }
       }
     }
-
     .flex {
       display: flex;
       width: 100%;
@@ -1131,6 +1132,7 @@ export default indexjs;
         }
       }
     }
+  
   }
 }
 
diff --git a/src/views/system/specialDiseaseNode/index.vue b/src/views/system/specialDiseaseNode/index.vue
index 7c6b412..ac47aec 100644
--- a/src/views/system/specialDiseaseNode/index.vue
+++ b/src/views/system/specialDiseaseNode/index.vue
@@ -8,8 +8,17 @@
       </div>
       <div class="select">
         <span> 适用范围 </span>
-        <el-select v-model="updata.suitRange" placeholder="请选择" @change="changeoptions">
-          <el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
+        <el-select
+          v-model="updata.suitRange"
+          placeholder="请选择"
+          @change="changeoptions"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.dictValue"
+            :label="item.dictLabel"
+            :value="item.dictValue"
+          >
           </el-option>
         </el-select>
       </div>
@@ -21,30 +30,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" type="number" style="width:70px" :min="0"></el-input>
+                <el-input
+                  v-model="item.routeNodeDay"
+                  type="number"
+                  style="width: 70px"
+                  :min="0"
+                ></el-input>
                 <span>天</span>
               </div>
               <div>
                 <i class="el-icon-delete" @click="delitem(item, index)"></i>
-                <i class="el-icon-circle-plus-outline" @click="additem(item)"></i>
+                <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, item)"
-              :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>
@@ -54,28 +92,52 @@
         <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: 110px" @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: 150px"
+                @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: 110px" @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: 150px"
+                @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: 110px">
-                <el-option v-for="item in taskStatusDictList" :key="item.id" :label="item.taskStatusName"
-                  :value="item.taskStatusCode">
+              <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>
               </el-select>
             </el-form-item>
             <el-form-item label="二级分类描述" prop="">
-              <el-input v-model="form.secondClassifyDescribe" style="width: 110px" disabled></el-input>
+              <el-input
+                v-model="form.secondClassifyDescribe"
+                style="width: 110px"
+                disabled
+              ></el-input>
             </el-form-item>
             <el-form-item label="执行时间" prop="">
               <el-time-select
@@ -124,8 +186,8 @@
                 form.templateId
               "
             >
-              <el-button @click="imagepreviews">预览</el-button> </span
-            >
+              <el-button @click="imagepreviews">预览</el-button>
+            </span>
           </el-form>
         </div>
         <!-- 宣教 -->
@@ -134,30 +196,30 @@
           :visible.sync="imageScriptpreviews"
           width="60%"
         >
-        <div
-          class="imageScriptpreviews"
-          v-if="
-            formview &&
-            form.taskSubdivisiontemplateType == 'PROPAGANDA' &&
-            form.templateId
-          "
-        >
-          <div class="bodytop">
-            <div class="titledata">{{ formview.propagandaTitle }}</div>
+          <div
+            class="imageScriptpreviews"
+            v-if="
+              formview &&
+              form.taskSubdivisiontemplateType == 'PROPAGANDA' &&
+              form.templateId
+            "
+          >
+            <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>
+                <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>
-        <span slot="footer" class="dialog-footer">
+          <span slot="footer" class="dialog-footer">
             <el-button type="primary" @click="imageScriptpreviews = false"
               >确 定</el-button
             >
@@ -313,8 +375,8 @@
                 </span>
               </div>
             </div>
-            <div class="flex">
-              <div class="pushMethod">
+            <div class="flexs">
+              <div class="pushMethods">
                 话术模板：
                 <span
                   class="spanname"
@@ -576,7 +638,7 @@ export default {
       lookquestionname: false,
       lookquestionlist: false,
       lookNodeContent: false,
-      imageScriptpreviews:false,
+      imageScriptpreviews: false,
       lookitemnew: {},
       baseUrl: process.env.VUE_APP_BASE_API,
       showquestion: false,
@@ -642,7 +704,7 @@ export default {
     this.infolistword();
     this.infolistMESSAGE();
   },
-  beforeDestroy() { },
+  beforeDestroy() {},
   watch: {
     "form.phoneMessageRemind": {
       handler(newValue, oldValue) {
@@ -664,7 +726,7 @@ export default {
       // phoneTemplateId
     },
   },
-  mounted() { },
+  mounted() {},
   methods: {
     // 问卷库模板选择
     looklist() {
@@ -674,9 +736,9 @@ export default {
     lookquestion() {
       this.lookquestionname = true;
     },
-      // 宣教预览
-      imagepreviews(){
-      this.imageScriptpreviews=true
+    // 宣教预览
+    imagepreviews() {
+      this.imageScriptpreviews = true;
     },
     // 预览话术图
     look() {
@@ -783,7 +845,10 @@ export default {
             getPropaganda(this.form.templateId).then((response) => {
               this.formview = response.data;
             });
-          } else if (this.form.templateType == "QUESTIONNAIRE" || this.form.templateType == "SCRIPT" && this.form.templateId) {
+          } else if (
+            this.form.templateType == "QUESTIONNAIRE" ||
+            (this.form.templateType == "SCRIPT" && this.form.templateId)
+          ) {
             // 问卷模板回显
             questionname(this.form.templateId).then((res) => {
               this.lookitemnew = res.data;
@@ -927,25 +992,25 @@ export default {
         this.lists.forEach((e) => {
           e.list.length > 0
             ? e.list.forEach((el) => {
-              el.routeNodeDay = e.routeNodeDay;
-              el.routeNodeName = e.routeNodeName;
-              if (el.phoneDialMethod == "COMMON" && el.templateId) {
-                el.phonePushSign = "1";
+                el.routeNodeDay = e.routeNodeDay;
+                el.routeNodeName = e.routeNodeName;
+                if (el.phoneDialMethod == "COMMON" && el.templateId) {
+                  el.phonePushSign = "1";
 
-                el.templateType = "QUESTIONNAIRE";
-              } else if (
-                el.phoneDialMethod == "COMMON" &&
-                el.phoneTemplateId
-              ) {
-                el.phonePushSign = "1";
+                  el.templateType = "QUESTIONNAIRE";
+                } else if (
+                  el.phoneDialMethod == "COMMON" &&
+                  el.phoneTemplateId
+                ) {
+                  el.phonePushSign = "1";
 
-                el.templateType = "SCRIPT";
-              } else if (el.phoneDialMethod == "AI" && el.phoneTemplateId) {
-                el.templateType = "SCRIPT";
-                el.phonePushSign = "1";
-              }
-              this.updata.specialDiseaseNodeList.push(el);
-            })
+                  el.templateType = "SCRIPT";
+                } else if (el.phoneDialMethod == "AI" && el.phoneTemplateId) {
+                  el.templateType = "SCRIPT";
+                  el.phonePushSign = "1";
+                }
+                this.updata.specialDiseaseNodeList.push(el);
+              })
             : "";
         });
         // this.updata.specialDiseaseNodeList =
@@ -982,8 +1047,8 @@ export default {
     },
     //点击审核按钮
     dialogVisibletrue() {
-      this.form.routeNodeDay = Number(this.lists[this.listindex].routeNodeDay)
-      this.dialogVisible = true
+      this.form.routeNodeDay = Number(this.lists[this.listindex].routeNodeDay);
+      this.dialogVisible = true;
     },
     // 点击每一条
     bottomclickevent(uitem, index, uindex) {
@@ -998,11 +1063,16 @@ export default {
       setTimeout(() => {
         this.form = uitem;
         if (this.form.templateType == "PROPAGANDA" && this.form.templateId) {
-          getPropaganda(this.form.templateId).then((response) => {   // 宣教
+          getPropaganda(this.form.templateId).then((response) => {
+            // 宣教
             this.formview = response.data;
           });
-        } else if (this.form.templateType == "QUESTIONNAIRE" && this.form.templateId) {
-          questionname(this.form.templateId).then((res) => {  // 问卷
+        } else if (
+          this.form.templateType == "QUESTIONNAIRE" &&
+          this.form.templateId
+        ) {
+          questionname(this.form.templateId).then((res) => {
+            // 问卷
             this.lookitemnew = res.data;
           });
         } else if (this.form.templateType == "SCRIPT" && this.form.flowScheme) {
@@ -1161,7 +1231,10 @@ export default {
             spinner: "el-icon-loading",
             background: "rgba(0, 0, 0, 0.7)",
           });
-          if (Number(this.form.routeNodeDay) != 0 && Number(this.form.routeNodeDay) < 0) {
+          if (
+            Number(this.form.routeNodeDay) != 0 &&
+            Number(this.form.routeNodeDay) < 0
+          ) {
             this.$message.error("请输入节点时间段天数");
             return loading.close();
           }
@@ -1201,22 +1274,13 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-.righttextarea {
-  padding: 10px;
-  border: 1.5px solid #c7c7c7;
-  border-radius: 5px;
-}
+
 
 ::v-deep iframe {
   width: 100%;
   height: 500px;
 }
 
-.imageScriptpreview {
-  width: 100%;
-  margin-top: 20px;
-}
-
 .imageScriptpreviews {
   margin: 0 auto;
   width: 90%;
@@ -1295,11 +1359,6 @@ export default {
 
   .card {
     background-color: #fff;
-    // width: 100%;
-    // height: 200px;
-    // margin: 20px 0 0;
-    // padding: 20px 50px 0px 20px;
-    // background-color: #fff;
     width: 100%;
     height: 130px;
     margin: 20px 0 0;
@@ -1344,7 +1403,53 @@ export default {
         }
       }
     }
+    .flexs {
+      display: flex;
+      width: 100%;
+      .pushMethod {
+        height: 30px;
+        margin-top: 30px;
+        margin-left: 67px;
+        line-height: 37px;
+        font-size: 14px;
+        color: #64666a;
 
+        .spanname {
+          pointer-events: none;
+        }
+
+        ::v-deep .el-input__inner {
+          color: black;
+          font-size: 14px;
+        }
+
+        span {
+          color: black;
+          font-size: 14px;
+        }
+      }
+      .pushMethods {
+        height: 30px;
+        margin-top: 30px;
+        line-height: 37px;
+        font-size: 14px;
+        color: #64666a;
+
+        .spanname {
+          pointer-events: none;
+        }
+
+        ::v-deep .el-input__inner {
+          color: black;
+          font-size: 14px;
+        }
+
+        span {
+          color: black;
+          font-size: 14px;
+        }
+      }
+    }
     .flex {
       display: flex;
       width: 100%;