解决分组详情标签显示问题

src/components/selected-tags-list.vue

 <template>
   <div class="flex m-t-20 tags">
-    <div v-for="(tags, index) in tagsList" :key="tags" :style="`width: ${100 / tagsList.length}%`" class="tag-group">
+    <div v-for="(tags, index) in tagsListFilter" :key="tags" :style="`width: ${100 / tagsList.length}%`" class="tag-group">
       <ul class="tag-list">
         <li class="tag-item" v-for="tag in tags" :key="tag.tagId">
           <span>{{ tag.tagName }}</span>
           <span class="tags-item__name">【选择:{{ getTagVal(tag) }}】</span>
         </li>
       </ul>
-      <div v-if="(index === 0 && tagsList.length > 1) || (index === 1 && tagsList.length > 2)" class="tag-relation">
+      <div v-if="(index === 0 && tagsListFilter.length > 1) || (index === 1 && tagsListFilter.length > 2)" class="tag-relation">
         <span class="tag-relation__wrap">
           <i class="tag-relation__cont">
-            {{ tagsList[index][0].levelType === 'or' ? '或者' : tagsList[index][0].levelType === 'andNot' ? '剔除' : '' }}
+            {{ tags[0].levelType === 'or' ? '或者' : tags[0].levelType === 'andNot' ? '剔除' : '' }}
           </i>
         </span>
       </div>
@@ -27,6 +27,11 @@ export default {
       required: true
     }
   },
+  computed: {
+    tagsListFilter() {
+      return this.tagsList.filter(tags => tags.length > 0);
+    }
+  },
   methods: {
     getTagVal(tagData) {
       const tag = JSON.parse(tagData.tagParams);

src/view/memberGroup/memberGroupDetail.vue

@@ -418,9 +418,6 @@ export default {
           list.forEach(li => {
             li.tagParams && (li.tagParams = JSON.parse(li.tagParams));
           });
-          list[0][0].levelType = 'or';
-          list[1] = list[0];
-          list[2] = list[0];
           this.selectedTagData = list;
         })
         .catch(e => {