模板维护未完成

src/components/icss/CommonTemplate.vue

@@ -64,12 +64,17 @@
                   :key="item.id"
                 ></el-option>
               </el-select>
-              <el-button size="mini" @click="addDomTemplate(0,'submitForm')">添加</el-button>
-              <el-button size="mini" @click="delSubTemplate">删除子模板</el-button>
-              <el-button size="mini" @click="addDomTemplate(1)">插入输入栏</el-button>
-              <el-button size="mini" @click="addFlg(1)">1.插入选择症状模块</el-button>
-              <el-button size="mini" @click="addFlg(3)">2.插入病程变化模块</el-button>
-              <el-button size="mini" @click="addFlg(4)">3.插入从主诉中获取的伴/无症状模块</el-button>
+              <el-button size="mini" class="normal" @click="addDomTemplate(0,'submitForm')">添加</el-button>
+              <el-button size="mini" class="normal" @click="delSubTemplate">删除子模板</el-button>
+              <el-button size="mini" class="normal" @click="addDomTemplate(1)">插入输入栏</el-button>
+              <span v-if="type == 1">
+                <el-button v-if="flagLisFst == 1" type="primary" class="flagStyle" size="mini" @click="addFlg(1)">插入选择症状模块</el-button>
+                <el-button v-else class="flagStyle" size="mini" @click="addFlg(1)">插入选择症状模块</el-button>
+              </span>
+              <span v-if="type == 2 || type == 3">
+                <el-button v-if="flagLisSec == 4" type="primary" class="flagStyle" size="mini" @click="addFlg(4)">插入从主诉中获取的伴/无症状模块</el-button>
+                <el-button v-else class="flagStyle" size="mini" @click="addFlg(4)">插入从主诉中获取的伴/无症状模块</el-button>
+              </span>
               <div class="arrowWrap">
                 <i class="el-icon-arrow-left arrowWrapPub" @click="moveTag(0)"></i>
                 <i class="el-icon-arrow-right arrowWrapPub" @click="moveTag(1)"></i>
@@ -93,18 +98,20 @@
                 @change="updataData"
               >
               </el-input>
-              <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i>
+              <!-- <i class="tagFlag">{{item.flag?(item.flag == 4?2:1):''}}</i> -->
           </div>
           <p
             v-if="item.type === 'sub'"
             class="tagName  ellipsis"
             :title="'[ '+item.tagName+' ]'"
-          >{{item.tagName}} <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i></p>
+          >{{item.tagName}} 
+            <!-- <i class="tagFlag">{{item.flag?(item.flag == 4?2:1):''}}</i> -->
+            </p>
           <p
             v-if="item.type !== 'input' && item.type !== 'sub'"
             class="tagName  ellipsis"
             :title="'[ '+item.tagName+' ]'"
-          >{{item.tagName}} <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i></p>
+          >{{item.tagName}} <i class="tagFlag" v-if="item.flag">{{item.flag}}</i></p>
         </li>
       </ul>
     </div>
@@ -148,6 +155,8 @@ export default {
       styles: {
         background: '#eae7e7'
       },
+      flagLisFst:-1,
+      flagLisSec:-1
     }
   },
   destroyed: function () {
@@ -196,6 +205,8 @@ export default {
         this.selectRightTagsList = []
         this.selectRightTagsListIndex = []
         this.searchVal = ''
+        this.flagLisFst = -1
+        this.flagLisSec = -1
         this.getSubTemplate()      //重新获取子模板
       }
     },
@@ -211,17 +222,43 @@ export default {
     updataData(){
       this.$emit('changeActionData', this.rightTagsList, false);
     },
+    getFlagList(){
+      let lis =  this.rightTagsList;
+      for(let i = 0;i < lis.length;i++){
+        let tmpLi = lis[i];
+        if(tmpLi.flag == 1){
+          this.flagLisFst = 1
+        }else if(tmpLi.flag == 4){
+          this.flagLisSec = 4
+        }
+      }
+    },
     addFlg(idx){
       let selectTagFlg = this.selectRightTagsListIndex;
       let tmpSelectRightTagsList = this.selectRightTagsList;
-      if(selectTagFlg.length == 0 || (tmpSelectRightTagsList && tmpSelectRightTagsList.length>0 && tmpSelectRightTagsList[0].type == 'input')){
-        return;
-      }
       let tmpLis = this.rightTagsList.slice()
       let tmpObj = tmpLis[selectTagFlg[0]];
-      tmpObj.flag = idx
+      if(selectTagFlg.length == 0 || (tmpSelectRightTagsList && tmpSelectRightTagsList.length>0 && (tmpSelectRightTagsList[0].type == 'input' || tmpSelectRightTagsList[0].type == 'sub'))){
+        return;
+      }
+      for(let i = 0;i < tmpLis.length;i++){
+        if(tmpLis[i].flag == idx){
+          if(tmpObj.flag == idx){
+            tmpLis[i].flag = null
+          }else{
+            tmpLis[i].flag = idx
+          }
+        }else{
+          
+        }
+      }
+      // if(selectTagFlg.length == 0 || (tmpSelectRightTagsList && tmpSelectRightTagsList.length>0 && (tmpSelectRightTagsList[0].flag == '1' || tmpSelectRightTagsList[0].flag == '4'))){
+      //   tmpObj.flag = null
+      // }else{
+      //   tmpObj.flag = idx
+      // }
       this.rightTagsList = [...tmpLis]
-
+      this.getFlagList()
     },
     addDomTemplate(sign,dom){
       let tmpArr1 = this.rightTagsList.slice(0);
@@ -255,6 +292,7 @@ export default {
       }
       this.rightTagsList = tmpArr1;
       this.$emit('changeActionData', this.rightTagsList, false);
+      this.getFlagList()
     },
     moveTag(dir){
       let tmpArr1 = this.rightTagsList.slice(0);
@@ -293,6 +331,7 @@ export default {
         this.selectRightTagsListIndex = tmpArr2
         this.rightTagsList = tmpArr
       }
+      this.getFlagList()
       this.$emit('changeActionData', this.rightTagsList, false);
     },
     delSubTemplate(){   //删除子模板
@@ -305,6 +344,7 @@ export default {
       this.selectRightTagsListIndex = []
       this.$emit('changeActionData', this.rightTagsList, false);
       this.getSubTemplate()
+      this.getFlagList()
     },
     selectLeftTag(tag, index, e) {
       const hasTag = this.isHasTag(tag, this.selectLeftTagsList)
@@ -354,6 +394,7 @@ export default {
       this.selectLeftTagsList = []
       this.selectRightTagsList = []
       this.selectRightTagsListIndex = []
+      this.getFlagList()
     },
     toRightList() {
       this.rightTagsList.push(...this.selectLeftTagsList);
@@ -364,6 +405,7 @@ export default {
       this.selectRightTagsList = []
       this.selectRightTagsListIndex = []
       this.$emit('changeActionData', this.rightTagsList, false);
+      this.getFlagList()
     },
     searchTagList() {
       let notIds = []
@@ -558,23 +600,33 @@ export default {
     .el-button--mini, .el-button--mini.is-round {
       padding: 5px 8px 4px;
     }
-    .el-button:hover {
+    .normal.el-button:hover {
         color: @adminBase;
         border-color: @adminBase;
         outline: 0;
         opacity: 1;
         background-color: #fff;
     }
-    .el-button:active {
-        color: @adminBase;
+    .normal.el-button:active {
+      color: @adminBase;
         border-color: @adminBase;
         outline: 0;
     }
-    .el-button:focus {
+    .normal.el-button:focus {
       background-color: #fff;
       color: @adminBase;
       opacity: 1;
     }
+    .flagStyle.el-button:hover {
+        outline: 0;
+        opacity: 1;
+    }
+    .flagStyle.el-button:active {
+        outline: 0;
+    }
+    .flagStyle.el-button:focus {
+      opacity: 1;
+    }
   }
 }
   

src/components/icss/TemplateMaintenanceWrap.vue

@@ -82,6 +82,7 @@ export default {
         "modelDetils": detailLis,
         "name": name,
         "type": type,
+        "flag": type == 5?3:'',
         "textType": type,
         "id":this.editData.id || ''
       }