修改

src/views/system/specialDiseaseNode/index.vue

@@ -9,17 +9,8 @@
       <div class="select">
         <span> 适用范围 </span>
 
-        <el-select
+        <el-select v-model="updata.suitRange" placeholder="请选择" @change="changeoptions">
-          v-model="updata.suitRange"
+          <el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
-          placeholder="请选择"
-          @change="changeoptions"
-        >
-          <el-option
-            v-for="item in options"
-            :key="item.dictValue"
-            :label="item.dictLabel"
-            :value="item.dictValue"
-          >
           </el-option>
         </el-select>
       </div>
@@ -31,20 +22,12 @@
           <i class="el-icon-circle-plus-outline" @click="addlist"></i>
         </div>
         <el-timeline>
-          <el-timeline-item
+          <el-timeline-item v-for="(item, index) in lists" :key="index" :color="listindex == index ? '#409EFF' : ''">
-            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
+                  <el-option v-for="item in parentDictCodelist" :key="item.dictValue" :label="item.dictLabel"
-                    v-for="item in parentDictCodelist"
+                    :value="item.dictValue">
-                    :key="item.dictValue"
-                    :label="item.dictLabel"
-                    :value="item.dictValue"
-                  >
                   </el-option>
 
                   <!-- <el-option label="出院后" value="AFTER_DISCHARGE" />
@@ -57,42 +40,22 @@
                   <el-option label="术前" value="PREOPERATIVE" />
                   <el-option label="术后" value="POSTOPERATIVE" /> -->
                 </el-select>
-                <el-input
+                <el-input v-model="item.routeNodeDay" style="width: 70px" type="number"></el-input>
-                  v-model="item.routeNodeDay"
-                  style="width: 70px"
-                  type="number"
-                ></el-input>
                 <span>天</span>
               </div>
               <div>
                 <i class="el-icon-delete" @click="delitem(item, index)"></i>
-                <i
+                <i class="el-icon-circle-plus-outline" @click="additem(item)"></i>
-                  class="el-icon-circle-plus-outline"
-                  @click="additem(item)"
-                ></i>
               </div>
             </div>
-            <el-card
+            <el-card v-for="(uitem, uindex) in item.list" :key="uitem.id"
-              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
+              <el-tag v-if="uitem.routeCheckStatus == 'AGREE'" class="routeCheckStatus">已审核</el-tag>
-                v-if="uitem.routeCheckStatus == 'AGREE'"
+              <el-tag v-else-if="uitem.routeCheckStatus == 'DISAGREE'" type="danger"
-                class="routeCheckStatus"
+                class="routeCheckStatus">不同意</el-tag>
-                >已审核</el-tag
+              <el-tag v-else type="warning" 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>
@@ -102,91 +65,46 @@
         <div class="topform">
           <el-form ref="form" :inline="true" :model="form" class="form">
             <el-form-item label="任务类型" prop="">
-              <el-select
+              <el-select v-model="form.taskType" style="width: 110px" @change="changeTaskType">
-                v-model="form.taskType"
+                <el-option v-for="item in selectTaskTypeList" :key="item.taskTypeCode" :label="item.taskTypeName"
-                style="width: 110px"
+                  :value="item.taskTypeCode">
-                @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
+              <el-select v-model="form.taskSubdivision" style="width: 110px" @change="changetaskSubdivision">
-                v-model="form.taskSubdivision"
+                <el-option v-for="item in taskPartitionList" :key="item.taskPartitionCode"
-                style="width: 110px"
+                  :label="item.taskPartitionName" :value="item.taskPartitionCode">
-                @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
+                <el-option v-for="item in taskStatusDictList" :key="item.id" :label="item.taskStatusName"
-                  v-for="item in taskStatusDictList"
+                  :value="item.taskStatusCode">
-                  :key="item.id"
-                  :label="item.taskStatusName"
-                  :value="item.taskStatusCode"
-                >
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="二级分类描述" prop="">
-              <el-input
+              <el-input v-model="form.secondClassifyDescribe" style="width: 110px"></el-input>
-                v-model="form.secondClassifyDescribe"
-                style="width: 110px"
-              ></el-input>
             </el-form-item>
             <el-form-item label="执行时间" prop="">
-              <el-time-select
+              <el-time-select v-model="form.executionTime" style="width: 120px" placeholder="选择时间">
-                v-model="form.executionTime"
-                style="width: 120px"
-                placeholder="选择时间"
-              >
               </el-time-select>
             </el-form-item>
-            <el-form-item
+            <el-form-item label="问卷库模板选择" prop="" v-if="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'">
-              label="问卷库模板选择"
+              <question @on-template="questionontemplate" :templateId="form.templateId"
-              prop=""
+                :templateName="form.templateName"></question>
-              v-if="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'"
-            >
-              <question
-                @on-template="questionontemplate"
-                :templateId="form.templateId"
-                :templateName="form.templateName"
-              ></question>
             </el-form-item>
-            <el-form-item
+            <el-form-item label="宣教库模板选择" prop="" v-if="form.taskSubdivisiontemplateType == 'PROPAGANDA'">
-              label="宣教库模板选择"
+              <propaganda @on-template="propagandaontemplate" :templateId="form.templateId"
-              prop=""
+                :templateName="form.templateName"></propaganda>
-              v-if="form.taskSubdivisiontemplateType == 'PROPAGANDA'"
-            >
-              <propaganda
-                @on-template="propagandaontemplate"
-                :templateId="form.templateId"
-                :templateName="form.templateName"
-              ></propaganda>
             </el-form-item>
           </el-form>
         </div>
         <div class="bottomform">
-          <wangeditor
+          <wangeditor style="width: 100%" :nodeContent="form.nodeContent" @on-nodeContent="onNodeContent"
-            style="width: 100%"
+            ref="wangeditor" />
-            :nodeContent="form.nodeContent"
-            @on-nodeContent="onNodeContent"
-            ref="wangeditor"
-          />
           <div class="card">
             <div class="flex">
               <div class="pushMethod">
@@ -195,29 +113,17 @@
               </div>
               <div class="pushMethod">
                 模板：
-                <message
+                <message @on-template="messageontemplate" :templateId="form.messageTemplateId"
-                  @on-template="messageontemplate"
+                  :templateName="form.messageTemplateName"></message>
-                  :templateId="form.messageTemplateId"
-                  :templateName="form.messageTemplateName"
-                ></message>
               </div>
               <div class="pushMethod">
-                <el-switch
+                <el-switch v-model="form.messagePushSign" active-color="#13ce66" active-value="1" inactive-value="0">
-                  v-model="form.messagePushSign"
-                  active-color="#13ce66"
-                  active-value="1"
-                  inactive-value="0"
-                >
                 </el-switch>
               </div>
             </div>
             <div class="flextwo">
               <div class="text">短信预览：</div>
-              <el-input
+              <el-input class="textarea" v-model="form.messagePreview" disabled></el-input>
-                class="textarea"
-                v-model="form.messagePreview"
-                disabled
-              ></el-input>
             </div>
           </div>
           <div class="card">
@@ -229,31 +135,19 @@
               <div class="pushMethod">
                 模板：
                 <span>
-                  <officialAccount
+                  <officialAccount @on-template="officialAccountontemplate" :templateId="form.officialTemplateId"
-                    @on-template="officialAccountontemplate"
+                    :templateName="form.officialTemplateName">
-                    :templateId="form.officialTemplateId"
-                    :templateName="form.officialTemplateName"
-                  >
                   </officialAccount>
                 </span>
               </div>
               <div class="pushMethod">
-                <el-switch
+                <el-switch v-model="form.officialPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
-                  v-model="form.officialPushSign"
-                  active-color="#13ce66"
-                  active-value="1"
-                  inactive-value="0"
-                >
                 </el-switch>
               </div>
             </div>
             <div class="flextwo">
               <div class="text">提醒内容：</div>
-              <el-input
+              <el-input v-model="form.officialRemindContent" class="textarea" disabled></el-input>
-                v-model="form.officialRemindContent"
-                class="textarea"
-                disabled
-              ></el-input>
             </div>
           </div>
           <div class="card">
@@ -265,39 +159,23 @@
               <div class="pushMethod">
                 模板：
                 <span>
-                  <miniProgram
+                  <miniProgram @on-template="miniProgramtemplate" :templateId="form.appletTemplateId"
-                    @on-template="miniProgramtemplate"
+                    :templateName="form.appletTemplateName">
-                    :templateId="form.appletTemplateId"
-                    :templateName="form.appletTemplateName"
-                  >
                   </miniProgram>
                 </span>
               </div>
               <div class="pushMethod">
-                <el-switch
+                <el-switch v-model="form.appletPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
-                  v-model="form.appletPushSign"
-                  active-color="#13ce66"
-                  active-value="1"
-                  inactive-value="0"
-                >
                 </el-switch>
               </div>
             </div>
             <div class="flextwo">
               <div class="text">提醒内容：</div>
-              <el-input
+              <el-input v-model="form.appletRemindContent" class="textarea" disabled></el-input>
-                v-model="form.appletRemindContent"
-                class="textarea"
-                disabled
-              ></el-input>
             </div>
             <div class="flextwo">
               <div class="text">提示说明：</div>
-              <el-input
+              <el-input v-model="form.appletPromptDescription" class="textarea" disabled></el-input>
-                v-model="form.appletPromptDescription"
-                class="textarea"
-                disabled
-              ></el-input>
             </div>
           </div>
           <!-- <div class="card" style="height: 250px;">
@@ -370,41 +248,18 @@
     </div>
     <div slot="footer" class="dialog-footer">
       <el-button @click="TemporaryStorage">暂 存</el-button>
-      <el-button
+      <el-button type="primary" @click="dialogVisible = true" v-if="form.specialDiseaseNodeId">审核完成 {{ agreeNumber ?
-        type="primary"
+          agreeNumber : "0" }} /
-        @click="dialogVisible = true"
+        {{ totalNumber ? totalNumber : "0" }}</el-button>
-        v-if="form.specialDiseaseNodeId"
-        >审核完成 {{ agreeNumber ? agreeNumber : "0" }} /
-        {{ totalNumber ? totalNumber : "0" }}</el-button
-      >
     </div>
-    <el-dialog
+    <el-dialog title="提交审核完成" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
-      title="提交审核完成"
+      <el-form ref="routeform" :model="routeform" label-width="120px" :rules="rules">
-      :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 v-model="routeform.routeCheckStatus" label="AGREE">同意</el-radio>
-            >同意</el-radio
+          <el-radio v-model="routeform.routeCheckStatus" label="DISAGREE">不同意</el-radio>
-          >
-          <el-radio v-model="routeform.routeCheckStatus" label="DISAGREE"
-            >不同意</el-radio
-          >
         </el-form-item>
         <el-form-item label="节点审核备注">
-          <el-input
+          <el-input type="textarea" :rows="2" placeholder="请输入节点审核备注" v-model="routeform.routeCheckRemark">
-            type="textarea"
-            :rows="2"
-            placeholder="请输入节点审核备注"
-            v-model="routeform.routeCheckRemark"
-          >
           </el-input>
         </el-form-item>
       </el-form>
@@ -503,9 +358,9 @@ export default {
     this.infolist();
     this.taskinfo();
   },
-  beforeDestroy() {},
+  beforeDestroy() { },
   watch: {},
-  mounted() {},
+  mounted() { },
   methods: {
     changeoptions(e) {
       console.log(e);
@@ -678,10 +533,10 @@ export default {
         this.lists.forEach((e) => {
           e.list.length > 0
             ? e.list.forEach((el) => {
-                el.routeNodeDay = e.routeNodeDay;
+              el.routeNodeDay = e.routeNodeDay;
-                el.routeNodeName = e.routeNodeName;
+              el.routeNodeName = e.routeNodeName;
-                this.updata.specialDiseaseNodeList.push(el);
+              this.updata.specialDiseaseNodeList.push(el);
-              })
+            })
             : "";
         });
         this.updata.specialDiseaseNodeList =
@@ -714,14 +569,17 @@ export default {
       this.form.templateName = item.templateName;
     },
     bottomclickevent(uitem, index, uindex) {
+      console.log(this.form, uitem, index, uindex)
       this.$refs.wangeditor.emit();
-      this.form = uitem;
+      setTimeout(() => {
-      this.taskPartitionList = [];
+        this.form = uitem;
-      if (this.form.taskType) {
+        this.taskPartitionList = [];
-        this.changeTaskType(this.form.taskType, this.form.taskSubdivision);
+        if (this.form.taskType) {
-      }
+          this.changeTaskType(this.form.taskType, this.form.taskSubdivision);
-      this.listindex = index;
+        }
-      this.itemindex = uindex;
+        this.listindex = index;
+        this.itemindex = uindex;
+      }, 100);
     },
     handleStep() {
       this.active = 2;