test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

This commit is contained in:
chenjianxing 2020-09-18 13:05:22 +08:00
parent 5badcc3a21
commit 6383750485
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/business/components/api/test/components/collapse/ApiCollapse.vue
View File

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

16
frontend/src/business/components/api/test/components/collapse/ApiCollapseItem.vue
View File

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