fix(接口测试): 场景折叠问题

frontend/src/business/components/api/test/components/collapse/ApiCollapse.vue

@@ -40,11 +40,11 @@
     methods: {
       setActiveNames(activeNames, item) {
         activeNames = [].concat(activeNames);
+        let value = this.accordion ? activeNames[0] : activeNames;
         this.activeNames = activeNames;
-        this.$emit('input', item.name);
+        this.$emit('input', value);
-        this.$emit('change', item.name);
       },
-      handleItemClick(item) {
+      handleItemCollapseClick(item) {
         if (this.accordion) {
           this.setActiveNames(
             (this.activeNames[0] || this.activeNames[0] === 0) && item.name, item);
@@ -59,11 +59,15 @@
           }
           this.setActiveNames(activeNames, item);
         }
+      },
+      handleItemClick(item) {
+        this.$emit('change', item.name);
       }
     },
 
     created() {
       this.$on('item-click', this.handleItemClick);
+      this.$on('collapse-click', this.handleItemCollapseClick);
     }
   };
 </script>

frontend/src/business/components/api/test/components/collapse/ApiCollapseItem.vue

@@ -6,6 +6,7 @@
       :aria-expanded="isActive"
       :aria-controls="`el-collapse-content-${id}`"
       :aria-describedby="`el-collapse-content-${id}`"
+      @click="handleHeaderClick"
     >
       <div
         class="el-collapse-item__header"
@@ -20,10 +21,11 @@
         @focus="handleFocus"
         @blur="focusing = false"
       >
-        <i @click="handleHeaderClick"
+        <div @click.stop="handleCollapseClick">
-          class="el-collapse-item__arrow el-icon-arrow-right"
+          <i class="el-collapse-item__arrow el-icon-arrow-right"
              :class="{'is-active': isActive}">
           </i>
+        </div>
         <slot name="title">{{title}}</slot>
       </div>
     </div>
@@ -102,6 +104,12 @@
         this.focusing = false;
         this.isClick = true;
       },
+      handleCollapseClick() {
+        if (this.disabled) return;
+        this.dispatch('MsApiCollapse', 'collapse-click', this);
+        this.focusing = false;
+        this.isClick = true;
+      },
       handleEnterClick() {
         this.dispatch('MsApiCollapse', 'item-click', this);
       }