APIAuto：避免误删标签，完善新增/移除标签提示

Author: TommyLemon

APIJSON-Java-Server/APIJSONBoot-MultiDataSource/src/main/resources/static/api/index.html

@@ -242,7 +242,7 @@
                                     <li style="margin: 0px; padding: 2px; border: #DDD 1px solid; border-radius: 2px " v-for="(tag, ind) in item.Chain.tagList" :id="'tag' + index" >
                                         <a href="javascript:void(0)" style="position: relative; min-width: 6px; width: auto; height: 30px; " @click="removeChainTag(ind, tag, index, item)" >{{ tag }}</a>
                                     </li>
-                                </ul><button class="hint--left" data-hint="点底部标签来添加，或分组标签来移除" style="position: absolute; right: 60px; top: 6px;" href="javascript:void(0)" @click="addChainTag(index, item)"> + </button><a style="right: 0px; position: absolute; z-index: 100; width: fit-content; background-color: white; margin-right: 24px" class="hint--left" :data-hint="item.Chain.groupName">{{' (' + (item.Chain.count - 1) + ')  '}}</a>
+                                </ul><button class="hint--left" data-hint="新增标签" style="position: absolute; right: 60px; top: 6px;" href="javascript:void(0)" @click="changeChainTag(index, item)"> + </button><a style="right: 0px; position: absolute; z-index: 100; width: fit-content; background-color: white; margin-right: 24px" class="hint--left" :data-hint="item.Chain.groupName">{{' (' + (item.Chain.count - 1) + ')  '}}</a>
                                 <svg class="icon" @click="remove(item, index, true, false, false, true)" style="background-color: white; width: 27px; height: 18px; right: -2px; top: 10px; padding-left: 3px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px;" >
                                     <use xlink:href="svg/icon.svg#trash"></use>
                                 </svg>

APIJSON-Java-Server/APIJSONBoot-MultiDataSource/src/main/resources/static/api/js/main.js

@@ -4871,12 +4871,18 @@ https://github.com/Tencent/APIJSON/issues
         return this.chainShowType != 2 || (this.chainGroups.length <= 0 && this.chainPaths.length > 0)
       },
       removeChainTag: function (ind, tag, index, item) {
+        if (! this.isCaseGroupEditable) {
+          this.isCaseGroupEditable = true
+          this.changeChainTag(index, item)
+          return
+        }
+
         var chain  = (item || {}).Chain || {}
         var tagList = chain.tagList || [];
         tagList.splice(ind, 1)
         this.setChainTag(index, chain, tagList)
       },
-      addChainTag: function (index, group) {
+      changeChainTag: function (index, group) {
         this.isCaseGroupEditable = true
         this.currentChainGroupIndex = index
         var chain = (group || {}).Chain || {}
@@ -4909,6 +4915,7 @@ https://github.com/Tencent/APIJSON/issues
         }
 
         this.chainTags = chainTags
+        alert('已进入编辑模式，点击底部标签即可添加/移除，点列表项标签也可移除')
       },
       setChainTag(index, item, tagList, isAdd) {
         var chain = item || {} // (item || {}).Chain || {}
@@ -4963,7 +4970,7 @@ https://github.com/Tencent/APIJSON/issues
           }
         }
 
-        this.setChainTag(groupIndex, chain, tagList, true)
+        this.setChainTag(groupIndex, chain, tagList, tag.selected)
       },
       selectChainGroup: function (index, group) {
         this.currentChainGroupIndex = index