CN-240 feat: 实体列表下拉详情(部分)

This commit is contained in:
chenjinsong
2021-12-28 21:23:18 +08:00
parent 631619e570
commit c468272bc0
9 changed files with 371 additions and 16 deletions

View File

@@ -7,14 +7,14 @@
<!-- 列表式 -->
<template v-if="listMode === 'list'">
<div class="entity-list--list">
<div v-if="isCollapse" @click="cancelCollapse" class="cn-entity__shadow"></div>
<div v-if="!isCollapse" @click="collapse" class="cn-entity__shadow"></div>
<entity-row
v-for="(data, index) in listData"
:entity="data"
:key="index"
:ref="`entityRow${index}`"
:index="index"
@showCollapse="showCollapse"
@switchCollapse="switchCollapse"
></entity-row>
</div>
</template>
@@ -73,7 +73,7 @@ export default {
showDetail: false,
typeName: '',
entityList: [],
isCollapse: false,
isCollapse: true,
collapseIndex: 0
}
},
@@ -103,13 +103,13 @@ export default {
entityDetail (params) {
this.$emit('showDetail', { ...params, icon: this.iconClass })
},
showCollapse (isCollapse, index) {
switchCollapse (isCollapse, index) {
this.isCollapse = isCollapse
this.collapseIndex = index
},
cancelCollapse () {
this.isCollapse = false
this.$refs[`entityRow${this.collapseIndex}`].cancelCollapse()
collapse () {
this.isCollapse = true
this.$refs[`entityRow${this.collapseIndex}`].collapse()
}
}
}