添加5标记

src/components/icss/CommonTemplate.vue

@@ -38,13 +38,16 @@
     </div>
     <div class="bottomPartRight bottomPartRightTemplate">
       <p class="poolTitle poolTitleTmp">模板内容：
-        <span style="color:#22ccc8;fontSize:12px" v-if="type == 1 || type == 31">特殊标记1-只可放入主诉模块中，放入其他模块数据会显示异常；模版内容中至少需要1或4特殊标记，保证功能的正常使用；</span>
+        <span style="color:#22ccc8;fontSize:12px" v-if="type == 1 || type == 31">特殊标记1-只可放入主诉模块中，放入其他模块数据会显示异常；标记5不可与标记1同时打到相同标签上，同一个模版可同时存在标记1和5;
+模版内容中至少需要1或4特殊标记，保证功能的正常使用；</span>
         <span style="color:#22ccc8;fontSize:12px" v-if="type == 2 || type == 22 || type == 322 || type == 32">特殊标记4-只可放入现病史模块中，放入其他模块数据会显示异常；模版内容中至少需要1或4特殊标记，保证功能的正常使用；</span>
       </p>
       <div>
         <span style="marginLeft:10px;" v-if="type == 31">
           <el-button v-if="flagLisFst == 1" type="primary" class="flagStyle" size="mini" @click="addFlg(1)" :disabled="flagLisSec == 4">1、标示主诉中添加症状展示位置</el-button>
           <el-button v-else class="flagStyle" size="mini" @click="addFlg(1)" :disabled="flagLisSec == 4">1、标示主诉中添加症状展示位置</el-button>
+          <el-button v-if="flagLisTrd == 5" type="primary" class="flagStyle" size="mini" @click="addFlg(5)">5、主诉通用症状描述显示到现病史中的位置</el-button>
+          <el-button v-else class="flagStyle" size="mini" @click="addFlg(5)" :disabled="flagLisSec == 4">5、主诉通用症状描述显示到现病史中的位置</el-button>
         </span>
         <span style="marginLeft:10px;" v-if="type == 322 || type == 32">
           <el-button style="marginTop:3px;" v-if="flagLisSec == 4" type="primary" class="flagStyle" size="mini" @click="addFlg(4)" :disabled="flagLisFst == 1">4、标示在主诉中症状引用到现病史中展示位置
@@ -85,6 +88,8 @@
               <span v-if="type == 1" style="marginLeft:10px;">
                 <el-button v-if="flagLisFst == 1" type="primary" class="flagStyle" size="mini" @click="addFlg(1)">1、标示主诉中添加症状展示位置</el-button>
                 <el-button v-else class="flagStyle" size="mini" @click="addFlg(1)">1、标示主诉中添加症状展示位置</el-button>
+                <el-button v-if="flagLisTrd == 5" type="primary" class="flagStyle" size="mini" @click="addFlg(5)">5、主诉通用症状描述显示到现病史中的位置</el-button>
+                <el-button v-else class="flagStyle" size="mini" @click="addFlg(5)">5、主诉通用症状描述显示到现病史中的位置</el-button>
               </span>
               <span v-if="type == 2 || type == 22" style="marginLeft:10px;">
                 <el-button v-if="flagLisSec == 4" type="primary" class="flagStyle" size="mini" @click="addFlg(4)">4、标示在主诉中症状引用到现病史中展示位置
@@ -185,7 +190,8 @@ export default {
         background: '#eae7e7'
       },
       flagLisFst:-1,
-      flagLisSec:-1
+      flagLisSec:-1,
+      flagLisTrd:-1
     }
   },
   destroyed: function () {
@@ -240,6 +246,7 @@ export default {
           this.searchVal = ''
           this.flagLisFst = -1
           this.flagLisSec = -1
+          this.flagLisTrd = -1
           if(!this.options.id){
             this.getSubTemplate()      //重新获取子模板
           }
@@ -262,6 +269,7 @@ export default {
           this.searchVal = ''
           this.flagLisFst = -1
           this.flagLisSec = -1
+          this.flagLisTrd = -1
         }
         this.$emit('changeActionData', this.rightTagsList, false);
         this.searchTagList()       //重新获取标签池数据
@@ -301,6 +309,7 @@ export default {
           this.searchVal = ''
           this.flagLisFst = -1
           this.flagLisSec = -1
+          this.flagLisTrd = -1
           if(!this.options.id){
             this.getSubTemplate()      //重新获取子模板
           }
@@ -323,6 +332,8 @@ export default {
           this.flagLisFst = 1
         }else if(tmpLi.flag == 4){
           this.flagLisSec = 4
+        }else if(tmpLi.flag == 5){
+          this.flagLisTrd = 5
         }
       }
     },
@@ -336,22 +347,43 @@ export default {
       }
       for(let i = 0;i < tmpLis.length;i++){//循环右侧所有标签,点击的这个有标记，去掉标记，点击的没有标记，去掉其他标记，标记当前项
         let tmpLi = tmpLis[i];
-        if(tmpLi.flag == idx){   //有标记
+        if(tmpLi.flag == idx){//有标记
           if(tmpSelectRightTagsList.length == 0){//没选中
-            return
+            return;
           }else if(tmpSelectRightTagsList.length > 0){//有选中
             if(tmpSelectRightTagsList[0].flag == idx){//选中的有标记
-              tmpLi.flag = null
-              idx == 1?(this.flagLisFst = -1):(idx == 4?this.flagLisSec = -1:null)
+              if(idx == tmpLi.flag){
+                tmpLi.flag = null
+                idx == 1?(this.flagLisFst = -1):(idx == 4?this.flagLisSec = -1:(idx == 5?this.flagLisTrd = -1:null))
+              }else{
+                tmpLi.flag = idx
+                if(idx == 1){
+                  this.flagLisFst = 1
+                  this.flagLisTrd = -1
+                }else if(idx == 4){
+                  this.flagLisSec = 4
+                }else if(idx == 5){
+                  this.flagLisFst = -1
+                  this.flagLisTrd = 5
+                }
+              }
             }else{//选中的没标记
-              return
+              return;
             }
           }
         }else{//没有标记，判断是否有选中，选中就加上标记，没有不做处理
-          ++m
+          ++m;
           if((m == tmpLis.length)&& tmpSelectRightTagsList && tmpSelectRightTagsList.length>0){
             tmpObj.flag = idx
-            idx == 1?(this.flagLisFst = 1):(idx == 4?this.flagLisSec = 4:null)
+            if(idx == 1){
+              this.flagLisFst = 1
+              this.flagLisTrd = -1
+            }else if(idx == 4){
+              this.flagLisSec = 4
+            }else if(idx == 5){
+              this.flagLisFst = -1
+              this.flagLisTrd = 5
+            }
           }
         }
       }
@@ -499,6 +531,8 @@ export default {
           this.flagLisFst = -1
         }else if(tmpRightLis[0].flag == 4){
           this.flagLisSec = -1
+        }else if(tmpRightLis[0].flag == 5){
+          this.flagLisTrd = -1
         }
         this.searchTagList()
         this.$emit('changeActionData', this.rightTagsList, false);
@@ -672,12 +706,13 @@ export default {
         .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
           margin-bottom: 0;
         }
-        .el-button+.el-button{
-          margin: 0 0 10px 10px;
-        }
       }
     }
   }
+  
+  .el-button+.el-button{
+    margin: 5px 0 10px 10px;
+  }
   .templateTagList {
     height: 450px;
   }
@@ -685,9 +720,6 @@ export default {
     height: 462px;
     width: 98%;
   }
-  button {
-    // margin-top: 20px;
-  }
   .operationItem {
     display: inline-block;
     line-height: 40px;